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

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 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 ;-)"

  • 5
    avis de tarzanboy laissé le 27/08/2018
    Excellent tuto, clair et concis.J'ai beaucoup appris. Très intéressante l'organisation du workflow. Peu de tutos nous explique comment appréhender la création d'un site . Merci beaucoup.

  • 5
    avis de nos_ave laissé le 20/08/2018
    Que dire à part que c'est encore une fois un excellent cours qui cette fois-ci allie le CSS Grid et les Flexbox et que j'adore ces nouvelles technologies ^^. Merci pour ces cours qui sont un vrai bonheur d'apprentissage. Pour ceux qui sont débutants, intermédiaires et peut être même plus expérimentés, je recommande vivement ces cours. J'ai également mis dans mes favoris vos autres cours comme JavaScript, PHP, SQL tous les niveaux etc... que j'achèterai au fur et à mesure. Peut être qu'un pack avec tous les cours à un prix attractif serait il en vue ? Vos cours sont vraiment très bien réalisés. Je continue et signe les yeux fermés.
    "Merci BEAUCOUP pour votre avis extrêmement sympas ;-) !!! Il y a un pack pour l'apprentissage du langage SQL. Il se nomme ::: Bundle : Le Langage SQL de A à Z"

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données