Cette formation vous permet de maîtriser Bootstrap 4
Description de la formation Bootstrap 4
Bootstrap est un framework CSS front-end permettant de simplifier la conception de sites ou d’applications web responsive. Bootstrap possède de multiples composants HTML et CSS : formulaires, boutons, outils de navigation et autres éléments interactifs, avec de nombreuses extensions JavaScript. Ce framework a pour but d’intégrer rapidement des pages d’un site et d’une application web, tout en maintenant la réutilisabilité du code, par le système de classes et de composant intégré au framework.
Bulletin d’
inscription Demande de
devis Détail du
programme
Programme de la formation Bootstrap 4
- Introduction à Bootstrap 4
- Définition d’un framework CSS ?
- Rappels sur HTML5 / CSS3
- Les alternatives à bootstrap
- Pourquoi utiliser bootstrap ?
- Introduire Bootstrap dans son projet
- Mise en page avec la grille
- Principe de structuration et d’intégration
- Faire une mise en pages responsive
- Passage en revue des responsive breakpoints (différentes tailles d’écran)
- Du pixel au root em (rem)
- Mise en place de la grille
- Container, Row, Columns
- Utiliser Flexbox avec la grille Bootstrap
- Les contenus HTML et CSS
- Titres, et mise en pages du texte
- Les Images responsives
- Tableaux et liste d’éléments
- Composants : HTML et CSS
- Navs et Navbars pour la navigation
- Breadcrumb ou fil d’Ariane
- Medias objects
- Cards
- Les listes
- Boutons, groupes de boutons et boutons déroulants
- Pagination
- Formulaires et Inputs
- Les alertes
- Un peu de déco : les badges, les spinners
- Jumbotron
- Lecteurs vidéos et audios personnalisés
- Intégration du CSS personnalisé dans votre projet
|
- Utilisation de Bootstrap avec Javascript et Jquery
- Carrousels de photos, accordéons
- Collapse elements
- Modals ou Boîtes modales
- Popovers
- Progress ou Barre de progression
- Scrollspy
- Toasts
- Tooltips
- Menus déroulants
- Tabulation
- L’efficacité des utilities
- Utilities layout, flexbox , float, clearfix, position, visibilité & display
- Utilities borders
- Utilities overflow
- Utilities couleurs
- Utilities shadow
- Utilities sizing & spacing
- Utilities textes
- Utilities alignement
- Le préprocesseur SASS
- Définition qu’un pré-processeur ?
- Avantages de SASS
- SASS et Bootstrap 4
- Variables et mixins
- Web Components
- Ateliers & intégration
- Intégration d’une maquette pour un site full responsive
- Introduction à WebPack 4
- Utiliser Bootstrap 4 avec Angular 7
- Utiliser Bootstrap 4 avec Symfony 4
|