Création de Portfolio Rapide

Concevez un portfolio pro en une journée, avec un parcours clair, des exemples et des prompts prêts à l’emploi. Vous suivez, vous personnalisez, vous publiez et déployez sur Vercel  sans perte de temps. Et si vous souhaitez tout comprendre, des chapitres « sans IA » démystifient chaque section du code.

Technologie de Pointe

Grâce à l’IA, montez en compétence sur les nouvelles technologies (HTML, Tailwind, shadcn…) plus rapidement et en toute confiance.

Guidé par l’IA : maîtrisez les stacks modernes et créez des interfaces pro, sans détour

L’IA vous guide pour maîtriser rapidement les stacks actuelles et réaliser des interfaces professionnelles sans détour.

À Propos du Cours

Vous voulez un portfolio professionnel mais ne savez pas par où commencer? Ce cours vous guidera étape par étape pour créer un portfolio attrayant en un jour seulement. Même sans aucune expérience de codage, vous pourrez réaliser des projets de qualité professionnelle. Ne manquez pas cette occasion de booster votre carrière et de vous démarquer dans le monde du design.

À Propos du Créateur

Bonjour, je suis Haythem REHOUMA votre instructeur pour ce cours. Ayant moi-même débuté sans aucune connaissance en codage, je comprends les défis auxquels vous pourriez être confrontés. Mon objectif est de vous fournir les outils et les compétences nécessaires pour créer un portfolio exceptionnel sans stress ni confusion. Rejoignez-moi pour une expérience d'apprentissage enrichissante et pratique.

Curriculum

10 Chapters · 72 Lessons

  1. 1

    Introduction au Portfolio et Ressources

    1. (Included in full purchase)

      Plan du cours

  2. 2

    MODULE 1 - Développez son Portfolio avec HTML et ChatGPT

    1. (Included in full purchase)

      Plan du Chapiter Développez son Portfolio avec HTML et ChatGPT

    2. (Included in full purchase)

      Chapitre 1 - Préparer votre ordinateur

    3. (Included in full purchase)

      Chapitre 2 - Découvrir ChatGPT

    4. (Included in full purchase)

      Chapitre 3 - Créer la structure HTML de base avec Tailwind

    5. (Included in full purchase)

      Chapitre 4 - Ajouter une navigation sticky

    6. (Included in full purchase)

      Chapitre 5 - Ajouter la section Hero

    7. (Included in full purchase)

      Chapitre 6 - Ajouter la section A propos

    8. (Included in full purchase)

      Chapitre 7 - Grille de projets

    9. (Included in full purchase)

      Chapitre 8 - Contact et Footer - PORTFOLIO COMPLET

    10. (Included in full purchase)

      Tous les PROMPTS CHATGPT Du Chapitre

  3. 3

    MODULE 2 - Développez son Portfolio avec HTML et GEMINI

    1. (Included in full purchase)

      HTML avec Google Gemini et Colab - Portfolio Instantané

    2. (Included in full purchase)

      TOUS LES PROMPTS GEMINI + %%html

    3. (Included in full purchase)

      Chapitre 1 : Préparer votre ordinateur

    4. (Included in full purchase)

      Chapitre 2 : Découvrir Google Gemini et Colab

    5. (Included in full purchase)

      Chapitre 3 : Créer la structure HTML de base

    6. (Included in full purchase)

      Chapitre 4 : Ajouter une navigation sticky

    7. (Included in full purchase)

      Chapitre 5 : Ajouter la section Hero

    8. (Included in full purchase)

      Chapitre 6 : Ajouter la section À propos

    9. (Included in full purchase)

      Chapitre 7 : Grille de projets

    10. (Included in full purchase)

      Chapitre 8 : Contact + Footer - PORTFOLIO COMPLET

  4. 4

    MODULE 3 - Développez son Portfolio avec HTML, COPILOT et VSCODE

    1. (Included in full purchase)

      HTML avec GitHub Copilot et VSCode - Portfolio Assisté par IA

    2. (Included in full purchase)

      Chapitre 1 : Préparer votre ordinateur

    3. (Included in full purchase)

      Chapitre 2 : Installer VSCode + GitHub + Copilot

    4. (Included in full purchase)

      Chapitre 3 : Créer la structure HTML avec Copilot

    5. (Included in full purchase)

      Chapitre 4 : Ajouter navigation avec Ctrl+I

    6. (Included in full purchase)

      Chapitre 5 : Hero avec commentaire + Tab

    7. (Included in full purchase)

      Chapitre 6 : À propos avec Ctrl+K

    8. (Included in full purchase)

      Chapitre 7 : Grille projets

    9. (Included in full purchase)

      Chapitre 8 : Contact + Footer - COMPLET

    10. (Included in full purchase)

      RÉFÉRENCE COPILOT - Commentaires et Raccourcis

  5. 5

    MODULE 4 - Développez son Portfolio sans utilisation de IA

    1. (Included in full purchase)

      HTML + Tailwind SANS IA - Apprendre en comprenant

    2. (Included in full purchase)

      Chapitre 1 : Structure HTML vide - Comprendre les fondations

    3. (Included in full purchase)

      Chapitre 2 : Ajouter Tailwind CSS via CDN

    4. (Included in full purchase)

      Chapitre 3 : Premier titre avec classes Tailwind

    5. (Included in full purchase)

      Chapitre 4 : Couleurs texte et fond - Système Tailwind 50-950

    6. (Included in full purchase)

      Chapitre 5 : Comprendre l'espacement - py-6, px-4, m-4

    7. (Included in full purchase)

      Chapitre 6 : Navigation avec flex et gap - Flexbox simplifié

    8. (Included in full purchase)

      Chapitre 7 : Section avec gradient - bg-gradient-to-r

    9. (Included in full purchase)

      Chapitre 8 : Boutons avec rounded et hover - États interactifs

    10. (Included in full purchase)

      Chapitre 9 : Image ronde - w-32 h-32 rounded-full

    11. (Included in full purchase)

      Chapitre 10 : Grille 2 colonnes - grid grid-cols-2 gap-6

    12. (Included in full purchase)

      Chapitre 11 : Responsive design - md: lg: xl: expliqués

    13. (Included in full purchase)

      Chapitre 12 : Portfolio complet - Récapitulatif et prochaines étapes

    14. (Included in full purchase)

      Chapitre 13 : Allez plus loin sans IA et avec IA

  6. 6

    MODULE 5 - DÉPLOIEMENT : Rendre son site public et visible par tout le monde.

    1. (Included in full purchase)

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

    2. (Included in full purchase)

      Vidéo 2 - comment déployer son site sur vercel (un exemple de site est fourni pour pratiquer)

  7. 7

    MODULE BONUS 1 - Conception de Votre Portfolio avec ChatGPT uniquement

    1. (Included in full purchase)

      BONUS 1.1 - Portfolio Complet avec ChatGPT SEUL en un seul PROMPT

    2. (Included in full purchase)

      BONUS 1.2 - Portfolio Complet avec ChatGPT SEUL par Étapes (Plusieurs PROMPT)

  8. 8

    MODULE BONUS 2 - Conception de Votre Portfolio avec GEMINI uniquement

    1. (Included in full purchase)

      BONUS 2A - Google Colab EXPRESS - 1 Cellule

    2. (Included in full purchase)

      BONUS 2B - Colab PROGRESSIF - 5 Cellules

    3. (Included in full purchase)

      BONUS 2C - Colab INTERACTIF - Modifications EN DIRECT

    4. (Included in full purchase)

      RÉSUMÉ DU BONUS 2 - Portfolio avec Google Colab et %%html

  9. 9

    MODULE BONUS 3 - Conception de Votre Portfolio avec Copilot uniquement

    1. (Included in full purchase)

      BONUS 3A - Installer GitHub Copilot (GUIDE COMPLET)

    2. (Included in full purchase)

      BONUS 3B : Utiliser Copilot pour Créer Portfolio

    3. (Included in full purchase)

      BONUS 3C - Personnaliser avec Copilot

    4. (Included in full purchase)

      RÉSUMÉ DU BONUS 3 - Portfolio avec GitHub Copilot + VSCode

  10. 10

    Résumé de toutes les manipulations (de zéro à en ligne)

    1. (Included in full purchase)

      TOUS LES PROMPTS IA DE CETTE PARTIE

    2. (Included in full purchase)

      Chapitre 0 : Préparer votre ordinateur

    3. (Included in full purchase)

      Chapitre 1 : Installer les outils pour coder

    4. (Included in full purchase)

      Chapitre 2 : Votre PREMIER fichier HTML

    5. (Included in full purchase)

      Chapitre 3 : Textes, titres et paragraphes

    6. (Included in full purchase)

      Chapitre 4 : Images et liens

    7. (Included in full purchase)

      Chapitre 5 : CSS - Couleurs et polices

    8. (Included in full purchase)

      Chapitre 6 : CSS - Boîtes, marges et espaces

    9. (Included in full purchase)

      Chapitre 7 : Flexbox - Aligner les éléments

    10. (Included in full purchase)

      Chapitre 8 : Introduction à Tailwind CSS

    11. (Included in full purchase)

      Chapitre 9 : Portfolio partie 1 - Header

    12. (Included in full purchase)

      Chapitre 10 : Portfolio partie 2 - Section À propos

    13. (Included in full purchase)

      Chapitre 11 : Portfolio partie 3 - Projets

    14. (Included in full purchase)

      Chapitre 12 : Portfolio partie 4 - Contact & Footer

    15. (Included in full purchase)

      Chapitre 13 : PORTFOLIO FINAL COMPLET

Témoignages

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

”
En une journée, j’ai mis en ligne un portfolio pro sans écrire une ligne de code. Les prompts m’ont fait gagner un temps fou, et les chapitres “sans IA” m’ont aidé à comprendre chaque section. J’ai pu postuler dès le soir même avec un site crédible.
M. Benali, 

Montréal, QC

”
Résultat pro en 1 jour. Zéro stress, guides clairs, déploiement immédiat.
Anna W.

Amateur photographer

Prêt à Transformer Votre Portfolio?

Commencez dès aujourd'hui et créez un portfolio qui impressionnera clients et employeurs. Ne laissez pas le manque de compétences techniques vous retenir, lancez-vous dans ce cours dès maintenant!

Commencez dès aujourd'hui