Bienvenue dans le dossier JavaScript.
Le dossier consiste en 73 exercices, répartis en 11 séries. Ne soyez pas effrayés par le nombre : la plupart de ces exercices sont très courts et se focalisent sur un aspect particulier. Les exercices se succèdent de manière relativement logique, mais ne vous laissez pas freiner par un exercice : passez au suivant, revenez-y plus tard.
☝️ Chaque exercice doit être fait.
🤟 NOTE: les exercices de la série 9 sont des exercices un peu plus complexes, qui valent la peine d'être abordés en fin de course : ce sont de bonnes synthèses des séries précédentes.
🤔 Je ne vois que 9 séries ! Observateur ! Les deux dernières seront pour après la prairie. Patience.
Vous remarquerez assez vite, au gré de vos recherches, qu'il existe un "ancien" javascript et un "nouveau" javascript, nommé ES6 ou ES2015, voire ES2016, ES2017, etc. Au-délà du fait que ça fera un excellent sujet de veille - wink, wink - ne vous prenez pas trop la tête : retenez juste que ES2015 est le nouveau standard, et concentrez-vous sur cette version.
Même si la plupart des exercices n'en ont pas forcément besoin, c'est toujours une bonne idée de faire tourner vos scripts sur un serveur local.
Dans le cas présent, nous vous avons tout préparé, vous allez utiliser un petit serveur local nommé seve
.
Avant toute chose, installez node.js (👉 pour ubuntu, suivez ces instructions) sur votre machine.
Avant de passer à la suite, veillez à configurer correctement les réglages globaux de npm en suivant cet article. Ça vous épargnera pas mal de prises de tête.
Une fois fait, utilisez votre terminal pour naviguer dans le dossier du présent repo, puis entrez les commandes suivantes :
npm install
npm start
Si tout se passe bien, votre navigateur par défaut s'ouvrira sur l'adresse localhost:8000.
👉 Ne vous tracassez pas trop de node.js pour le moment. Nous y reviendrons bien assez tôt...
Pour appréhender au mieux ces exercices, quelques ressources utiles :
- Javascript - introduction
- Javascript - le DOM (ces slides peuvent être abordés à la fin de la série 5)
- Javascript in 14 minutes 🇬🇧
- Silent Teacher
- Solo Learn - Javascript 🇬🇧
- Sabe - Javascript 🇬🇧
- Guide Javascript de Mozilla 🇬🇧 🇫🇷
- jsfiddle - pour tester vos codes js
- learn x in y minutes 🇬🇧
- learn js 🇬🇧
- 10 js array methods 🇬🇧
Bon travail !