Créez des sites web responsives avec Bootstrap

présentation du framework :

• vue d'ensemble du framework bootstrap.
• l'apport de bootstrap par rapport à css.
• les éléments du kit bootstrap (grilles, normalize.css, icônes, plug-ins jquery...).
• comprendre l'arborescence des différents fichiers : feuilles de style, javascript...
• lier une page web à la feuille de style de base de bootstrap.

les feuilles de style de bootstrap :

• les css pour les éléments textuels et les images.
• les css pour les éléments de formulaires et les tableaux.
• utilisation des polices icônes pour afficher des icônes sur les pages.
• les css pour la mise en page, les blocs de texte.
• personnaliser sa feuille de style.

les grilles :

• comprendre le concept de grille.
• les grilles adaptatives (le responsive web design, media queries, positionnement...).
• organisation de la grille. manipuler les grilles.
• flexbox dans bootstrap.
• disposition des colonnes.
• l'ordre des blocks.

les composants de base :

• les deux fichiers javascript nécessaires.
• les marges de chaque block.
• les menus responsives améliorés.
• les composants de navigation et de pagination.
• les boutons, les badges, les alertes.
• les barres de progression.
• les tableaux, les listes d'éléments.

les plug-ins jquery de bootstrap :

• les fenêtres modales. les accordéons. le carrousel de photos.
• la barre de navigation. les onglets. les menus déroulants.
• les champs d'auto-complétion.
• intégration de plug-ins externes (datepicker...).
• les cards conteneurs flexibles et extensibles.

analyse des modèles bootstrap :

• analyser des modèles construits à partir de bootstrap.
• créer un site avec un des modèles.
• créer une page à partir d'un modèle en surchargeant le fichier css.
• utiliser des fichiers saas avec un préprocesseur et/ou un serveur nodejs.