Mise en forme partagée | Malakisi

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Maîtrisez le Développement Web Frontend avec Next.js en 3 Mois - Un Programme Complet de zero à hero

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

Introduction et Configuration
Utilitaires de base (Classes, Layout, Typographie et responsivité)
Création et personnalisation d’un composant

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

Introduction et configuration
Les variables (déclarations & affectations) & Typage statique
Interface et Type alias (Les tableaux et objets)
Fonctions typées (fonction simple, fonction flèchée et paramètres typés)
Type Generiques

Semaine 5 - React (Introduction & fondamentaux)

Introduction React et NextJs
Comprendre le rendu de l’interface utilisateur avec le DOM
Installation & structure du projet
Les composants
Le rendu JSX
Children & Le props
Rendre une liste
Les événements et la gestion d’état d’un composant
useEffect (Cycle de vie d’un composant)

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

Introduction sur le gestionnaire des routes
Gestion des routes HTTP (GET, POST, DELETE,PUT)
Les actions serveurs (server action)

Semaine 9: Contrôle de version, travail collaboratif

Git & GitHub

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

Teach online with

Mise en forme partagée

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock