Formation Complète

Accédez à un contenu riche et interactif pour créer un CV et un portfolio professionnels.

Intelligence Artificielle Avancée

Découvrez les dernières technologies d'IA pour améliorer vos compétences en HTML.

Accompagnement Personnalisé

Bénéficiez d'un suivi personnalisé de la part de nos experts pour garantir votre réussite.

À Propos de la Formation

Haythem Rehouma — ingénieur et formateur web, expert HTML, Tailwind et shadcn, spécialisé en SEO orienté résultats et en IA appliquée (ChatGPT, Claude, Copilot, Gemini). Il forme des apprenants à produire des CV/portfolios qui rankent et convertissent grâce à une structure sémantique rigoureuse, des composants shadcn réutilisables, des prompts IA efficaces, une perf solide (Core Web Vitals) et un déploiement soigné sur Vercel.

À Propos de l'Auteur

Haythem Rehouma — ingénieur et formateur web, docteur en génie appliqué, enseignant en université et en collège au Québec. Expert IA (ChatGPT, Claude, Copilot, Gemini) et SEO orienté résultats, il maîtrise HTML, Tailwind et shadcn et accompagne la création de portfolios MVP (de l’idée au prototype déployé). Il forme les apprennants à réaliser des CV/portfolios qui rankent et convertissent grâce à une structure sémantique rigoureuse, des composants réutilisables, des prompts IA efficaces, des performances solides (Core Web Vitals) et un déploiement soigné sur Vercel.

Contenu de la Formation

21 Chapters · 80 Lessons

  1. 1

    Ressources et Plan de la Formation

    1. (Included in full purchase)

      Ressources GitHub Complètes

    2. (Included in full purchase)

      Liens Rapides

  2. 2

    MODULE 1 - HTML et Tailwind Essentiel

    1. (Included in full purchase)

      Présentation du Parcours - Création de Portfolio Web avec HTML, Tailwind et IA Générative

    2. (Included in full purchase)

      Module 1.1 - HTML de Base et Tailwind Essentiel

    3. (Included in full purchase)

      Module 1.2 - Pratiques : Classes Tailwind

    4. (Included in full purchase)

      Module 1.3 - Quiz de Validation Module 1

    5. (Included in full purchase)

      Module 1.4 - (Optionnel) Complément — Quiz Complet (Module 1 · 40 questions)

  3. 3

    MODULE 2 - Structure Sémantique et Navigation

    1. (Included in full purchase)

      Module 2.1 - Structure Sémantique et Navigation

    2. (Included in full purchase)

      Module 2.2 - Hero Section et Footer

    3. (Included in full purchase)

      Module 2.3 - Quiz Structure Sémantique

  4. 4

    MODULE 3 - Composants Avancés

    1. (Included in full purchase)

      Module 3.1 - Liens, Listes et Images

    2. (Included in full purchase)

      Module 3.2 - Formulaires et Validation

    3. (Included in full purchase)

      Module 3.3 - Pratiques Composants Avancés

    4. (Included in full purchase)

      Module 3.4 - Quiz Composants et Tailwind

  5. 5

    MODULE 4 - Construction de Pages Complètes

    1. (Included in full purchase)

      Module 4.1 - Construction de Pages Complètes

    2. (Included in full purchase)

      Module 4.2- Modale JavaScript Détaillée

    3. (Included in full purchase)

      Module 4.3 - Page Architecture Cloud

  6. 6

    MODULE 5 - IA Générative pour le Code

    1. (Included in full purchase)

      Module 5.1 - IA Générative pour le Code

    2. (Included in full purchase)

      Module 5.2 - Expériences Pratiques : Température et Top-p

    3. (Included in full purchase)

      Module 5.3 - Écrire des Prompts Efficaces

  7. 7

    CHAPITRE 6 - Génération Progressive avec IA

    1. (Included in full purchase)

      Module 6.1 - Génération Progressive avec IA

    2. (Included in full purchase)

      Module 6.2 - Génération Header et Hero avec Variantes

    3. (Included in full purchase)

      Module 6.3 - Génération Grid Projets et Formulaire

    4. (Included in full purchase)

      Module 6.4 - Dépannage et Corrections

  8. 8

    CHAPITRE 7 - Évaluation Pratique

    1. (Included in full purchase)

      Module 7.1 - Évaluation Pratique

    2. (Included in full purchase)

      Module 7.2 - Génération de 4 Composants

    3. (Included in full purchase)

      Module 7.3 - Débogage et Création Libre

  9. 9

    CHAPITRE 8 - Projet Final Professionnel

    1. (Included in full purchase)

      Module 8.1 - Projet Final Professionnel

    2. (Included in full purchase)

      Module 8.2 - Projet Final : Sections Projets et Compétences

    3. (Included in full purchase)

      Module 8.3 - Finalisation, Validation et Livraison

  10. 10

    CHAPITRE 9 - Git et Déploiement

    1. (Included in full purchase)

      Vidéo 9.1 - comment déployer son site sur vercel

    2. (Included in full purchase)

      Module 9.1 - Git Local et Déploiement

    3. (Included in full purchase)

      Module 9.2 - Git Local - 79 Commandes Guidées

    4. (Included in full purchase)

      Module 9.3 - Déploiement sur Vercel

  11. 11

    Chapitre 00 - Introduction et Stack Moderne

    1. (Included in full purchase)

      Pr sentation du cours et de la stack 2025

    2. (Included in full purchase)

      Cr er un projet Next.js avec Tailwind

    3. (Included in full purchase)

      Premier d ploiement Vercel en 2 minutes

  12. 12

    Chapitre 01 - shadcn-ui le Design System

    1. (Included in full purchase)

      Qu'est-ce que shadcn/ui et pourquoi c'est diff rent

    2. (Included in full purchase)

      Installation et configuration avec Next.js

    3. (Included in full purchase)

      Composants essentiels : Button, Card, Avatar

    4. (Included in full purchase)

      Dialog, Sheet et navigation responsive

  13. 13

    Chapitre 02 - Generer des Composants avec v0 dev

    1. (Included in full purchase)

      D couverte de v0.dev et premiers prompts

    2. (Included in full purchase)

      Prompts efficaces pour g n rer des sections

    3. (Included in full purchase)

      It rer sur un design g n r par l'IA

    4. (Included in full purchase)

      Int grer le code g n r dans Next.js

  14. 14

    Chapitre 03 - ChatGPT comme Co-Developpeur

    1. (Included in full purchase)

      Prompt engineering pour le d veloppement web

    2. (Included in full purchase)

      G n rer du contenu de portfolio pertinent

    3. (Included in full purchase)

      D boguer du CSS / Tailwind avec ChatGPT

    4. (Included in full purchase)

      R diger ses meta descriptions optimis es SEO

  15. 15

    Chapitre 04 - Sections Avancees du Portfolio

    1. (Included in full purchase)

      Hero anim avec Framer Motion

    2. (Included in full purchase)

      T moignages clients (Testimonials section)

    3. (Included in full purchase)

      Mini-blog en MDX dans Next.js

    4. (Included in full purchase)

      FAQ Accordion et CTA finaux

  16. 16

    Chapitre 05 - SEO Technique Avance

    1. (Included in full purchase)

      Metadata API de Next.js (App Router)

    2. (Included in full purchase)

      Open Graph dynamique avec @vercel/og

    3. (Included in full purchase)

      Schema.org JSON-LD : Person, BreadcrumbList

    4. (Included in full purchase)

      sitemap.ts et robots.ts dans Next.js 14+

  17. 17

    Chapitre 06 - Performance et Web Vitals

    1. (Included in full purchase)

      next/image : optimisation automatique des images

    2. (Included in full purchase)

      next/font : fonts sans CLS

    3. (Included in full purchase)

      Core Web Vitals : LCP, FID, CLS expliqu s

    4. (Included in full purchase)

      Audit Lighthouse et r solution des warnings

  18. 18

    Chapitre 07 - Analytics et Conversion

    1. (Included in full purchase)

      Vercel Analytics : visiteurs et Web Vitals

    2. (Included in full purchase)

      Google Analytics 4 : setup et v nements

    3. (Included in full purchase)

      Plausible : alternative RGPD-friendly

    4. (Included in full purchase)

      A/B testing simple avec feature flags Vercel

  19. 19

    Chapitre 08 - Formulaires et Integrations

    1. (Included in full purchase)

      Form avec react-hook-form + Zod

    2. (Included in full purchase)

      Envoi d'email via Resend (gratuit 3000/mois)

    3. (Included in full purchase)

      Cal.com pour booking en 1 clic

    4. (Included in full purchase)

      Newsletter avec Mailchimp ou ConvertKit

  20. 20

    Chapitre 09 - Projet Final Portfolio Premium Live

    1. (Included in full purchase)

      Pr sentation du projet final et briefing

    2. (Included in full purchase)

      Construction guid e du portfolio

    3. (Included in full purchase)

      Audit SEO et performance complet

    4. (Included in full purchase)

      Mise en ligne, suivi et it rations

  21. 21

    Chapitre 10 - Activites et Evaluations

    1. (Included in full purchase)

      Quiz 1 – Stack moderne et shadcn (5 %)

    2. (Included in full purchase)

      Quiz 2 – IA g n rative et v0 (5 %)

    3. (Included in full purchase)

      Évaluation de mi-session (25 %)

    4. (Included in full purchase)

      Quiz 3 – SEO et performance (5 %)

    5. (Included in full purchase)

      Projet tudiant (20 %)

    6. (Included in full purchase)

      Évaluation finale (40 %)

    7. (Included in full purchase)

      Guide complet du projet final

Témoignages des Participants

Testimonials build trust — fast. Edit this section to show how your product is making a difference and help your audience purchase with confidence.

”
Text-only testimonials are quick to scan and can highlight the value of your product at a glance.
Jessica L.

Las Vegas, NV

”
Finally, a handbook that makes photography feel simple! It covers everything from camera settings to post-processing in a way that actually makes sense.
Anna W.

Amateur photographer

Prêt à Transformer Votre CV ?

Rejoignez la formation aujourd'hui et démarquez-vous avec un CV et un portfolio exceptionnels !

Please contact us for access. (opens email in new window)