Bootstrap – Maîtrise du framework

Description

Tarif et Durée

1510 € HT pour 2 jours de formation Bootstrap – Maîtrise du framework

Public visé

Administrateurs, webmasters, webdesigners, intégrateurs, développeurs web

Objectifs pédagogiques

• Intégrer la dernière version de Bootstrap dans un projet web
• Réaliser des pages web intégrant le framework Boostrap
• Maîtriser les composants, formulaires, mises en page du framework Bootstrap
• Savoir utiliser les icônes Bootstrap
• Développer des sites web responsive

Modalités pédagogiques

• Tour de Table permettant à chaque stagiaire de présenter son expérience dans la création de pages web
• Cours magistral, démonstrations de pages conçues avec Bootstrap
• Projet : installation, configuration et gestion d’un projet web créé avec le framework Bootstrap

Programme de la formation

Présentation du framework

• Vue d’ensemble du framework Bootstrap et des frameworks concurrents
• L’apport de Bootstrap par rapport à CSS
• Bien démarrer avec Bootstrap
• Présentation des éléments du kit Bootstrap (layout, contenu, formulaires, composants.)
• Comprendre l’arborescence des différents fichiers
• Intégrer Bootstrap à un projet web

Les styles avec Bootstrap

• Gestion des couleurs
• Typographie et mise en forme du texte
• Images
• Tableaux
• L’élément figure
• Gestion de la taille des blocs
• Gestion des margin / padding
• Gestion des bordures
• Gestion ombres et opacité
• Gestion du positionnement
• Eléments flottants et positions fixes
• Flex

La mise en page avec Bootstrap

• Les points de rupture pour gérer un site responsive (breakpoints)
• Les containers
• Les colonnes
• Les gouttières
• Système de grille par défaut vs. grille CSS
• La propriété z-index

Les composants Bootstrap

• Boutons
• Alertes & Badges
• Fils d’ariane
• Cartes d’affichage
• Le carrousel
• Listes déroulantes
• Modales
• Barres de navigation
• Pagination
• Barres de progression
• Toasts & Tooltips
• Spinners

Les formulaires Bootstrap

• Introduction
• Les différents champs de formulaire: input, file input, textarea, select, checkboxes & radio buttons, range, color picker, datalists
• L’autocomplétion
• Styles, tailles, disabled, readonly
• Gestion de la validation du formulaire

Modèles de site Bootstrap

• Intégrer un modèle de site Bootstrap et l’exploiter
• Utiliser des fichiers SAAS pour gagner en productivité

Informations complémentaires

Prérequis

• Il est nécessaire de bien connaître HTML et CSS et d’avoir des notions de JavaScript pour suivre cette formation.

Financement

• Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
• L’OPCO (opérateurs de compétences) de votre entreprise.
• Le CPF
• Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Horaires

• En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
• Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
• En classe à distance, la formation démarre à partir de 9h.

Modalités de suivi

• Feuille d’émargement et attestation de formation

Moyens pédagogiques

• Vidéo projecteur, Wifi, Support de cours au format PDF + papier
• Ordinateur portable apporté par le stagiaire avec logiciel(s) installé(s) (à défaut, merci de nous prévenir suffisamment à l’avance pour que nous vous prêtions un ordinateur)

Modalités d’évaluation

• Chaque fin de chapitre se clôture par un exercice pratique
• QCM de fin de formation

Compétences visées

• Création d’un site web en intégrant le framework Bootstrap