Ce que vous apprendrez
En trois mois, vous acquerrez des compétences complètes en développement web frontend en maîtrisant les bases de HTML et CSS, Tailwind pour le design moderne, et les fondamentaux de JavaScript et TypeScript pour une programmation efficace. Vous plongerez ensuite dans React et Next.js, où vous apprendrez à créer des interfaces dynamiques, des formulaires avancés, et à gérer la navigation et les états de vos applications. Grâce à un projet e-commerce avec Firebase, vous découvrirez les meilleures pratiques d’authentification, de gestion de données, et de déploiement sur Vercel. En fin de formation, vous serez prêt à créer, déployer et optimiser des applications web performantes et professionnelles.
Programme d'études
- 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
- 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)
- 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
- 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
- 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
Votre Instruicteur
Aksante Bahiga Tacite, Expert passionné avec plusieurs années d’expérience en développement web, je me spécialise dans des frameworks avancés comme Angular, React, et Next.js. Mon approche est axée sur l’apprentissage par projet, permettant de renforcer vos connaissances théoriques par la pratique. Guidé par les meilleures pratiques et une pédagogie rigoureuse, je suis là pour vous transmettre des compétences concrètes et directement applicables. Mon engagement est de vous aider à maîtriser les technologies essentielles pour évoluer dans le domaine professionnel du développement web.
