BootStrap – Développement de pages Web Responsive
Informations générales
Objectifs & compétences
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
Public visé
Chefs de projet Web, architectes techniques, développeurs front-end
Pré-requis
Bonne connaissance de JavaScript
Avoir suivi le formation "Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript" (W-HT3) ou disposer des compétences équivalente
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
Modalités
Méthodes
Tarifs
- Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
- Le dispositif FNE-Formation.
- L’OPCO (opérateurs de compétences) de votre entreprise.
- Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
- CPF -MonCompteFormation
Lieux & Horaires
Prochaines sessions