BootStrap - Développement de pages Web Responsive - W-BST
Objectifs
Connaître les spécificités de Bootstrap Maitriser la création d'interfaces Mobiles First avec Bootstrap Rendre des pages responsives avec Bootstrap Comprendre comment manipuler les objets de base et les composants Découvrir des Frameworks concurrents
Programme
INTRODUCTION
Présentation de BootStrap
Qu’est ce que Bootstrap ?
Rapide tour d’horizon
POURQUOI BOOTSTRAP 3?
Designers vs. Developpeurs
Le web mobile
Responsive web design et Mobile First responsive web design
Bootstraping the web
CRÉER UN PROJET AVEC BOOTSTRAP (ET BOWER)
Récupérer Bootstrap (avec et sans bower)
Ajouter Bootstrap à une page web
Présentation de la 12-row-grid
Utiliser la grille Offsets et Rows
Images et Responsive helpers
Ajouter un thème
LES OBJETS DE BASE
Les typographies
Les boutons
Les font d’icônes
La navigation
Les listes
Les tableaux
Les formulaires
LES COMPOSANTS
Headers et breadcrumbs
Groupes de boutons
Dropdowns
Inputs
Pagination
Miniatures
Panels
LES PLUGINS
Accordéons
Fenêtres Modales
Onglets
Tooltips
Alertes
Carousels
LES FRAMEWORKS CONCURRENTS
Foundation
Bulma
UIKit
Semantic UI
LE FUTUR BOOTSTRAP 4