CSS-Grid : Mise en application
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO CSS-Grid : Mise en application

Carl Brison
24,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction et rappel
Chapitre 2
Premier job, côté mobile first
Chapitre 3
Second job, côté mobile first
Chapitre 4
Troisième job, côté desktop first
Chapitre 5
Quatrième job, côté desktop first
Chapitre 6
Cinquième job, côté desktop ou mobile first
Chapitre 7
Conclusion

Plan détaillé du cours

Chapitre 1 : Introduction et rappel
14m57
 
Leçon 1Présentation du tuto
Leçon 2Le viewport
Leçon 3Les points de ruptures
Leçon 4Les medias queries
Leçon 5Le mobile first
Chapitre 2 : Premier job, côté mobile first
28m33
 
Leçon 1Présentation
Leçon 2Mise en place de la structure HTML
Leçon 3Mise en place du CSS pour les smartphones
Leçon 4Mise en place du CSS pour les ordinateurs
Chapitre 3 : Second job, côté mobile first
29m24
 
Leçon 1Présentation
Leçon 2Mise en place de la structure HTML
Leçon 3Mise en place du CSS pour les smartphones
Leçon 4Mise en place du CSS pour les tablettes
Leçon 5Mise en place du CSS pour les ordinateurs
Leçon 6Une grille dans la grille
Chapitre 4 : Troisième job, côté desktop first
13m43
 
Leçon 1Présentation
Leçon 2Mise en place de la structure HTML
Leçon 3Mise en place du CSS pour les ordinateurs
Leçon 4Mise en place du CSS pour les smartphones
Chapitre 5 : Quatrième job, côté desktop first
18m47
 
Leçon 1Présentation
Leçon 2Mise en place de la structure HTML
Leçon 3Mise en place du CSS pour les ordinateurs
Leçon 4Mise en place du CSS pour les tablettes
Leçon 5Mise en place du CSS pour les smartphones
Chapitre 6 : Cinquième job, côté desktop ou mobile first
27m32
 
Leçon 1Présentation
Leçon 2Mise en place de la structure HTML
Leçon 3Desktop first, côté ordinateurs
Leçon 4Desktop first, côté tablettes et smartphones
Leçon 5Mobile first, côté smartphones
Leçon 6Mobile first, côté tablettes et ordinateurs
Chapitre 7 : Conclusion
05m22
 
Leçon 1Conclusion
Leçon 2BONUS :: Mon livre sur l'apprentissage du PHP

Avis des apprenants

Détail des avis
227
Apprenants
18
Commentaires
4,8/5
Note moyenne
5/5
17
4/5
0
3/5
0
2/5
0
1/5
1
Jean-Philippe Mouzet
Jean-Philippe Mouzet
Publié le 15/07/2024
Le HTML5 et le CSS3, facile avec le display -> grid. Merci
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Valérie Caruana
Valérie Caruana
Publié le 12/06/2024
La progression est agréable, tout est clair. J'ai hâte de pouvoir intégrer des contenus, du Javascript etc. Merci pour ces tutos rendus super accessibles.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)
Guillaume Duval
Guillaume Duval
Publié le 11/01/2024
super exercices qui permettent la mise en place
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)

Vos questions sur le cours

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.

Payer plus tard

Prix d'achat : 24,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1405 tutos gratuits

Notre politique de protection des données