Ce cours est constitué de 10 projets différents pour prendre en main React à partir d'un minimum de connaissances en JavaScript. Chaque projet est hébergé sous un répertoire git différent. Ce répertoire centralise les notes de cours.
Pour être noté·e, l'étudiant·e doit :
- copier le dossier du TP avec son compte GitHub ;
- modifier le projet pour valider chaque consigne du TP ;
- au sein d'un projet, le
README.mdpeut contenir des questions, auxquels vous devez répondre directement en complétant ce fichier. - éventuellement, si le projet contient des tests automatisés, il faut s'assurer que ces tests passent ;
- mettre son code en production avec Netlify et ajouter le badge de statut dans le README du projet,
- remplir le Google Sheet avec le lien vers son répertoire git.
Vous pouvez me contacter par courriel si vous avez des problèmes avec vos rendus.
Quelques conseils pour avoir une mauvaise note :
- ne pas soigner l'apparence de ses réponses dans le
README.md(quelques notions de Markdown) ; - laisser des blocs de code en commentaires dans son rendu ;
- faire des fonction de plus de 20 lignes ;
- ne pas utiliser de formatter dans son IDE (Visual Studio Code, Vim) ;
- ne pas utiliser les formules de politesses dans les courriels ;
Ce cours reprend les bases de la programmation en JavaScript (variables, conditions, boucles, fonctions et classes) et en particulier avec la syntaxe ES6.
Après créer un projet React, vous allez créer un composant en JSX et ajouter un test automatisé.
Les Props paramètrent la création d'un composant.
Les states correspondent à l'état interne d'un composant. Modifier le state recharge l'apparence de ce composant.