$ 50.00

Tuto Apprendre le CSS de A à Z avec CSS

$ 50.00

  • Une formation vidéo de 7h04m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Voici une formation en ligne pour apprendre à utiliser CSS de A à Z.
Nous allons découvrir ensemble ce langage utilisé par les développeur web front-end.

L'apprentissage se fera en vidéo, étape par étape, avec des fichiers préparés spécialement pour que tu puisses coder en même temps que la vidéo et ainsi mieux intégrer les différentes leçons.

Le cours est également parsemé de projets pratiques pour utiliser directement ce qu'on vient d'apprendre.

Apprendre le CSS de A à Z :  les différentes parties de cette formation complète :

  • Les bases (Couleur, taille, marge, modèle de boîte),
  • Théorie (Cascade, responsive, performances),
  • Découverte des propriétés importantes,
  • Animation et transition,
  • Faire du responsive en CSS,
  • Notions avancées,
  • Flexbox,
  • CSS Grid,
  • Le préprocesseur SASS,
  • Et on terminera avec en construisant un site de A à Z.

Beau programme n'est ce pas ?
Tous les codes sont fournis. Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
On se donne rendez-vous de l'autre côté pour ces 7h de cours.

Table des matières de cette formation CSS (durée : 7h04m)

  • Introduction
    • Introduction gratuit 00:02:43
    • Qu'est ce que le CSS ? gratuit 00:02:15
    • Éditeur, code source gratuit 00:03:54
    • *Facultatif* Rappel de base HTML 00:06:18
  • Les bases
    • Déclarer son CSS gratuit 00:05:33
    • Les ID's et les classes 00:02:00
    • Les couleurs 00:07:21
    • La taille en CSS 00:04:57
    • La marge, le remplissage(padding), les bordures ... 00:06:20
    • Le modèle de boite 00:02:38
    • Les différents "Display" 00:08:48
    • Faire une image responsive 00:07:44
    • Défi : Faire une carte 00:01:51
    • Résolution 00:06:12
    • Le "Background" 00:08:31
    • Faire un Background étirable 00:02:53
    • Gérer le texte 00:05:43
    • Projet accueil responsive 00:01:34
    • Résolution 00:00:00
  • Théorie, comment le CSS fonctionne ?
    • Piliers CSS 00:09:36
    • La Cascade en CSS 00:03:40
    • La spécificité 00:06:23
    • Héritage 00:04:26
  • Plus en profondeur
    • La position 00:10:18
    • Les sélecteurs 00:09:21
    • Les sélecteurs partie 2 00:06:29
    • Les unités de mesures 00:11:35
    • Les pseudos classes 00:07:51
    • Les pseudos éléments 00:06:27
    • Float + le bug des floats 00:04:47
    • Propriétés en vrac 00:07:30
    • Projet : Img et texte 00:09:32
  • Animations et Transitions
    • La propriété "Transform" 00:07:13
    • Les transitions 00:07:05
    • Animation css.mp4 00:09:55
    • Projet Overlay 00:06:22
    • Projet animation de bouton 00:09:09
  • Le "responsive" en CSS
    • Qu'est ce que le responsive ? 00:03:12
    • Les médias queries 00:09:06
    • Le texte responsive 00:03:04
  • Apprendre Flexbox
    • Mise en place et propriétés de base 00:09:04
    • Centrer avec Flexbox, justy-content et align-items 00:03:04
    • Align-content et wrap 00:06:09
    • Ordre et flex-direction 00:04:47
  • Notions avancées
    • Les préfixes CSS "vendors" 00:05:32
    • Les tableaux 00:04:18
    • La fusion des marges 00:08:45
  • CSS Grid
    • Création de notre première grille 00:07:29
    • Repeat et Fractionnal Unit 00:02:23
    • Placement avec Grid-Row et Grid-Col 00:03:17
    • Placement sur plusieurs cellules 00:04:17
    • Nommer Colonnes et rangés 00:03:23
    • Nommer une "area" 00:02:03
    • Grille explicite et grille implicite 00:01:30
    • Aligner et centrer ces cellules 00:03:19
    • Aligner et centrer sa grille 00:02:59
    • Max-content et Min-content 00:05:47
    • Autofill, autofit et la fonction MinMax 00:03:55
  • Le préprocesseur SASS
    • Mise en place 00:05:50
    • Les variables et le nesting 00:05:34
    • Les Mixins 00:02:25
    • Fonction SASS 00:01:19
    • "Extend" 00:02:06
    • Les paramètres 00:05:45
    • Utiliser une boucle "for" 00:03:34
    • Error, warn et debug 00:03:06
    • Segmenter son code 00:06:24
  • Projet final
    • Téléchargement 00:03:08
    • Mise en place 00:02:35
    • HTML de la navbar 00:04:00
    • Navbar SCSS 00:05:16
    • Accueil 00:09:17
    • Section texte et image HTML 00:02:47
    • Partie SCSS texte et image 00:08:53
    • Portfolio HTML 00:02:04
    • Portfolio SCSS 00:04:57
    • Section Parallax 00:02:23
    • Formulaire HTML 00:04:16
    • Style du formulaire et footer 00:06:17
    • Menu responsive 00:09:57



Formateur : Enzo Ustariz

Enzo Ustariz a publié 37 tutoriels et obtenu une note moyenne de 4,9/5 sur 801 tutoriels vendus. Voir les autres formations de Enzo Ustariz

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de lebeud laissé le 25/03/2020
    Très bonne approche des bases du langage CSS

  • 5
    avis de ggr3 laissé le 02/03/2020
    Très bon tuto, grid layout bien expliqué

  • 5
    avis de tarzanboy laissé le 23/02/2020
    Bonjour, merci pour ce tuto complet sur le CSS, pas mal de points ce sont éclairés grâce à des explications claires et concises. Merci de nous faire partager votre passion et de l'investissement en temps. D

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le fichier source contient les liens(github) pour aller télécharger le code source afin de suivre correctement la formation. Il contient également le code source du projet final.
  • Est ce que je peux suivre le cours si je n'ai jamais fait de CSS de ma vie ?
    Ce cours est fait pour ça, pour apprendre le CSS de A à Z .
  • Je connais déjà un peu de CSS, est ce que le cours vaut le coup pour moi ?
    Si vous déjà quelques connaissances, vous pouvez sauter les sections "de base". Afin de passer directement à Flexbox, CSS Grid, préprocesseur, animation etc ...
accédez à plus de 1138 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données