01 56 59 33 00
united-kingdom

BOOTSTRAP

4-BOOT
4-BOOT
Durée : 2 jour(s)
soit 14 heures
Prix : 1100 €
Programmes
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
Objectifs
Intégrer Bootstrap dans un projet Web
Maîtriser les composants et les plug-ins du framework Bootstrap
Développer des sites Web responsive
Prérequis
Connaissance en HTML et CSS et avoir des notions de JavaScript
Profil des participants
Développeurs souhaitant utiliser Bootstrap pour le développement de sites web
Dates des prochaines sessions :
Du 07 au 08 Février 2022
Du 27 au 28 Juin 2022
Du 12 au 13 Septembre 2022
Intégrer Bootstrap dans un projet Web
Maîtriser les composants et les plug-ins du framework Bootstrap
Développer des sites Web responsive
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
Développeurs souhaitant utiliser Bootstrap pour le développement de sites web
Connaissance en HTML et CSS et avoir des notions de JavaScript

Formateur expert dans le domaine

  • 1 ordinateur par stagiaire, 1 support de cours par stagiaire (version papier ou numérique), 1 stylo et un bloc-notes par stagiaire
  • Vidéoprojecteur et tableau blanc
  • Feuille d’émargement à la demi-journée, questionnaire de satisfaction stagiaire, évaluations des acquis tout au long de la formation, attestation de stage
  • Éligible au CPF avec passage de certification TOSA ou PCIE (en option)

En amont de la formation

  • Audit par téléphone par nos commerciaux et formateurs
  • Tests d’auto-positionnement avant l’entrée en formation par le biais de questionnaire

Au cours de la formation

  • Exercices pratiques et mises en situation professionnelle pour valider la compréhension de chaque notion abordée dans le programme de cours.

En fin de formation

  • Validation des acquis par le formateur ou via un questionnaire renseigné par les stagiaires
  • Evaluation qualitative par les participants à l’issue de la formation via un questionnaire de satisfaction accessible en ligne
  • Une attestation de fin de formation reprenant les objectifs de formation est également remise aux stagiaires puis signée par le formateur

Modalités d’inscription

  • Inscription possible jusqu’à la veille de la formation, sous réserve de places disponibles, en nous contactant au 01 56 59 33 00 ou par mail formation@sii.fr

Modalités particulières

  • Nos formations sont accessibles aux personnes en situation de handicap. Renseignez-vous auprès de notre référente handicap au 01 56 59 33 00 ou par mail pedagogie@sii.fr
Du 07 au 08 Février 2022
Du 27 au 28 Juin 2022
Du 12 au 13 Septembre 2022

Réservez votre formation

Que cherchez-vous ?