Partie 1 : Introduction à JavaScript
La première leçon de cette semaine sera l'occasion de découvrir le langage JavaScript qui permet de manipuler le document HTML.
Ce
langage est vaste et mériterait un MOOC à lui tout seul. Ce module ne
fera qu'une initiation à JavaScript, mais les bases que je vous propose
ici vous ouvriront le champ des possibles et sont suffisantes pour
arriver au bout de ce MOOC.
Dans une première partie, nous verrons comment mettre en œuvre ce langage ; vous ferez plusieurs exercices autour des notions centrales que sont les variables, les tableaux, les fonctions et les structures conditionnelles. La deuxième leçon de la semaine nous permettra d'introduire la console de développement associée aux navigateurs usuels. Cette console facilite la recherche d'erreurs dans les développements effectués.
La semaine prochaine nous poursuivrons cette présentation à JavaScript en introduisant les tableaux imbriqués, les objets et des notions de gestion des formulaires qui vous prépareront au premier projet de ce MOOC. La semaine qui suivra précisera la notion d'événements et introduira le framework jQuery. Vous serez alors prêts à aborder les fonctionnalités d'HTML5 proposées dans ce MOOC : dessin, animation et glisser-déposer !
Attention, si vous êtes novices, à ne pas trop dévier de ce qui est proposé dans cette leçon (en cherchant d'emblée à faire des choses beaucoup plus compliquées), car vous risqueriez d'être rapidement perdus. Faites-moi confiance sur le fait que ces éléments de base, s'ils sont bien maîtrisés à travers les exercices proposés, vous permettront d'arriver au bout de ce MOOC !
Attention ! Je rappelle que ce MOOC présuppose que vous avez déjà une petite expérience en matière de programmation et que la notion d'algorithme ne vous est pas inconnue.
Quelques conseils supplémentaires :
- Allez-y doucement, concept après concept, diapo après diapo ;
- Ne vous contentez pas de recopier : comprenez ce que fait chaque ligne ;
A nouveau, des forums ont été préparés par les tuteurs.
Diapositives format HTML5 - 14.6 Mo (attention : numérotation absente)
Errata : à 16 minutes 50, il est fait mention d'un exercice de création d'une liste déroulante à partir d'un tableau. Merci de ne pas y prêter attention : il s'agit d'un élément antérieur à un redécoupage du début MOOC.