Motion Web Design : créez une animation façon Twitter
Motion Web Design : créez une animation façon Twitter
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
Introduction et rappel
Chapitre 2
Premier job, côté mobile first
Premier job, côté mobile first
Chapitre 3
Second job, côté mobile first
Second job, côté mobile first
Chapitre 4
Troisième job, côté desktop first
Troisième job, côté desktop first
Chapitre 5
Quatrième job, côté desktop first
Quatrième job, côté desktop first
Chapitre 6
Cinquième job, côté desktop ou mobile first
Cinquième job, côté desktop ou mobile first
Chapitre 7
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Introduction et rappel
14m57s
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
28m33s
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
29m24s
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
13m43s
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
18m47s
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
27m32s
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
05m22s
Leçon 1Conclusion
Leçon 2BONUS :: Mon livre sur l'apprentissage du PHP
Avis des apprenants