Bootstrap 3
3 jours - 21 heures
Objectifs
Mettre en place une interface HTML5 et CSS3. Créer un site web responsive. Manipuler les bases de jQuery. Utiliser l'ensemble de la bibliothèque Bootstrap 3.
Participants
Développeurs web.
Prérequis
Maîtriser les bases de HTML, CSS et JavaScript. La connaissance de jQuery est un plus.
Pédagogie
La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.
Public Visé
Collaborateurs - Développer ses compétences, s’affirmer comme expert dans son domaine, sécuriser son parcours professionnel ; Entreprises ou organisations - Accélérer les évolutions de carrière des collaborateurs, augmenter l’efficacité et l’employabilité des équipes… ; Demandeur d’emploi - Développer son employabilité, favoriser sa transition professionnelle...
Profil de l'intervenant
Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.
Accessibilité
Moyens techniques
Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.
Méthodes d'évaluation des acquis
Un contact téléphonique est systématiquement établi avec le stagiaire ou la personne chargée de son inscription afin de définir le positionnement. Si besoin, un questionnaire est adressé pour valider les prérequis en correspondance et obtenir toute précision nécessaire permettant l’adaptation de l’action. Durant la formation, des exercices individuels et collectifs sont proposés pour évaluer et valider les acquis du stagiaire. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis sont adressées avec la facture.
Programme
Introduction à Bootstrap 3
- Présentation du framework Bootstrap 3
- Télécharger et installer Bootstrap 3
- Créer une première page HTML utilisant Bootstrap 3
Créer une interface Web Responsive
- Présentation du concept de grilles de Bootstrap 3
- Manipuler les grilles
La typographie
- Disposition du texte
- Mise en forme contextuelle
- La bibliothèque Glyphicons
Les listes
- Introduction
- Les listes simples
- Les listes en ligne
- Les listes de définition
- Les listes de définition horizontales
- Les list-group
- Media Objects
Les boutons
- Les boutons contextuels
- One class, multiple tag
- Taille des boutons
- Les boutons groupés
- Boutons avec menu déroulant
- Manipuler les boutons avec l'API Bootstrap 3
Les formulaires
- Principes de base
- Formulaires horizontaux
- Formulaires verticaux
- Largeur des éléments du formulaire
- Hauteur des éléments du formulaire
- Les éléments groupés
- Les messages d'aide
- Messages d'aide contextuels
La navigation
- Objectif
- La barre de navigation principale
- Les sous-menus
Les images
- Mise en forme
- Manipuler la taille des images
- Créer une étiquette
- Le carrousel de Bootstrap 3
- Manipuler le carrousel avec l'API Bootstrap 3
Les infobulles
- Objectif
- Les tooltips
- Les popovers
- Les fenêtres modales
Les tableaux et panneaux
- Les tableaux
- Les panneaux
