Apprenez les fondements du framework le plus connu du web...
Mise en page - tooltip - composant
Initiation | Perfectionnement | Expert
html + css + jQuery
Bootstrap
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 icones pour afficher des icônes sur les pages.
Les CSS pour la mise en page, les blocs de texte.
Personnaliser sa feuille de style.
Styler les différents éléments constituant une page Web avec les CSS de Bootstrap. Personnaliser le style de certains éléments de la page.
Les grilles
Comprendre le concept de grille.
Les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement...).
Organisation de la grille. Manipuler les grilles.
Créer une page multigrille.
Les grilles statiques et élastiques.
Les composants de base
Les menus déroulants.
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 champs d'auto-complétion.
Intégration de plug-ins externes (Datepicker...).
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 LESS avec un préprocesseur et un serveur Nodejs.