Unité d'Apprentissage 1 :
Application web monopage
Compétences visées :À la fin de cette Unité d'Apprentissage, l'étudiant qui réussit sera en mesure de:
Créer des pages web utilisant diverses librairies et technologies émergentes qui sont présentement très populaires dans l'industrie.
Séparer le code en modules et en composants pour faciliter le développement et la maintenance des projets web.
1
Module 1
Créer un projet React avec Next.js
Installer les outils et logiciels qui seront utilisés, et créer un projet React avec Next.js 2
Module 2
Les composants et props
Créer des composants d'une application React avec Next.js et leur passer des données. 3
Module 3
État, événement et Affichage
Afficher des données, utiliser le hook d'état et gérer les évévements. 4
Module 4
Effet et affichage répétitif
Utiliser le hook d'effet et afficher des données avec répétition.Unité d'Apprentissage 2 :
Routage client et partage des données
Compétences visées :À la fin de cette Unité d'Apprentissage, l'étudiant qui réussit sera en mesure de:
Concevoir et personnaliser des sites web monopage utilisant le routage client pour simuler un site web à plusieurs pages.
Modifier les métadonnées et construire son application web de manière efficace pour faciliter son hébergement.
5
Module 5
Routage client et changement de page
Utiliser le routage client pour simuler plusieurs pages dans un site web. 6
Module 6
Métadonnées et SEO
Optimiser les pages pour une meilleure expérience utilisateur. 7
Module 7
Les formulaires
Créer et valider les formulaires 8
Module 8
Notion de contexte
Partage global des données dans un projet React avec Next.js.Unité d'Apprentissage 3 :
Application Client/Serveur complexe
Compétences visées :À la fin de cette Unité d'Apprentissage, l'étudiant qui réussit sera en mesure de:
Utiliser plusieurs optimisations, dont le rendu serveur pour augmenter les performances de son application web.
Préparer ses applications web pour les rendre progressives.
9
Module 9
Rendu avec Next.js
Les types de rendus avec Next.js 10
Module 10
Nouvelles fonctionnalités de Next.js
Les nouveautés de Next.js 11
Module 11
Progressive Web App (PWA)
Rendre une application web installable sur PC et mobile