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