Développement web avec Bootstrap

  • Référence : PYRS113
  • Durée : 2 jours (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

1 - Introduction

  • Historique du produit, license
  • Les apports de Bootstrap
  • Navigateurs et devices compatibles

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

  • Principe de Sass
  • Structure des fichiers
  • Travaux pratiques:import des fichiers sources Sass
  • Modification des variables sass par défaut
  • Configuration d’un thème personnalisé
  • Utilisation des fonctions sass de gestion des couleurs, des contrastes,
  • Principales options 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
cookie