Bibliothèques et frameworks javascript

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