Intégrez un site onepage avec un framework CSS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
2h46
de formation
20
leçons vidéo
5
chapitres
Intermédiaire
niveau requis
Steven Sil
Steven Sil
Formateur certifié

Intégrez un site onepage avec un framework CSS

4.8/5 Trustpilot (1400 avis) Satisfait ou remboursé
2h46
de formation
20
leçons vidéo
5
chapitres

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

Table des matières

Chapitre 1 : On met en place notre site

37m30
 
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

1h
 
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

30m43
 
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

16m43
 
Leçon 1Le footer
Leçon 2On vient purger notre CSS

Chapitre 5 : Allez plus loin

20m51
 
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
615
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

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
2h46 de vidéo • 5 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 801 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1429 tutos gratuits

Notre politique de protection des données