Techniques et outils modernes pour le développement Web - React et Next.js

Cette formation s’adresse aux développeuses et développeurs Web, front-end ou full stack, ainsi qu’aux programmeuses-analystes et programmeurs-analystes qui souhaitent actualiser ou approfondir leurs compétences en développement Web moderne. Elle peut également convenir aux intégratrices et intégrateurs Web, aux conceptrices et concepteurs Web, aux designers d’interfaces, aux graphistes Web et aux autres personnes œuvrant dans le domaine du numérique qui souhaitent développer des applications avec React et Next.js.

1. 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. 

2. 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. 

3. 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. 

4. 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. 

5. Conception d’une app avec Next.js : Routage, récupération des données, recherche et pagination, authentification, gestion des erreurs. 

6. Notions avancées de Next.js : Server-side rendering, streaming, ajout de meta-données. 

7. Intégration de Tailwind CSS : Utilisation de Tailwind CSS pour des designs réactifs et maintenables dans vos projets React. 

8. Design avec Material UI : Techniques pour créer des interfaces utilisateur attrayantes conformément aux critères Material Design. 

9. Personnalisation avec Material UI : Personnalisation des thèmes et styles dans Material UI pour créer des expériences utilisateur uniques. 

Séance 1 - Fondements du Web et introduction à React et Next.js : revoir HTML, CSS, JavaScript et le fonctionnement client-serveur afin de comprendre l’environnement dans lequel l’application sera développée.

Séance 2 - Premier composant React : créer le projet et construire une première interface à partir de composants réutilisables.

Séance 3 - État et interactions : gérer les données de l’interface, les événements, les listes et l’affichage conditionnel afin de rendre l’application interactive.

Séance 4 - Formulaires et organisation du code : créer des formulaires, valider les informations saisies et structurer l’application React.

Séance 5 - Architecture de Next.js : organiser la navigation et comprendre la répartition du travail entre le navigateur et le serveur.

Séance 6 - Interface avec Tailwind CSS : concevoir une interface cohérente, adaptée aux différents formats d’écran et accessible.

Séance 7 - API et base de données : relier l’interface au serveur afin d’enregistrer, de consulter et de modifier les données.

Séance 8 - Authentification et autorisation : créer un espace personnel et protéger l’accès aux données.

Séance 9 - Qualité, tests et introduction à TypeScript : tester et déboguer l’application, vérifier les versions utilisées et découvrir les principales différences entre JavaScript et TypeScript.

Séance 10 - Déploiement et documentation : mettre l’application en ligne, vérifier son fonctionnement et documenter le projet.

Git, GitHub, la documentation officielle et les assistants de programmation fondés sur l’IA seront utilisés tout au long du projet. Une attention particulière sera accordée à la compréhension du code, à la vérification des solutions proposées et à la détection du code ou des exemples reposant sur des versions dépassées.

Les cours se donnent à distance avec séances enregistrées. Chaque séance dure 4 heures.

• Vous profitez d’un accès gratuit aux logiciels spécialisés requis pour 1 an. 

• À la fin de la formation, une attestation de participation sera acheminée aux participants qui ont un taux de présence de 80% et plus. 

• Dans la mesure où elles sont liées à l’exercice de vos fonctions professionnelles et qu’elles figurent dans les répertoires de formations reconnues, nos activités de formation peuvent être admissibles en vertu du Règlement sur la formation continue obligatoire.

  Nous vous invitons à vérifier auprès de votre ordre professionnel, de votre organisme réglementaire ou de votre corporation, ainsi qu’à consulter leurs répertoires de formations reconnues pour obtenir davantage d’information.