Apprendre le JavaScript moderne en créant une to-do list de A à Z
Vous êtes perdu parmi les frameworks front à la mode mais vous voulez garder votre code léger et éviter de dépendre d’un tas de fonctions obscures ?
Vous avez créé vos premières pages Web statiques et vous voudriez les rendre plus dynamiques, pour interagir avec l’utilisateur pour facilement ?
Pas de panique, vous êtes au bon endroit !
Nous allons donc apprendre ensemble à créer une application Web (aussi appelée web app) en JavaScript nouvelle génération (en l’occurrence ES10 ou ES2019) pour créer notre propre to-do list !
Ce tutoriel a pour objectif de vous faire découvrir le JavaScript moderne. Vous aurez besoin de quelques notions de HTML et CSS (de quoi créer des pages Web basiques, en gros) et de développement (idéalement en JavaScript, mais n’importe quel langage devrait faire l’affaire), le reste sera du bonus.
Si vous ne comprenez pas une notion n’hésitez pas à faire quelques recherches ou à demander une clarification sur le forum. C’est l’avantage du Web : toute la documentation et les ressources pour apprendre sont disponibles via votre moteur de recherche préféré, sinon il y a aussi des gens sympas pour vous guider !
La syntaxe
Les Web Components
Les événements
Construire la todo-list
- Un composant dynamique commun
- Une étiquette pour les templates
- Nos premiers composants interactifs
- Remonter les informations
Et voilà, votre todo-list est prête à être utilisée !
Vous pouvez retrouver le code complet sur GitHub.
Vous pouvez également tester ma version en ligne gratuitement et librement.
