Programme de Formation Bootstrap : Sites Web adaptatifs
Découvrir Bootstrap
Bootstrap : présentation, apports, exemples
Bootstrap et le Responsive Web Design (RWD)
Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...
Grille Bootstrap, templates de base et layouts
Composants et classes CSS
Mécanisme de RWD (classes CSS / device)
Documentation, liens utiles
Rappels HTML5/CSS
Bases de jQuery
Atelier : Inclure Bootstrap dans un projet, une première grille flexibleMaîtriser les classes CSS de base
Typographie et liens
Tableaux : lignes, bordures, survol, RWD
Eléments de formulaires, contrôles supportés
Boutons : options, tailles, état
Images et icônes : éviter les débordements
Atelier : Utilisation de classes bootstrap dans des pages webUtiliser les composants Bootstrap
Barres de navigation : tabs, pills, justified nav
Menus déroulants : formulaires, boutons, positionnement
Breadcrumb (fil d'arianne)
Pagination
Badges
Alertes
Barres de progression : labels, animations
Media object
List group
Atelier : Multiples exemples d'intégration de composants BootstrapManipuler Bootstrap en Javascript
Mise en place de transitions
Fenêtres modales : types, tailles
Gestion des menus déroulants
Tabulations
Sliders
Auto-complétion
Personnalisation de Bootstrap
Gestion des claviers virtuels
Désactivation du responsive sur certaines pages
Gestion du zoom
Atelier : Intégration d'interractions et de transitionsManipuler Bootstrap avec Less
Présentation de Less
Utilisation en mode interprété / compilé
Variables: déclaration et appel
Variables: interpolation et lazy loading
Héritage de règles
Manipulation avancée
Mixin: principes de base, espace de nommage
Mixin paramétrique
Mixin en tant que fonction
Gardien: structures conditionnelles et itératives
Inclusions d'autres feuilles Less
Atelier : Modification multiple des composants Bootstrap avec Less