20_F1227707_1227707 http://www.c2rp.fr/formation/1227707 Bootstrap : Sites Web adaptatifs DAWAN

Bootstrap : Sites Web adaptatifs

Date de mise à jour : 26/02/2020 | Identifiant OffreInfo : 20_F1227707
Organisme responsable : DAWAN

Objectifs


Maîtriser la création de sites adaptatifs avec Bootstrap

Programme de la formation


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

Validation et sanction

-

Type de formation

Non certificiante

Niveau de sortie