Formation Bootstrap (inclus la mise à jour Bootstrap 5)

Objectifs de formation

Comprendre les différences entre Bootstrap 3, 4 et 5
Savoir modifier le code CSS de bootstrap sans modifier la feuille de style originale
Interpréter la documentation de bootstrap

Pré-requis à la formation

Bonne connaissances du HTML / CSS
Connaître le responsive web design

Programme

Journée 1 :

Découverte de Bootstrap.

Introduction à Bootstrap
Historique des versions
Différence entre Bootstrap 3, 4 et 5
Les préprocesseurs CSS Less et Sass dans Bootstrap

Développement d'un premier site avec Bootstrap 5.

Utiliser un exemple de site Bootstrap 5 pour démarrer un projet.
Interpréter la documentation officiel de Bootstrap 5
Installation de Bootstrap 5
Les container (.container et .container-fluid)
Utilisation de la grille (grid) adapté au responsive design
Manipulation des lignes (.row) et colonnes par tailles d'écran

Mise en place du code HTML / CSS à l'aide de la documentation Bootstrap 5.

Typographie
Les listes
Tableaux
Formulaires
Boutons
Images

Mise en place du code Javascript.

Boite de dialogue de type pop-up (Modal)
Liste déroulante (Dropdown)
Accordéon (Collapse)
Animation d'images et texte dans un carrousel (Carousel)
Fixer un élément ou un menu vers le haut lors d'un défilement de la page (Affix)

Composants principaux de Bootstrap 5

Utilisation de police d'écriture
Menu de navigation (Navbar)

Bonne pratique pour modifier le code CSS de bootstrap sans modifier la feuille de style originale.

Journée 2 :

Evolution de Bootstrap.

Comprendre les différences et nouveautés majeurs de Bootstrap 5
Les flexbox dans Bootstrap 4 et 5
Non prise en charge des navigateurs IE8, IE9, iOS 6.
Utilisation de l'unité de mesure rem au lieu de px principalement pour les textes.
Taille de police globale augmentée de 14px à 16px (1 rem).
Réorganisation des grilles (5 niveaux de col-) par taille d'écran
Réécriture de la barre de navigation (Navbar) avec les flexbox
Utilisation des polices d'icônes pour afficher des icônes sur les pages
D'autres nouveautés à découvrir

Développement d'un second site avec Bootstrap 5 à partir d'un template.

Notre organisme est certifié Qualiopi, gage de la qualité de nos services.
Vous pouvez télécharger notre certificat en suivant ce lien :
Téléchargez notre certificat Qualiopi

Informations supplémentaire sur la formation

Modalités pédagogiques

Nous favorisons un apprentissage avec des apports théoriques et des exercices sous forme de travaux pratiques (mise en situation, cas pratiques ...), contrôle continu et qcm pour favoriser l'apprentissage et atteindre les objectifs.

Modalités d'inscription

Inscription possible à tout moment, sous réserve de place disponible, en nous contactant au 0805 691 308. Un délai de rétractation de 14 jours s'applique.

Outils et supports

Nous précaunisons l'utilisation de votre propre ordinateur pour les formations qui ont lieu en présentiel et à distance. Un poste de travail est disponible pour les formations en présentiel. Le support de cours est transmis par le formateur.

Modalités de formation à distance

Les formations à distance se déroule en « classe virtuelle », avec un logiciel de visio-conférence, permettant de vous former dans toute la France depuis votre lieu de travail. Notre outils de visio-conférence favorise l'apprentissage avec des outils comme le partage de la caméra, partage d'écran, un tableau blanc, un espace de dialogue par message, la possibilité pour l'apprenant de « lever la main » pour interpeller le formateur, le partage de fichiers (cours, travaux pratiques ...) et l'enregistrement des sessions pour revoir le cours.

Modalités d'évaluation

Avant la formation
Un audit gratuit et sans engagement est établi notre formateur référent. Un test d'autopositionnement avant l'entrée en formation est envoyé.

Au cours de la formation
Travaux pratiques, mises en situation réel, quiz ... pour valider l'appropriation et la compréhension de chaque notion abordée en formation par les participants.

Après la formation
Une attestation de formation et un certificat de réalisation, reprenant l'ensemble des informations de la formation est remise aux stagiaires. Un certificat est remis au stagiaire après le passage de la certification.

Évaluation qualitative

En fin de formation un questionnaire de satisfaction est à remplir par le stagiaire pour nous permettre d'améliorer notre offre.

Modalités particulières

Nous adaptons les outils et réseaux nécessaires afin d'accueillir, accompagner et former les publics en situation de handicap. avec une adaptation possible du rythme pédagogique et des modalités d'évaluation.Renseignez-vous auprès de la personne référente : Mickael Masset au téléphone 01 83 64 34 37.

Formateur pour cette formation

Mickael M.

Mickael dispose d'une solide expérience front-end et notamment en référencement et graphisme. Il travail en informatique depuis plus de 15 ans. Mickael intervient également en administration système Linux et et macOS.

Autres formations qui pourraient vous intéresser