Framework Bootstrap 5dotX

MyRH

Non finançable CPF
Tout public
En ligne
Public admis
Salarié en poste
Demandeur d'emploi
Entreprise
Étudiant
Prix
Nous contacter
Durée
Nous contacter
Localité
En ligne
Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.
En savoir plus sur les localités en présentiel
Objectifs

  • Comprendre les bases de Bootstrap et son rôle dans le développement web.

  • Savoir utiliser la documentation officielle pour rechercher de nouvelles fonctionnalités.

  • Créer un site web entièrement responsive avec Bootstrap 5.X.

  • Utiliser les composants avec et sans JavaScript pour enrichir un site web.
Programme
1. Introduction au framework Bootstrap

  • Présentation de Bootstrap et ses avantages.

  • Exploration de la documentation officielle.
2. Bases de Bootstrap


  • Gestion des variables.

  • Gestion du conteneur (container).

  • Points de rupture (breakpoints) pour le responsive.

  • Gestion du texte (taille, style, police, alignement).

  • Gestion des images (taille, forme, apparence responsive).

  • Exercices pratiques : Mise en pratique des notions fondamentales.
3. Gestion de contenu avancée


  • Gestion des tableaux (taille, style, apparence responsive).

  • Gestion des figures.

  • Utilisation des utilitaires :

  • Couleurs et arrière-plan.

  • Bordures, liens, ombres et opacité.

  • Espacement (margins, padding, gap).

  • Exercices pratiques : Application sur la mise en page et le contenu.
4. Gestion des composants sans JavaScript


  • Boutons et badges.

  • Cartes (card).

  • Spinners (icônes de chargement) et barres de progression.

  • Navigation simplifiée : Breadcrumb (fil d'Ariane), pagination.
5. Gestion des composants avec JavaScript


  • Création et personnalisation des carousels (diaporama).

  • Utilisation des fonctions Collapse, Accordion, Dropdowns, et Modals.

  • Gestion des Tooltips et Toasts.

  • Travail sur les formulaires :

  • Contrôles, tailles, styles, et validation.

  • Utilisation des boutons radios, cases à cocher, sélections, etc.
6. Mise en pratique : Création d'un site web


  • Partie 1 : Création du menu et de la première section.

  • Partie 2 : Création d'un portfolio et d'un formulaire.

  • Partie 3 : Finalisation du style et conclusion du projet.
7. Evolution 2024


  • Vidéo bonus : Présentation d'un site complet réalisé avec Bootstrap 5.X.
8. Évaluation finale


  • Quiz final de 20 questions pour valider les connaissances acquises.

Les formations les plus recherchées

Formation Toulouse Formation Nantes Formation Saint-Étienne Formation Paris Formation Strasbourg Formation Bordeaux Formation Lille Formation Rennes Formation Montpellier Formation Angers Formation Informatique CPF Formation Informatique en ligne Formation Bootstrap CPF Formation Bootstrap en ligne Formation Technicien support informatique Formation Consultant en informatique Formation Administrateur systeme Formation Technicien informatique Formation Spark Formation Programmation Formation Technicien reseaux Formation Administrateur reseau Formation Developpeur informatique Formation Intelligence artificielle Formation Technicien support informatique Nantes Formation Technicien informatique Nantes Formation Administrateur systeme Nantes Formation Consultant en informatique Nantes Formation Spark Nantes Formation Developpeur informatique Nantes Formation Programmation Nantes Formation Technicien support informatique Toulouse Formation Technicien informatique Toulouse Formation Consultant en informatique Toulouse
Haut de page