Objectifs

Intégrer Bootstrap dans un projet WebMaîtriser les composants et les plug-ins du framework BootstrapDévelopper des sites web responsive

Pré-requis

Connaissances en HTML et CSS et notions de JavaScript

La formation en détail

Les sessions de formation ont lieu de 9h00 à 12h30 et de 13h30 à 17h00

Présentation du framework

  • Vue d’ensemble du framework Bootstrap
  • L’apport de Bootstrap par rapport à CSS
  • Les éléments du kit Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery…)
  • Comprendre l’arborescence des différents fichiers : feuilles de style, JavaScript…
  • Lier une page Web à la feuille de style de base de Bootstrap

Les feuilles de style de Bootstrap

  • Les CSS pour les éléments textuels et les images
  • Les CSS pour les éléments de formulaires et les tableaux
  • Utilisation des polices icônes pour afficher des icônes sur les pages
  • Les CSS pour la mise en page, les blocs de texte
  • Personnaliser sa feuille de style

Les grilles

  • Comprendre le concept de grille
  • Les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement…)
  • Organisation de la grille. Manipuler les grilles
  • Flexbox dans Bootstrap
  • Disposition des colonnes
  • L’ordre des blocks

Les composants de base

  • Les deux fichiers JavaScript nécessaires
  • Les marges de chaque block
  • Les menus responsives améliorés
  • Les composants de navigation et de pagination
  • Les boutons, les badges, les alertes
  • Les barres de progression
  • Les tableaux, les listes d’éléments

Les plug-ins jQuery de Bootstrap

  • Les fenêtres modales. Les accordéons. Le carrousel de photos
  • La barre de navigation. Les onglets. Les menus déroulants
  • Les champs d’auto-complétion
  • Intégration de plug-ins externes (Datepicker…)
  • Les cards conteneurs flexibles et extensibles
  • Réflexion de groupe et apports théoriques du formateur.
  • Travail d’échange avec les apprenants sous forme de réunion – discussion.
  • Utilisation de cas concrets issus de l’expérience professionnelle.
  • Validation des acquis par des questionnaires, des tests d’évaluation, des mises en situation et des jeux pédagogiques.
  • Alternance entre apports théoriques et exercices pratiques (en moyenne sur 30 à 50% du temps)

Développeurs souhaitant utiliser Bootstrap pour le développement de sites web

En formation présentielle

Accueil des apprenants dans une salle dédiée à la formation et équipée avec :

  • Ordinateurs
  • Vidéo projecteur ou Écran TV interactif
  • Tableau blanc ou Paper-Board

En formation distancielle

A l’aide d’un logiciel comme ® Microsoft Teams ou Zoom, un micro et une caméra pour l’apprenant.

  • Suivez une formation en temps réel et entièrement à distance. Lors de la session en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur.
  • Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise.
  • L’accès à l’environnement d’apprentissage (support de cours, ressources formateur, fichiers d’exercices …) ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
  • Les participants recevront une convocation avec le lien de connexion à la session de formation.
  • Pour toute question avant et pendant le parcours, une assistance technique et pédagogique est à disposition par téléphone au 02 35 12 25 55 ou par email à commercial@xxlformation.com
  • Positionnement préalable oral ou écrit.
  • Feuille de présence signée en demi-journée.
  • Evaluation des acquis tout au long de la formation.
  • Questionnaire de satisfaction
  • Attestation de stage à chaque apprenant
  • Evaluation formative tout au long de la formation.
  • Evaluation sommative faite par le formateur.
  • Nos formateurs sont des experts dans leurs domaines d’intervention
  • Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité

Inscription

Inter
Intra
Sur Mesure
Durée :
2 jours
Tarif :
750 € HT - Prix jour / personne
Référence :
4-BS-BOST

Prochaines sessions

Inscription