12,00

Tuto Gagnez du Temps en Maîtrisant Flexbox ! avec CSS

12,00

  • Une formation vidéo de 1h12m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Gagnez du Temps en Maîtrisant Flexbox !

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto Flexbox en vidéo

Dans ce cours en vidéo nous allons apprendre un des piliers de CSS, j'ai nommé Flexbox !
Fini les prises de têtes lors de la disposition d'éléments dans notre page Web.
Fini les heures perdues devant des Bugs créés par le positionnement avec Float ou autre "hack" désastreux...
 

Au programme de ce tuto positionnement CSS avec Flexbox

  • On va apprendre ensemble chaque concept et propriété de Flexbox,
  • Puis, on va directement le mettre en pratique dans un projet très sympa et formateur de site de réservation d'hôtel en ligne !

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Bonne découverte de Flexbox et bonne mise en pratique !

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

  • Introduction
    • Introduction au cours gratuit 00:00:47
  • Tour d'horizon de Flexbox et ses propriétés
    • Vue d'ensemble de Flexbox gratuit 00:02:18
    • Les principales propriétés du Container 00:09:02
    • Propriétés pour les flex items 00:04:31
    • Fin du tour d'horizon des propriétés 00:02:05
  • Projet avec Flexbox
    • Vue d'ensemble et début de projet 00:06:22
    • Mise en place du style du header (CSS) 00:09:37
    • Partie HTML de la Navigation 00:02:22
    • Partie CSS de la navigation 00:04:52
    • Titre Hôtel, HTML 00:01:59
    • Partie Hôtel, CSS 00:02:41
    • Partie description, HTML 00:02:39
    • Partie Description, CSS 00:07:05
    • Partie Photos, HTML 00:01:26
    • Partie Photos, CSS 00:01:43
    • Partie 1 médias Queries 00:05:33
    • Partie 2 Médias Queries et fin ! 00:06:58



Formateur : Enzo Ustariz

Enzo Ustariz a publié 54 tutoriels et obtenu une note moyenne de 4,9/5 sur 2 466 tutoriels vendus. Voir les autres formations de Enzo Ustariz

4,7
note moyenne

12
avis laissés
5 étoiles
8
4 étoiles
4
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de membre-1029-8104 laissé le 07/06/2021
    Explication du FlexBox avec pédagogie : clair, efficace.

  • 5
    avis de membre-3530-9965 laissé le 10/03/2021
    Bonjour Merci tres bien structuré et présenté

  • 4
    avis de ced-dev laissé le 31/07/2021
    C'est plus une démo qu'un cour, le projet à la vitesse ou il est montré c'est plus pour montrer le résultat, je n’ai pas compris le display block à certain endroit tout comme la position relative utilisée autrement c'est sympa

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1434 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données