Vue d'ensemble
Bonjour, et bienvenue au cours de développement web avec React.
Ce cours n'a pas que pour objectif de vous faire apprendre React mais également tout l'écosystème autour. React n'est jamais utilisé tout seul. Le framework s'appuie en général sur d'autres outils qui permettent de rendre l'application plus robuste.
Je pense qu'il est important en tant que développeur de savoir quels outils existent, comment ils fonctionnent et pourquoi ils ont été créés.
Durant ce cours, nous verrons comment construire un projet React sans outil dans un premier temps et nous introduirons progressivement les différents outils lorsque ces derniers seront nécessaires afin que vous compreniez quel problème l'outil cherche à résoudre. Ce qui vous permettra de vous familiariser avec l'outil malgré sa complexité notamment grâce à leur facilité d'intégration et du pouvoir qu'il offre.
Pour qui ce cours ?
Vous je l'espère 😄. Ce cours est à destination des personnes qui souhaitent connaître et apprendre React. Ce cours suppose que vous avez des notions de javascript. Le cours est à destination des personnes qui apprennent réact pour la première fois ou pour ceux qui ont déjà un peu codé en react mais souhaite avoir une meilleure compréhension.
Paramétrage
Ce cours a été testé sur macOs et windows 10. Vous n'avez pas besoin d'un ordinateur puissant pour le suivre. 8GB devrait vous permettre de réaliser tous les exercices et peut être même moins.
Installer Nodejs. Assurez-vous d'avoir au moins la version 14 et de préférence la dernière version stable. Je préfère utiliser nvm pour installer Nodejs, voir les instructions d'installation en suivant le lien. J'utiliserai Node.js 18.
Même si vous n'avez pas besoin d'utiliser Visual Studio Code, comme éditeur, c'est celui que moi j'utiliserai. Il exite d'autres comme Webstorm.
Comment signaler les erreurs ?
J'ai écrit ces cours et veillé à ne pas faire d'erreurs. Cependant, lorsque l'on enseigne plus de dix heures de matière, les erreurs sont inévitables, tant dans la grammaire que dans le contenu du cours. Si vous trouvez une erreur, je serai ravi de la corriger. La meilleure façon de le faire est de m'envoyer un message sur twitter. Bien que je sois toujours heureux de discuter et de prodiguer des conseils sur les réseaux sociaux, je ne peux pas être le support technique de tout le monde.
Qui suis-je ?
Je m'appelle Yves ZENDJA, CTO de Nahalia, une marque de compléments alimentaires. Je travaille sur différentes technologies autour du cloud, des Frameworks javascript. Avant celà, j'étais data analyste dans le secteur de la banque et j'ai travaillé pour les grands groupes comme BNP, Société Génerale, Crédit agricole etc... J'ai également travaillé en tant que Freelance et accompagné des starts-up et des petites entreprises. J'ai écrit beaucoup de code en Réact.
Ça fait longtemps que je travaille avec React et je suis un grand fan. J'espère que vous apprécierez travailler avec react comme moi à la fin de cette introduction.
Lorsque je ne travaille pas, vous me trouverez sur Orléans. J'apprécie beaucoup la ville et surtout j'aime sortir et me balader avec ma petite famille sur les bords de Loire, ou faire de la randonnée dans les forêts avoisinantes.
Vous pouvez me trouver sur les réseaux sociaux. Je ne réponds pas très souvent aux messages privés. Le meilleur moyen de me contacter est de me faire un tweet directement :
Où trouver les cours et les exercices ?
Chaque étape de ce projet aura un dossier qui correspond à l'endroit où se trouve le projet. Si vous êtes bloqué, si vous voulez copier/coller un long morceau de code que vous n'avez pas envie d'écrire, ou si vous voulez simplement parcourir le code à ce stade, faites-le ! L'objectif principal est que vous appreniez, donc tant que vous apprenez, il n'y a pas de triche !
Quel projet allons-nous réaliser ?
A la fin du cours, vous aurez créé une petite application web qui permettra d'afficher les images des logos des cryptos monnaies et de pouvoir faire une recherche pour afficher celle qui vous interesse. Vous aurez l'opportunité de voir comment à l'aide de React, vous pouvez vous connecter à une API, extraire les informations, et faire des filtres.
Que retenir du cours ?
A la fin de ce cours, vous devrez être capable de :
Comprendre comment concevoir une application React.
Bien structurer les répertoires de travail.
Utiliser typescript.
Mettre en place des tests unitaires pour vos applications.