Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
將您的所知轉化為機會,觸及世界各地的數百萬名學生。
瞭解更多
您的購物車是空的。
繼續選購
Flexbox CSS - Le guide complet par la pratique
評等︰4.6/5(344 個評等)
1,336 位學生
最近更新日期:2022/7
法文

您會學到

  • Utiliser le module Flexbox Layout
  • Créer des sites Responsive
  • Aligner horizontalement & verticalement
  • Ecrire du CSS plus efficacement
  • + 5 projets pour s’entraîner

課程內容

7 個章節32 堂講座總長度:2 小時 49 分
  • Présentation du cours1:12
  • C’est quoi Flexbox ?3:53
  • Comment on faisait avant ?3:12

要求

  • Connaitre les bases de HTML & CSS
  • Avoir un éditeur de texte

說明

A la fin de cours vous serez capable de...

  • Aligner vos éléments verticalement

  • Créer une galerie / grille moderne

  • Répartir correctement l'espacement

  • Rendre tous vos sites responsives

  • et bien plus !

 

Vous aurez accès à :

  • Une F.A.Q où je répondrai à tout(es) vos questions / problèmes

  • 5 projets (challenges) où vous serez mis à l'épreuve pour appliquer vos nouvelles connaissances (+ la correction pour chaque projet)


Dans ce cours, nous verrons le module Flexbox dans son intégralité :

Comprendre toutes propriétés du Container :

  1. flex-direction

  2. justify-content

  3. align-items

  4. flex-wrap

  5. align-content

  6. flex-flow

Puis toutes les propriétés des items :

  1. order

  2. flex-grow

  3. flex-shrink

  4. flex-basis

  5. flex

  6. align-self

Nous irons même plus loin avec les media queries qui nous permettrons de rendre nos sites responsives (adapté sur ordinateur, tablette et smartphone)

A la fin de ce cours, vous serez capable d'écrire du code CSS plus propre et plus professionnel.


BONUS : Vous aurez accès à un PDF récapitulatif avec des schémas simples et clairs !

此課程適合哪些人:

  • Développeur / intégrateur web qui cherche à améliorer la qualité de son code
  • Designer qui souhaite gagner en efficacité et en productivité
  • Quiconque voulant maîtriser le module Flexbox en CSS3