Formation Développement web avec Bootstrap
- Référence : PYRS113
- Durée : 14 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Connaissances générales de la structure de sites web, d'HTML et CSS
PROFIL DES STAGIAIRES
- Développeurs web souhaitant utiliser Bootstrap pour le développement de sites
OBJECTIFS
- Connaître les composants fournis par Bootstrap et savoir les mettre en oeuvre pour développer des sites adaptatifs
METHODES PEDAGOGIQUES
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
1 - Introduction
- Les apports de Bootstrap
- Navigateurs et devices compatibles
- Historique du produit, license
2 - Affichage
- Définition de grilles, gestion de contenus responsive (images, tableaux, schémas, …), typographie, paramétrage des polices
3 - Composants
- Présentation des composants standards : messages d’alertes, boutons, carrousels, barres de navigation,etc.
- Travaux pratiques : réalisation d’un site de démonstration avec les composants classiques
4 - Gestion des thèmes
- Utilisation des fonctions sass de gestion des couleurs, des contrastes,
- Principales options de Sass
- Configuration d’un thème personnalisé
- Modification des variables sass par défaut
- Travaux pratiques:import des fichiers sources Sass
- Structure des fichiers
- Principe de Sass
5 - Accessibilité
- Possibilités de Bootstrap
- Compatibilité WCAG 2.0
- Gestion des composants interactifs, du contraste, …
6 - Javascript
- Plugins basés sur jQuery, API Jvascript
- Fonctionnalités disponibles
- Travaux pratiques : exemples avec les plugins fournis en standard
7 - Compléments
- Fichiers CSS précompilés
- Outils disponibles : sources et fichiers compilés JSS et javascript, compilateur sass, BootstrapCDN, packages npm, yarn et RubyGems,Composer, NuGet, …
- Packs d’icônes, tooltip