Scribd
Importer
4 vues2 pages

Plan Web

Le plan de formation web s'étend sur 10 semaines et vise à construire un portfolio à travers des modules pratiques. Les phases incluent des fondations en HTML/CSS, l'intégration de JavaScript pour le dynamisme, l'utilisation d'APIs pour des données réelles, et enfin, l'optimisation et le déploiement du projet. Chaque semaine aborde des thèmes spécifiques et des exercices pratiques pour renforcer les compétences acquises.

Transféré par

Léon-Marc Lionel Liondjo-Kaniki
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
4 vues2 pages

Plan Web

Le plan de formation web s'étend sur 10 semaines et vise à construire un portfolio à travers des modules pratiques. Les phases incluent des fondations en HTML/CSS, l'intégration de JavaScript pour le dynamisme, l'utilisation d'APIs pour des données réelles, et enfin, l'optimisation et le déploiement du projet. Chaque semaine aborde des thèmes spécifiques et des exercices pratiques pour renforcer les compétences acquises.

Transféré par

Léon-Marc Lionel Liondjo-Kaniki
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Plan de Formation Web

Ce planning est intensif et pratique de 10 semaines. L'objectif est de construire ton portfolio au
fil de l'eau : chaque module ajoute une brique au projet final.

Phase 1 : Fondations & Structure (Le Portfolio Statique)


– Semaine 1 : HTML5 & Structure Sémantique
o Thème : Balises modernes, accessibilité et SEO.
o Pratique : Créer la structure brute du portfolio (Header, About, Skills, Contact).
– Semaine 2 : CSS Fondamentaux & Layout
o Thème : Flexbox, Grid et le modèle de boîte.
o Pratique : Mise en page du portfolio et design "responsive" (mobile-first).
– Semaine 3 : CSS Moderne avec Tailwind CSS
o Thème : Installation, utilitaires de classes, personnalisation du
[Link].
o Pratique : Refactoriser tout le style du portfolio avec Tailwind pour un look
professionnel ultra-rapide.

Phase 2 : Dynamisme & Logique (JavaScript)


– Semaine 4 : JavaScript Fondamentaux (Le DOM)
o Thème : Variables, fonctions, événements (Click, Submit).
o Pratique : Créer un mode sombre (dark mode) et des animations au scroll sur ton
portfolio.
– Semaine 5 : JS Avancé : Tableaux & Objets
o Thème : Manipulation de données, méthodes map(), filter().
o Pratique : Générer dynamiquement ta section "Projets" à partir d'un objet
JavaScript.

Phase 3 : Données Réelles & Asynchronisme (L'Expertise)


– Semaine 6 : JS Asynchrone (Promesses & Async/Await)
o Thème : Comprendre le cycle de vie des données, try/catch.
o Pratique : Créer un petit module météo ou une citation aléatoire qui s'affiche au
chargement.
– Semaine 7 : Travailler avec des API (Fetch)
o Thème : Requêtes GET, headers, JSON.
o Pratique : Connecter ton portfolio à l'API GitHub pour afficher
automatiquement tes derniers dépôts (repos) publics.
– Semaine 8 : Tests d'API & Formulaires
o Thème : Validation de données, requêtes POST.
o Pratique : Créer un formulaire de contact fonctionnel (via un service comme
Formspree ou un simulateur d'API).

Phase 4 : Peaufinage & Déploiement


– Semaine 9 : Optimisation & Interactivité finale
oThème : Performance, compression d'images, animations CSS complexes.
oPratique : Ajouter des effets de survol (hover) avancés avec Tailwind et vérifier
les scores Lighthouse.
– Semaine 10 : Déploiement & Présentation
o Thème : Git, GitHub Pages ou Vercel.
o Pratique : Mettre le portfolio en ligne et tester l'affichage sur différents
navigateurs.

Vous aimerez peut-être aussi