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 flexible

Maî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 web

Utiliser 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 Bootstrap

Manipuler 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 transitions

Manipuler 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