$ 25.00

Tuto CSS-Grid : Mise en application avec CSS

$ 25.00

  • Une formation vidéo de 2h18m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Devenir un Pro en CSS Grid !
Retrouvez cette formation dans le bundle :

Devenir un Pro en CSS Grid !

-28% de réduction

voir les détails du bundle


Après le tuto sur l'apprentissage théorique de la grille en CSS3, voici un tuto vidéo extrêmement complet sur la mise en application de CSS Grid.

En effet, comme j'aime à le répéter, en informatique pour progresser il faut : pratiquer, pratiquer et encore pratiquer !
Je précise qu'il est indispensable de connaître CSS Grid pour pouvoir suivre ce tuto. Je mets à votre disposition un tuto complet sur l'apprentissage des grilles en CSS3.

Ici nous allons nous placer en situation professionnelle.
Nous recevrons en tout 5 jobs à réaliser. Nous travaillerons tantôt mobile first, tantôt desktop first.
Pour cela, nous utiliseront l'ensemble de nos connaissances acquises au cours du tuto sur l'apprentissage théorique de la grille en CSS3.

Au programme de ce tuto pratique CSS Grid

Vous allez très vite vous apercevoir des uses et automatismes qu'il faut adopter afin de pouvoir mener à bien ces travaux.
Nous allons véritablement nous amuser ! Cela signifie que je vais vous amener sur la compréhension totale et définitive de la technologie CSS Grid ! Vous serez alors un véritable professionnel capable de mettre en page de façon extrêmement rapide et tout en prenant beaucoup de plaisir, n'importe quel design de site Internet.

Bref, vous deviendrez un véritable pro côté Front end !

Avec ce cours de mise en application de CSS Grid, je fournis :

  • un QCM pour tester vos compétences
  • des fichiers de travail
  • un accès à un salon d'entraide pour soumettre vos questions.

Table des matières de cette formation CSS (durée : 2h18m)

  • Introduction et rappel
    • Présentation du tuto gratuit 00:04:26
    • Le viewport 00:02:40
    • Les points de ruptures 00:02:16
    • Les medias queries 00:04:35
    • Le mobile first 00:01:00
  • Premier job, côté mobile first
    • Présentation 00:01:43
    • Mise en place de la structure HTML 00:05:18
    • Mise en place du CSS pour les smartphones 00:11:50
    • Mise en place du CSS pour les ordinateurs 00:09:42
  • Second job, côté mobile first
    • Présentation 00:01:26
    • Mise en place de la structure HTML 00:03:19
    • Mise en place du CSS pour les smartphones 00:07:08
    • Mise en place du CSS pour les tablettes 00:04:26
    • Mise en place du CSS pour les ordinateurs 00:01:29
    • Une grille dans la grille 00:11:36
  • Troisième job, côté desktop first
    • Présentation 00:00:48
    • Mise en place de la structure HTML 00:01:27
    • Mise en place du CSS pour les ordinateurs 00:05:57
    • Mise en place du CSS pour les smartphones 00:05:31
  • Quatrième job, côté desktop first
    • Présentation 00:00:59
    • Mise en place de la structure HTML 00:02:07
    • Mise en place du CSS pour les ordinateurs 00:08:42
    • Mise en place du CSS pour les tablettes 00:03:36
    • Mise en place du CSS pour les smartphones 00:03:23
  • Cinquième job, côté desktop ou mobile first
    • Présentation 00:00:48
    • Mise en place de la structure HTML 00:01:46
    • Desktop first, côté ordinateurs 00:09:19
    • Desktop first, côté tablettes et smartphones 00:05:33
    • Mobile first, côté smartphones 00:04:56
    • Mobile first, côté tablettes et ordinateurs 00:05:10
  • Conclusion
    • Conclusion 00:02:25
    • BONUS :: Mon livre sur l'apprentissage du PHP 00:02:57



Formateur : Carl Brison

Carl Brison a publié 50 tutoriels et obtenu une note moyenne de 4,9/5 sur 3 331 tutoriels vendus. Voir les autres formations de Carl Brison

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Tous les codes sources du tuto.
accédez à plus de 1121 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données