$ 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é 55 tutoriels et obtenu une note moyenne de 4,9/5 sur 3 537 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 voyageur laissé le 12/08/2018
    J'avais quelque appréhention à mêtre en pratique la théorie du css-grid et des flexbox. ce tuto exellent ma permie de les lever.
    "Génial ;-) !!! Ce tuto est vraiment fait pour ca, permettre de savoir lier ces 2 techniques. Je suis heureux que cela vous ai plu. A bientôt."

  • 5
    avis de maxidevis laissé le 10/08/2018
    Un excellent tuto avec un mélange de technologies bien pensé. L'approche pas à pas permet de suivre une méthodologie de création qui commence par de la structure de la page vers les détails. Ce tuto permet une révision d'un ensemble de techniques avec un exemple très concret.
    "Je suis très content que cela vous ai plu et vous permette de bien évoluer ;-) A bientôt !"

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données