1

A propos le cours

• Thème : Site Web adaptatifs. (20 heures)

• Pré requis : Bonnes connaissances en HTML et CSS.

• Objectif : Maîtriser la création de sites adaptatifs avec Bootstrap.

Plan

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’interactions 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

Partager c'est aimer!

Formation Bootstrap

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
  • Prix : 300 DT
  • Durée : 20 Heures