Web
5$/h – Techniques et outils modernes pour le développement web – React et Next.js
Objectifs:
Au cours de cette formation intensive de 30 heures, vous approfondirez vos connaissances de plusieurs outils clés du développement web côté client : React, Next.js, TypeScript, Material UI et Tailwind CSS.
Contenu du cours:
- Introduction au développement web moderne: Révisions des concepts fondamentaux du développement web et présentation de l’importance de ces outils dans les cadriciels modernes.
- Principes de base de React, Vite, et TypeScript : Philosophie de programmation par composants. Exploration de React et comparaison avec d’autres cadriciels comme Vue.js et Angular. Présentation de Git/Github et des conventions de commit.
- React avancé: Approfondissement de la réactivité, gestion des composants, et introduction au concept de « virtual DOM ». Apprendre à documenter efficacement avec JSDoc le code et les composants React.
- Présentation de Next.js: Présentation de la technologie Next.js. Stylisation globale et locale de l’application, optimisations des images, polices et liens.
- Conception d’une app avec Next.js: Routage, récupération des données, recherche et pagination, authentification, gestion des erreurs.
- Notions avancées de Next.js: Server-side rendering, streaming, ajout de meta-données.
- Intégration de Tailwind CSS: Utilisation de Tailwind CSS pour des designs réactifs et maintenables dans vos projets React.
- Design avec Material UI: Techniques pour créer des interfaces utilisateur attrayantes conformément aux critères Material Design.
- Personnalisation avec Material UI: Personnalisation des thèmes et styles dans Material UI pour créer des expériences utilisateur uniques.
- Révision et déploiement : Déploiement de votre projet sur les Internets. Révisions des notions vues et ouverture sur le futur du développement web.
Préalables
Pour garantir une bonne compréhension de la matière durant le cours, il est recommandé d’avoir au moins des connaissances de base dans les domaines suivants :
- Les fondamentaux du web : adresse web, URL, architecture client-serveur, internet (notions d’API web et d’opérations CRUD
- Les fondamentaux de la programmation : fonction, variable, structures de décisions et de contrôle
- Les bases du HTML et du CSS