Formation Bootstrap
4.4 / 5
Développer un site adapté aux différents supports : mobile, tablette et ordinateur (responsive design) plus rapidement avec le framework Bootstrap 3 et 4. Bootstrap est disponible sous licence Open Source.
Objectifs
- Apprendre à utiliser les composants de base de Bootstrap
- Comprendre les principes de grille de Bootstrap et comment les utiliser pour organiser les éléments sur une page
- Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des navbars, des modals, etc.
- Comprendre comment utiliser les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que les carrousels, les accordéons, les tabs, etc.
- Apprendre à personnaliser les styles de Bootstrap en utilisant les variables Sass et les règles CSS personnalisées.
- Apprendre à créer un thème Bootstrap personnalisé pour un projet en utilisant les variables Sass et les règles CSS personnalisées
Pré-requis
- Connaissances de base en HTML et CSS
- Avoir un ordinateur avec un éditeur de code installé
- Connaissance de base en JavaScript est un plus
Notre plan de formation
Ce plan peut être adapté à votre demande en formation sur mesure.Journée 1
Introduction à Bootstrap- Présentation de Bootstrap
- Historique de Bootstrap
- Avantages et inconvénients de Bootstrap
- Installation de Bootstrap
- Présentation de l'éditeur de code que nous allons utiliser durant la formation
- Travaux pratiques : création d'un projet de base avec Bootstrap
- Présentation de la grille de Bootstrap
- Utilisation des classes de grille pour créer des mises en page réactives
- Utilisation des classes d'offset pour décaler les colonnes
- Travaux pratiques : création d'une mise en page réactive à l'aide de la grille de Bootstrap
Journée 2
Utilisation des composants de Bootstrap- Présentation des composants de Bootstrap (navbar, boutons, formulaires, etc.)
- Utilisation des composants pour créer des éléments communs dans les interfaces utilisateur
- Travaux pratiques : création d'un site web de base avec des composants de Bootstrap
- Présentation des options de personnalisation de Bootstrap (variables SASS, surcharge de classe, etc.)
- Utilisation des options pour personnaliser l'apparence de Bootstrap
- Travaux pratiques : amélioration du site web créé précédemment
Notre intervenant(e)
Mickael
Mickael possède une solide expérience en développement front-end, avec une expertise particulière en référencement et en design graphique. Avec plus de 20 ans d'expérience dans l'informatique, il est également compétent en administration système pour Linux et macOS.
Demander un audit technique avec Mickael