$ 19.00

Tuto CSS-Grid et Flexbox :: 2 techniques complémentaires avec CSS

$ 19.00

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

Tester par la pratique la complémentarité de FlexBox et CSS Grid, grâce à ce tuto !

Nous avons appris ensemble lors de précédents cours à utiliser les technologies Flexbox et CSS-Grid.
Je vous ai toujours dis dans mes différents cours théoriques que Flexbox et CSS-Grid ne sont pas des technos concurrentes mais complémentaires.

Dans le tuto que je vous propose aujourd'hui, nous allons mettre en pratique cette complémentarité entre Flexbox et CSS Grid.
Je vais vous apprendre à utiliser correctement ces deux technologies. Pour cela, nous allons réaliser ensemble, un site Internet évidemment en version responsive.

Nous apporterons un peu de complexité supplémentaire, en fixant certains éléments du site afin de les rendre toujours visibles à l'écran.

Il s'agit ici d'un tuto de type atelier pratique, car pour bien évoluer en tant que frontend developpeur, il faut absolument pratiquer, pratiquer et toujours pratiquer. C'est ce que je vous propose de faire ici !

Pour suivre, cet atelier dans de bonnes conditions, il est préférable de connaître les technologies suivantes :

Comme à mon habitude, je reste disponible dans le salon d'entraide de ce cours pour répondre à vos éventuelles questions. Un QCM est fourni en fin de cours pour tester vos nouvelles compétences d'intégrateur web !

Table des matières de cette formation CSS (durée : 1h50m)

    • Présentation du travail gratuit 00:05:46
    • Plan du site et struture HTML 00:08:02
    • Le CSS global du site 00:07:16
    • Les medias queries 00:03:38
    • Le header pour les écrans supérieurs 00:09:09
    • Le header pour les écrans inférieurs 00:03:18
    • Le footer pour les écrans supérieurs 00:10:03
    • Le footer pour les écrans inférieurs 00:04:55
    • La section pour les écrans supérieurs 00:06:58
    • Mise en place des images 00:12:56
    • La section pour les écrans inférieurs 00:04:08
    • La nav pour les écrans supérieurs 1/2 00:08:04
    • La nav pour les écrans supérieurs 2/2 00:05:21
    • On fixe la nav pour les écrans supérieurs 00:04:52
    • On fixe la nav pour les écrans inférieurs 00:10:50
    • Conclusion 00:04:57



Formateur : Carl Brison

Carl Brison a publié 81 tutoriels et obtenu une note moyenne de 4,9/5 sur 5 387 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

7
avis laissés
5 étoiles
7
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de wellanski laissé le 15/02/2019
    Un très bon tuto. qui complète à bien les tutos sur les flex & grid. Beaucoup d’apprentissage pour ne faire que mon site perso., mais Carl explique tellement bien que ça me donne le goût d’en apprendre encore plus. Merci. Alain.
    "Merci Alain, c'est une belle récompense que vous m'offrez ;-)"

  • 5
    avis de crigu73 laissé le 10/02/2019
    Excellent cours, tres bien explique.

  • 5
    avis de valerie-a77 laissé le 29/08/2018
    Merci pour ce cours très intéressant puisqu'il regroupe les principales techniques pour rendre une vraie page web attrayante. On va de découverte en découverte. Toujours très agréables les cours avec Carl et le temps des vidéos est raisonnable.
    "Je savais que ce genre de tuto vous plairait. Merci ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
  • Que contient le fichier source ?
    Le script complet du tuto.
accédez à plus de 1181 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données