Le Framework Bootstrap est une bibliothèque de fonctionnalité utilisé pour développer des pages Web responsive et design (animations, graphisme,...)
OBJECTIFS PEDAGOGIQUES
- Maîtriser la conception de site Web responsive à l’aide de Bootstrap
- Utiliser la bibliothèque Bootstrap pour optimiser la réalisation de site web
PROGRAMME
PRÉSENTATION DE BOOTSTRAP
- Les avantages d’intégrer à l’aide d’un framework CSS
- Mise en place de Bootstrap : téléchargement et installation en local
- Les concepts fondamentaux : grilles, templates, layouts
- Principes des composants et des classes CSS
- Rappels HTML5/CSS3 et jQuery
PRISE EN MAINS DE BOOTSTRAP
- Créer une page HTML avec Bootstrap
- Présentation du concept de grilles
- Créer une page multigrilles
- Manipuler les grilles
- Cibler les terminaux : ordinateur, mobile, tablette
UTILISER LE PRÉPROCESSEUR LESS
- Définition
- Les classes CSS de base : Typography, Code, Tables, Forms, Buttons, Images, Icons
- Variables et Mixins
- Règles CSS imbriquées
- Outils pour le flux de production
LES COMPOSANTS CSS
- Navbar, Page Header
- List group
- Breadcrumps
- Badges
- Media Objects
LES COMPOSANTS JAVASCRIPT
- Transitions
- Scrollspy
- Modal
- Carousel
- Dropdown
OPTIMISER BOOTSTRAP
- Personnalisation de Bootstrap
TRAVAUX PRATIQUES : RÉALISATION D'NE PAGE CV, RESPONSIVE DESIGN
- Mise en œuvre d’un site Web responsive en réalisant une page web CV qui soit responsive design
PUBLIC
Intégrateurs web, webdesigners, développeurs Toute personne souhaitant améliorer ses méthodes de programmation d'un site web responsivePRÉREQUIS
INFORMATIONS PRATIQUES
HORAIRES DE LA FORMATION
de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00
MÉTHODOLOGIE PÉDAGOGIQUE
Théorie | Cas pratiques | Synthèse
MODALITÉS D'ÉVALUATION
Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats
