Coder un portfolio avec Tailwind
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Coder un portfolio avec Tailwind

Enzo Ustariz
24,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bonjour tout le monde et bienvenue dans ce cours dédié à Tailwind CSS.
Nous allons créer un superbe portfolio de A à Z avec Tailwind.
L'entièreté du code source est fournie et nous avancerons pas à pas, ensemble.

Mais, qu'est-ce que Tailwind ?
Tailwind est un Framework CSS se concentrant sur les classes utilitaires, c'est-à-dire que chaque classe HTML va avoir une fonction précise en CSS. (Couleur, taille, disposition, etc.).

Pourquoi Tailwind est à la mode ?
C'est un Framework CSS qui se marie bien avec les Frameworks JS, et il est relativement simple à apprendre.

A-t-il des points négatifs ?
L'utilisation de ce Framework peut rendre certains éléments durs à debugger si ces derniers contiennent beaucoup de classes, mais je vous montrerai comment atténuer ce potentiel problème.
Mon but dans ce cours n'est pas d'être pour ou contre cet outil, mais de vous apprendre à bien l'utiliser afin que vous développiez des compétences utiles et demandées.

Y a-t-il des prérequis ?
Des connaissances de base en CSS sont requises, n'hésitez pas à suivre mon cours complet CSS avant de vous lancer dans cette formation.
Il est également préférable que vous ayez déjà manipulé Tailwind avant de suivre ce cours, comment dans mon cours Tailwind de A à Z.

Comment va se dérouler le cours ?
Vous allez télécharger le dossier source de ce cours contenant le dossier de base et le code source final.
Une fois la mise en place effectuée, nous coderons chaque section de A à Z et je vous expliquerai tout ce que nous créons dans les moindres détails, tout en distillant une grande quantité de "trucs et astuces" au cours de cette formation.

Rendez-vous de l'autre côté pour commencer à coder !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Créer un portfolio de A à Z

Plan détaillé du cours

Chapitre 1 : Introduction
08m59s
 
Leçon 1Introduction
Leçon 2Code source et conseils
Chapitre 2 : Créer un portfolio de A à Z
2h07m
 
Leçon 1Mise en place de Tailwind
Leçon 2Coder la navbar
Leçon 3Coder le JavaScript de la navbar
Leçon 4Créer la section "Hero" (accueil)
Leçon 5Coder la section "Ils nous font confiance"
Leçon 6Créer le titre de la section "CV"
Leçon 7Coder la grille de la section "CV"
Leçon 8Gérer le lien "download"
Leçon 9Coder la section "skills"
Leçon 10Mettre en place la section montrant les projets
Leçon 11Créer la section de contact
Leçon 12Gérer le footer et faire un audit lighthouse

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1335 tutos gratuits

Notre politique de protection des données