Bootstrap - Système de grille
Programme de formation
Présentation de Bootstrap
- Synthèse de Bootstrap
- Ce pourquoi le produit est fait
- Ce qu'apporte Bootstrap par rapport à un développement conventionnel
- Vocabulaire Bootstrap
- L'arborescence des fichiers Bootstrap 3 et Bootstrap 4
- Différences en Bootstrap 3 et Bootstrap 4
- Lier une page aux feuillles de style Bootstrap
Installation de Bootstrap
- Installation locale ou par Content Delivery Network
- Comprendre les relations entre Bootstrap, CSS et JavaScript
Mise en page
- Présentation des grilles CSS et de l'application du Responsive Design
- Cellules, lignes et colonnes
- Fonctionnement d'une page responsive
- Positionnement avec Flexbox
- Le nouveau breakpoint 576px
CSS avec Bootstrap
- Classes CSS livrées par défaut
- Présentation des différentes typographies
- Images, objets de type bouton et autres
- Surcharger les styles au profit de ceux développés
- CSS dynamiques : Sass remplace LESS
Menu de navigation
- Différents types de navigation
- Navigation conventionnelle
- Navigation depuis un Smartphone
Formulaires et tableaux
- Présentation de la création de formulaires
- Création d'un formulaire avec Bootstrap
- Présentation de la création de tableaux avec Bootstrap
- Création de tableaux avec Bootstrap
Quand JavaScript et JQuery deviennent intéressant
- Cas où JavaScript peut être nécessaire
- Plug-in jQuery
- Cas des menus déroulants intelligents
- Onglets
- Accordéons...
Caractéristiques de Bootstrap - Système de grille
Mode de formation | Présentiel ou E-learning ou Blended learning ou Classe virtuelle |