Semaine 1: Introduction, les bases du HTML & CSS
-
Introduction au programme
-
Installation & configuration de l'environnement
-
Les bases HTML (Les éléments essentiels)
-
HTML5 schematics (Formulaires, Image, Audio, Vidéo)
-
Les attributs HTML
-
CSS: Les bases (Sélecteurs, Classes, Pseudo selector et Propriétés)
-
CSS: Layout (Flex et Grid)
-
Conception réactive (Responsive design) et fonctions CSS
Semaine 2 - Tailwind CSS
Semaine 3 - JavaScript Moderne
-
Introduction et Configuration
-
Contrôle de flux (conditions et boucles)
-
Fonctions (simple function, arrow function & function parameters)
-
Structure des données (array & objets)
-
Classes, Modules & Programmation orienté objet (Abstraction, Encapsulation, Héritage et polymorphisme)
-
Déconstruction et propagation (spread & rest, nullish collapsing, itinerary & option operators)
-
Programmation asynchrone (promesses, async & await)
-
DOM, Manipulation du navigateur (Devtools), et Géstionnaire de package (npm)
Semaine 4 - Typescript pour les développeurs JavaScript
Semaine 5 - React (Introduction & fondamentaux)
Semaine 6 - Les bases de Nextjs
-
Introduction à NextJs (De React en Nextjs)
-
Project setup & folder structure
-
Les composants serveurs et clients
-
Stylisation CSS en NextJs
-
Optimisation des Fonts et Images
-
Routage et Navigation en Nextjs
-
Mise en forme partagée
-
Context API pour partager l'état global dans toute l'application
-
Route dynamique
Semaine 7 - Consommation d’une API en Nextjs
-
Introduction et configuration du projet
-
Recherche des données dans un composant serveur
-
Recherche des données dans un composant client
-
Streaming des données (Suspense & loading.tsx)
-
Cacher les données en local (Caching)
-
Paramètre des recherches depuis une route (search params)
-
Gestion des erreurs d’une requête HTTP
Semaine 8: Manipulation des routes HTTP en NextJs
Semaine 9: Contrôle de version, travail collaboratif
Semaine 10: Project Portfolio-gen
-
Introduction Configuration du projet
-
Authentification avec clerk
-
Génération de l’interface utilisateur avec V0
-
Gestion des fichiers avec Uploadthing
-
Gestion de portfolio (CV) dans la base des données
-
Streaming et métadonnées
-
Génération de page web vitrine (landing page) avec Bolt
-
Déploiement sur vercel
