39,00

Tuto 30 Exercices de CSS avec CSS

39,00

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

ajouter ce cours aux favoris retirer ce cours des favoris

"De la pratique, de la pratique, de la pratique." Voilà à quoi on peut résumer ces 30 exercices CSS proposés dans cette formations en ligne.
Les développeurs pensent souvent (à tord), que le CSS s'apprend facilement et que ce n'est franchement pas très important.
Faux !
Il existe en effet des multitudes de règles, de "bizarreries", de techniques, de propriétés, de valeurs (...) qu'il faut impérativement connaître avec ce langage de styles.

Si on néglige cet apprentissage, on va au devant de problèmes insolubles et quelques sérieuses prises de tête.

Au programme de ce cours 30 Exercices de CSS (et leur corrigé)

Dans ce cours, on va s'entraîner avec :

  • Les alignements (X,Y,Z ...),
  • Les "display",
  • Les positions,
  • Les sélecteurs,
  • La perspective,
  • Le "responsive",
  • L'accessibilité,
  • Flexbox,
  • CSS Grid,
  • Les transitions, les animations,
  • L'integration d'interfaces,
  • Les unités de mesure,
  • SASS,
  • Les pseudo éléments & classes,
  • Etc etc ...

L'important dans ce cours n'est surtout pas d'avoir juste partout, de tout trouver en copiant du code qu'on ne comprend pas et en ayant 0 réflexion. Je vais y revenir de nombreuses fois, mais le plus important va être pour vous de développer ces trois axes :

  • 1 / La recherche : être curieux, se plonger dans les documentations, les articles, les vidéos, et tout ce qu'on peut trouver pour arriver à résoudre un problème.
  • 2 / Les Tests : tester des valeurs, des propriétés, des modules, des paradigmes, apprendre à tester tout ça dans un environnement donné afin de trouver une solution.
  • 3 / L'Auto-correction : dans la vie il n'y aura pas toujours une vidéo de correction, donc préparez-vous à déjà vous auto-corriger en vous interrogeant sur les performances de votre solution, son côté adaptatif (responsive), compatible, accessible, etc ...

Je vous ai préparé des dossiers avec les différents codes sources, les ressources et tout ce qu'il vous faut pour suivre ce cours dans la joie et la bonne humeur.

Rendez-vous au premier exercice pour commencer à coder. ✌️

Table des matières de cette formation CSS (durée : 4h39m)

  • Introduction
    • Introduction gratuit 00:02:32
    • Code source 00:07:10
  • Les 30 Exercices CSS
    • Énoncé : Alignement 00:03:59
    • Résolution : Alignement 00:09:51
    • Énoncé : Navbars 00:02:09
    • Resolution : Navbars 00:08:02
    • Énoncé : Section d'accueil 00:01:56
    • Résolution : Section d'accueil 00:13:21
    • Résolution II : Section d'accueil 00:07:46
    • Énoncé : Les positions 00:01:10
    • Résolution : Les positions 00:03:52
    • Énoncé : Display 00:00:46
    • Résolution : Display 00:03:39
    • Énoncé : Sélecteurs 00:01:09
    • Résolution : Sélecteurs 00:00:00
    • Énoncé : Intégration de vidéo 00:01:06
    • Résolution : Intégration de vidéo 00:08:21
    • Énoncé : Animation "clignotage" 00:03:03
    • Résolution : Animation "clignotage" 00:09:59
    • Résolution : Cache-cache 00:01:52
    • Résolution : Cache-cache 00:02:39
    • Énoncé : Fusion des marges 00:02:23
    • Résolution : Fusion des marges 00:02:10
    • Énoncé : Texte Responsive 00:01:17
    • Résolution : Texte Responsive 00:04:19
    • Énoncé : Loader 00:00:27
    • Résolution : Loader 00:04:02
    • Énoncé : Transitions 00:00:29
    • Résolution : Transitions 00:02:48
    • Énoncé : Galleries 00:01:28
    • Résolution : Galleries 00:06:50
    • Énoncé : Exercices Flexbox 00:01:25
    • Résolutions : Exercices Flexbox 00:06:38
    • Énoncé : Exercices CSS Grid 00:01:20
    • Résolution : Grid 00:11:51
    • Énoncé : Pseudo-Elements 00:00:46
    • Résolution : Pseudo-Elements 00:09:54
    • Énoncé : Responsive 00:03:00
    • Résolution : Responsive 00:09:35
    • Énoncé : Perspective 00:00:43
    • Résolution : Perspective 00:08:44
    • Énoncé : Parallax 00:00:53
    • Résolution : Parallax 00:01:47
    • Énoncé : Shadows 00:01:03
    • Résolution : Shadows 00:10:21
    • Énoncé : Création de formes 00:00:49
    • Résolution : Création de formes 00:09:46
    • Énoncé : Unités de mesures 00:01:11
    • Résolution : Unités de mesures 00:04:07
    • Énoncé : Carousel en pur CSS 00:00:30
    • Résolution : Carousel en pur CSS 00:05:34
    • Énoncé : Sign Up, intégration de formulaire 00:00:55
    • Résolution : Sign Up, intégration de formulaire 00:12:02
    • Énoncé : Animation 00:00:31
    • Résolution : Animation 00:06:09
    • Énoncé : Checkbox trick 00:01:14
    • Résolution : Checkbox trick 00:14:42
    • Énoncé : SASS 00:01:13
    • Résolution : SASS 00:05:49
    • Énoncé : Un footer complexe 00:01:27
    • Résolution : Un footer complexe HTML 00:04:55
    • Résolution : Un footer complexe CSS 00:13:22
    • Énoncé : Création d'un "Marquee" 00:00:44
    • Résolution : Création d'un "Marquee" 00:05:44



Formateur : Enzo Ustariz

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

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de wafa92 laissé le 05/07/2021
    J'adore votre cours Je suis désolée mais vous parlez trop vite j'arrive pas a vous suivre et en même temps a coder mais dans l'ensemble vous etes parfait
    "Merci beaucoup ! Vous pouvez réduire la vitesse si ça va trop vite. "

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1335 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données