top of page

BOOTSTRAP

Bootstrap est un framework de développement web populaire, largement utilisé pour créer des sites web réactifs et esthétiquement attrayants.

 

Il fournit aux développeurs une collection de styles prédéfinis, de composants interactifs et d'outils pour faciliter la création d'interfaces utilisateur modernes.

 

Avec Bootstrap, vous pouvez créer rapidement et efficacement des sites web adaptatifs qui s'adaptent automatiquement à différentes tailles d'écran, des smartphones aux ordinateurs de bureau. Le framework est basé sur HTML, CSS et JavaScript, offrant une flexibilité et une personnalisation étendues.

 

Grâce à sa documentation complète et à sa large communauté de développeurs, Bootstrap est facile à apprendre et à utiliser, même pour les débutants. Il est souvent considéré comme une base solide pour le développement front-end, offrant des fonctionnalités telles que la grille responsive, les modèles de conception, les formulaires stylisés, les composants interactifs et bien plus encore.

 

En bref, Bootstrap est un outil puissant et polyvalent pour créer des sites web modernes et attrayants.

app_4.jpg

PROGRAMME DE FORMATION

Module 1 : Définition de programme

  • Désignation du niveau : tests pour déterminer le niveau du ou des stagiaires afin de constituer le programme de formation.

  • Définition des objectifs en fonction du rythme professionnel et personnel.

  • Mise en place du matériel pédagogique adapté.

  • Présentation de la certification en fin de formation

 

Module 2 : Cas pratique 1

  • Créer des colonnes avec les grilles Bootstrap

  • Aligner et espacer les colonnes des grilles Bootstrap

  • Gérer l'ordre des colonnes et l'imbrication de lignes

  • Mettre en forme des textes

  • Modifier la couleur de fond, du texte et l'opacité des éléments

  • Modifier les dimensions des éléments

  • Modifier les bordures des éléments

  • Ajouter des marges aux éléments

 

Module 3 : Cas pratique 2

 

  • Modifier l'affichage des éléments

  • Modifier le positionnement des éléments

  • Cacher les éléments et gérer les dépassements

  • Ajouter des ombres aux éléments

  • Créer des tableaux

  • Gérer les images et les figures

  • Créer des boutons

  • Créer des groupes de listes

  • Structurer des formulaires

Module 4 : Cas pratique 3

 

  • Créer un menu de navigation avec Bootstrap

  • Créer des éléments et des menus déroulants avec Bootstrap

  • Créer des barres de navigation complexes avec Bootstrap

  • Utiliser les autres composants de navigation Bootstrap

  • Alertes, boites modales et notifications toast Bootstrap

  • Boites d'aide et popovers Bootstrap

  • Barres de progression et spinners Bootstrap

  • Utiliser les cartes ou cards

  • Créer un carrousel

 

 

Module 4 : Fonctionnement de base du framework Bootstrap

 

  • Présentation de Bootstrap

  • Présentation du fonctionnement de Bootstrap

  • Présentation du système de grilles de Bootstrap

  • Créer des colonnes dans les grilles Bootstrap et gérer leur taille

  • Gérer l’alignement et l’espacement des colonnes des grilles Bootstrap

  • Gérer l’ordre d’affichage des colonnes et l’imbrication de lignes dans une grille Bootstrap

 

 

Module 4 : Classes Bootstrap et propriétés CSS

 

  • La normalisation des styles des éléments HTML Bootstrap avec Reboot

  • Mettre en forme des textes avec les classes Bootstrap

  • Modifier la couleur, la couleur de fond et l’opacité des éléments avec Bootstrap

  • Gérer les dimensions des éléments avec Bootstrap

  • Ajouter des bordures aux éléments avec Bootstrap

  • Ajouter des marges aux éléments avec Bootstrap

  • L’affichage des éléments : Bootstrap display et display : flex

  • Gérer le type de positionnement des éléments avec Bootstrap

  • Cacher des éléments et gérer les dépassements avec Bootstrap

  • Ajouter des ombres aux éléments avec Bootstrap

 

Module 7 : Styliser des éléments complexes avec Bootstrap

 

  • Créer des tableaux stylisés avec Bootstrap

  • Gérer les images et les figures avec Bootstrap

  • Créer des boutons stylisés avec Bootstrap

  • Créer des groupes de listes et appliquer des styles à des listes avec Bootstrap

  • Structurer et styliser des formulaires avec Bootstrap

 

 

Module 8 : Les composants de navigation Bootstrap
 

  • Créer un menu de navigation avec Bootstrap

  • Créer des éléments et des menus déroulants avec Bootstrap

  • Créer des barres de navigation complexes avec Bootstrap

  • Les autres composants de navigation Bootstrap : breadcrumb, pagination et scrollspy

 

Module 9 : Les composants informatifs Bootstrap

 

  • Alertes, boites modales et notifications toast Bootstrap

  • Boites d’aide et popovers Bootstrap

  • Barres de progression et spinners Bootstrap

 

Module 10 : Autres composants visuels Bootstrap
 

  • Badges et jumbotron Bootstrap

  • Les cartes ou cards Bootstrap

  • Le composant Bootstrap collapse

  • Créer un carrousel avec Bootstrap

MODALITES DE FORMATION

Public :

 Personne travaillant en CDI, CDD en intérim, autoentrepreneur et personne en recherche d’emploi ou entreprises.

 

Prérequis :

Connaissance de base en développement Web

Objectifs :

Avec cette formation Programmation BOOTSTRAP de 6 modules vous aborderez les fonctionnalités du Framework Bootstrap afin de le manipuler de manière efficace dans vos projets web. 

Durée :

 20h

 

Délais d’accès : 

Démarrage sous 10 jours

Méthodes mobilisées :

 Formation à distance

  • 50% des heures de la formation en visioconférence avec un(e) formateur(trice).

  • 50 % des heures sur notre plateforme de formation en ligne.

Modalités d’évaluation :

 Validation des compétences sur la plateforme certification 

Certification :

 Attestation de compétences

Modalités de présence :

 Feuille d’émargement et temps de connexion.

Référent Handicap :

 Nous contacter à :  f.p.france95@gmail.com

Prix :

 1500 euros

bottom of page