$ 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é 60 tutoriels et obtenu une note moyenne de 4,9/5 sur 3 815 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de nos_ave laissé le 30/08/2018
    Voilà une de vos formations en plus de terminées. Encore une fois qu'une chose à dire, GÉNIAL comme dit à la fin ^^. Franchement, impeccable. J'ai hâte de commencer le PHP. En général, j'apprends assez vite, mais ici je me rends compte que j'apprends encore plus vite grâce vos cours. Merci :D.
    "Et bien.. en voilà un commentaire qui fait plaisir ;-) !!! MERCI BEAUCOUP ;-)"

  • 5
    avis de valerie-a77 laissé le 02/08/2018
    Le CSS-Grid je l'adopte ! :-) Un tuto qui permet de bien comprendre le fonctionnement des CSS-Grid associé aux flexbox pour pouvoir l'utiliser aisément dans le mobile-first et le desktop-first pour des pages html propres sans excès de codes. Tous les exercices sont là pour nous aider à mémoriser et avec un bon enseignant, c'est encore plus facile.
    "Merci Valérie ! J'étais certain que vous alliez adorer le CSS-Grid ;-)"

  • 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 1139 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données