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.