Développer avec Bootstrap 4 & Flexbox
What you'll learn
- Les concepts de base de Flexbox
- Maîtriser le passage à la ligne des éléments flexibles
- Apprendre les propriétés Flex avec Bootstrap 4
- Créer des pages responsives avec le système de grille et la Flexbox
- Contrôler l'ordre du flux des éléments flexibles dans le DOM (Document Object Model)
- Exemples de mises en page avancées avec les boîtes flexibles
Course content
- Preview00:56
Requirements
- Savoir créer une page web avec les balises HTML
- Connaître les propriétés CSS pour ajouter du style à une page web
- Avoir déjà utilisé Bootstrap 3 ou 4 au moins une fois
- Connaître des bases de l'intégration web avec HTML5 et CSS3
Description
Flexbox CSS3 est un modèle de boîte flexible qui succède aux solutions de display "inline" et "float" pour gérer la disposition des éléments et structure des pages web.
Voici, un cours complet pour apprendre les concepts de base de Flexbox, avec :
les options de direction et d'orientation (row et column)
les options pour aligner des éléments dans un conteneur flexible et gestion des espaces disponibles (fluidité),
Alignements et centrages horizontaux et verticaux, justifiés, répartis ...,
le contrôle de l'ordre avec la réorganisation des éléments indépendamment de l’ordre du flux (DOM),
et, Distribution des éléments horizontale ou verticale, avec passage à la ligne autorisé,
Plusieurs démos sur:
le conteneur flexible
les propriétés flex
la disposition des éléments flex en colonne et rangée
les options d'alignement des éléments flex
le contrôle de l'ordre des éléments flex
Des TP pour une mise en pratique rapide :
des exemples et projets de mise en page, de simple à plus complexe, avec les propriétés Flex
menu responsive flex, galerie d'images ...
Et, Bootstrap 4 avec Flex: un projet pour découvrir les bénéfices du CSS moderne et d'une mise en page contrôlée et facilitée grâce aux classes et utilities Flex de Bootstrap 4.
Who this course is for:
- Intégrateur HTML & CSS, Désigner & Développeur
- Des notions de javascript
Instructor
![Sandra L](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.3 Instructor Rating
- 1,151 Reviews
- 22,508 Students
- 19 Courses
Hello
I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.
I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.
I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.
*****************************
Bonjour,
Je suis Sandy, développeur javascript et mobile. Je suis passionnée de développement Front (HTML, CSS, CSS3 Animation, Sass, Javascript et ReactJS...).
Mes autres intérêts sont le graphic et motion design. Je suis également passionnée de conception visuelle, le montage vidéo, la photographie et le gaming.
Venez rejoindre ma communauté de 20k+ apprenants. Je publie régulièrement pour enrichir mon catalogue de nouveau contenu. Depuis 2014, je partage mes connaissances, aussi bien en français qu'en anglais, sur les technologies Front et javascript qui ne cessent d'évoluer et d'offrir de nouvelles fonctionnalités pour faciliter notre réussite dans ce beau métier du développement et de la transformation digitale.
Cheers, Salutations !