Projet Portfolio Web
Apprenez à créer votre propre site portfolio, du design à l'hébergement, avec HTML/CSS pour débutants et Next.js pour avancés.
Du 1 Fevrier 2025 au 1 Avril 2025
Retour à tous les projets
Programme en détail
Programme actif
Le Projet Portfolio Web est conçu pour vous apprendre à créer votre propre site portfolio professionnel, de la conception du design à la programmation et l'hébergement.
Ce programme de 8 semaines est divisé en deux niveaux :
Pour débutants
- Fondamentaux HTML et CSS
- Création d'un site responsive
- Versionning avec Git
- Hébergement sur GitHub Pages
Pour avancés
- Framework Next.js
- Composants réutilisables
- Optimisation des performances
- Déploiement sur Vercel
Objectifs du programme
- Créer un site portfolio personnel professionnel
- Apprendre les technologies web fondamentales ou avancées
- Maîtriser les outils de développement modernes
- Comprendre les principes de design UI/UX
- Mettre en ligne et gérer votre site
Calendrier du programme
Le programme se déroule sur 8 semaines, avec une session par semaine.
Date de début:
1 Fevrier 2025
Date de fin:
1 Avril 2025
Technologies utilisées
Les participants apprendront et utiliseront ces technologies :
HTML5CSS3JavaScriptGitGitHubReactNext.jsTailwind CSSVercel
Programme des 8 semaines
Semaine 01: Introduction et fondamentaux
Plan de site personnel- Introduction aux sites web portfolio et leur importance
- Planification de l'architecture du site et wireframing
- Initiation à Git et GitHub pour le versionning du code
- Configuration de l'environnement de développement
- Exercice: Créer le wireframe de votre portfolio
Semaine 02: HTML & CSS pour débutants
Structure HTML de base- Fondamentaux HTML5: structure, balises sémantiques
- CSS de base: sélecteurs, propriétés, mise en page
- Principes de responsive design avec HTML/CSS
- Utilisation de Git pour versionner le code
- Exercice: Créer la structure HTML de votre portfolio
Semaine 03: Next.js pour avancés
Projet Next.js configuré- Introduction à React et Next.js
- Configuration d'un projet Next.js
- Structure des dossiers et routing Next.js
- Composants et principes de réutilisation
- Exercice: Configurer votre projet Next.js pour le portfolio
Semaine 04: Styling et UI Design
Maquette visuelle- CSS avancé et utilisation de Tailwind CSS
- Principes de design UI/UX pour les portfolios
- Créer des thèmes et des animations
- Responsive design avancé
- Exercice: Styliser votre portfolio avec Tailwind CSS
Semaine 05: Contenu dynamique
Sections de portfolio- Gestion des données avec JSON et props
- Création de sections de portfolio dynamiques
- Optimisation des images avec Next.js Image
- Création de formulaires de contact
- Exercice: Implémenter une galerie de projets dynamique
Semaine 06: Fonctionnalités avancées
Portfolio interactif- Animations et transitions avancées
- Mise en place d'un blog simple
- Optimisation des performances
- Mode sombre et préférences utilisateur
- Exercice: Ajouter des fonctionnalités interactives à votre portfolio
Semaine 07: Déploiement et hébergement
Site en ligne- Déploiement sur GitHub Pages pour débutants
- Déploiement sur Vercel pour avancés
- Configuration des domaines personnalisés
- SEO et optimisation pour les moteurs de recherche
- Exercice: Déployer votre portfolio en ligne
Semaine 08: Finalisation et présentation
Portfolio professionnel- Tests de compatibilité cross-browser
- Audit de performance et d'accessibilité
- Préparation de la présentation du projet
- Feedback et critiques constructives
- Exercice: Présenter votre portfolio au groupe
Ne manquez pas la prochaine session !
Places limitées pour un accompagnement personnalisé.
Prochaine session : comming soon
Les détails de la prochaine session seront partagés dans notre forum principal WhatsApp.
Remplissez notre formulaire d'inscription pour rejoindre notre forum WhatsApp et devenir membre de CODEX. C'est votre chance de créer un portfolio professionnel qui vous démarquera!
Réserver ma place maintenant