Connaître les composants fournis par bootstrap et savoir les mettre en oeuvre pour développer des sites adaptatifs.
|
| Introduction |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Historique du produit, license.
Les apports de bootstrap.
Navigateurs et devices compatibles
|
|
| Affichage |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Définition de grilles,
gestion de contenus responsive (images, tableaux, schémas, ...)
typographie, paramétrage des polices,
|
|
| Composants |
Durée : 3h
Méthodes pédagogiques : alternance de théorie et de travaux pratiques
Matériels et moyens : vidéo-projecteur en présentiel, tableau partagé en classe virtuelle, infrastructure distribuée serveurs Linux | Présentation des composants standards:
messages d'alertes,boutons,carrousels,barres de navigation,etc...
Atelier :réalisation d'un site de démonstration avec les composants classiques
|
|
| Gestion des thèmes |
Durée : 3h
Méthodes pédagogiques : alternance de théorie et de travaux pratiques
Matériels et moyens : vidéo-projecteur en présentiel, tableau partagé en classe virtuelle, infrastructure distribuée serveurs Linux | Principe de Sass,
structure des fichiers
Atelier :import des fichiers sources Sass
modification des variables sass par défaut,
configuration d'un thème personnalisé,
utilisation des fonctions sass de gestion des couleurs, des contrastes,
Principales options de Sass
|
|
| Accessibilité |
Durée : 1h30
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Possibilités de bootstrap,
compatibilité WCAG 2.0
gestion des composants interactifs, du contraste,...
|
|
| Javascript |
Durée : 3h
Méthodes pédagogiques : alternance de théorie et de travaux pratiques
Matériels et moyens : vidéo-projecteur en présentiel, tableau partagé en classe virtuelle, infrastructure distribuée serveurs Linux | Plugins basés sur jQuery,API Javascript
Fonctionnalités disponibles
Atelier :exemples avec les plugins fournis en standard
|
|
| Compléments |
Durée : 1h
Méthodes pédagogiques : exposé/échanges
Matériels et moyens : video-projecteur en présentiel, tableau partagé en classe virtuelle | Fichiers CSS précompilés.
Outils disponibles:
sources et fichiers compilés JSS et javascript,
compilateur sass,
BootstrapCDN,
packages npm, yarn et RubyGems,Composer, NuGet, ...
Packs d'icônes, tooltip
|
