Intégrez un site onepage avec un framework CSS
ERROR
00:00
00:00

TUTO Intégrez un site onepage avec un framework CSS

Steven Sil
25,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Intégrez un site onepage avec un framework CSS

Dans cette formation de plus de 2h40, vous allez apprendre à intégrer un site onepage responsive avec le framework Tailwind CSS.
Cette formation en ligne s'adresse à un public ayant un niveau intermédiaire sur les langages HTML et CSS, comprenant la maîtrise des points suivants :

Si vous êtes débutant et que vous souhaitez réaliser cette formation sans framework (juste en CSS pur), vous le pourrez dans une deuxième formation qui sortira quelques jours après celle-ci. Les 2 formations mènent exactement au même résultat et sont totalement indépendantes l'une de l'autre.

Pour créer ce site, nous utiliserons également Node.js et NPM pour installer nos dépendances et il est donc important que vous soyez à l'aise à l'idée d'utiliser votre terminal (ou l'invite de commande de Windows) pour réaliser certaines opérations. Aucune connaissance préalable de Node.js est nécessaire pour suivre cette formation et nous l'installerons ensemble donc zéro pré-requis de ce côté là !

Le projet complet ainsi que l'ensemble des liens utilisés durant cette formation vous seront fournis dans les fichiers sources de la formation.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
On met en place notre site
Chapitre 2
Le header
Chapitre 3
Les médias
Chapitre 4
Le footer et Purgecss
Chapitre 5
Allez plus loin

Plan détaillé du cours

Chapitre 1 : On met en place notre site
37m30s
 
Leçon 1Introduction
Leçon 2Installation de Node.js
Leçon 3Initiation à Tailwind CSS
Leçon 4Création du projet et installation des dépendances
Leçon 5On génère un fichier CSS pour utiliser Tailwind
Chapitre 2 : Le header
1h54s
 
Leçon 1Importer Raleway depuis Google Fonts
Leçon 2Le logo
Leçon 3La fenêtre de navigateur
Leçon 4Le lien
Leçon 5Font Awesome pour nos icônes
Leçon 6On utilise Typed.js
Chapitre 3 : Les médias
30m43s
 
Leçon 1Le premier média
Leçon 2Les 3 autres médias
Leçon 3On s'adapte aux plus grands écrans
Leçon 4ScrollReveal pour animer nos éléments
Chapitre 4 : Le footer et Purgecss
16m43s
 
Leçon 1Le footer
Leçon 2On vient purger notre CSS
Chapitre 5 : Allez plus loin
20m51s
 
Leçon 1Tailwind directement dans nos fichiers CSS
Leçon 2On copie les styles communs côté CSS
Leçon 3Conclusion

Aperçus

Avis des apprenants

Détail des avis
498
Apprenants
8
Commentaires
5/5
Note moyenne
5/5
8
4/5
0
3/5
0
2/5
0
1/5
0
Alexandre Prévots
Alexandre Prévots
Publié le 19/04/2020
Très bon tuto et formateur ! Ce tuto m'a apporté un petit vent de fraîcheur et m'a appris beaucoup de choses. Je recommande ce tuto :-)
Steven Sil
Steven Sil
Merci ! :)
Raphaël Morris
Raphaël Morris
Publié le 12/04/2020
Merci Steven, encore une fois un tuto au top, très pédagogue !
Jul2003
Jul2003
Publié le 12/04/2020
Merci steven d'avoir offert ce tuto pour le confinement . Formation de qualité comme d'habitude

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

HTML 5

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données