Séance 1 : prise de contact, premier exercices en JavaScript
Nous avons parcouru ensemble le module 1 du MOOC, et une partie du module 2, et fait plusieurs exercices en live coding:
- Exercice fait à l'aide de fichiers séparés index.html, js/script.js, css/styles.css, et des images dans un répertoire assets. Zip de l'exercice ici : ESTIA.zip
- Exercices sur les tableaux et les boucles for et itérateurs forEach, avec à fin un exemple de requête fetch pour aller cherches des données distantes sur Metallica et afficher les membres du groupe dans la console. Ouvrir les onglets "JavaScript" et "Console" de jsbin, puis cliquer sur bouton "run" et regarder la console : https://jsbin.com/veseroc/edit?html,js,console
- Exercice sur les équations du second degrès, utilisation de champs <input type="number>, d'événements de type input pour récupérer les valeurs de a, b et c dans la formule y = ax^2 + bx + c. Calcul en temps réel (au fur et à mesure qu'on change les valeurs) du déterminant, des racines et dessins graphique de la courbe à l'aide d'une librairie externee : https://jsbin.com/hoherut/edit?js,output
- Exercice fait à la fin de la journée : dessin et animation en JavaScript à l'aide de l'API de l'élément canvas de HTML5. On a dessiné un petit monstre qui se déplace à 60 images/seconde, déplacement avec les flèches du clavier : https://jsbin.com/werasog/edit?html,output
Séance 2 matin : introduction aux classes et objets JavaScript que l'on peut instancier avec des "new"
Exemples en live coding:
Suite de notre petite animation avec le monstre....
Séance 2 après-midi : installation de NodeJS et MongoDB, test des premiers WebServices REST
Vous n'êtes pas connecté. Connexion 