Développer des pages web responsive et homogènes avec Bootstrap

A qui s'adresse cette formation ?

Public cible :

Développeurs, intégrateurs, webdesigners, webmasters, chargés de communication

Prérequis :

Ecrire des balises HTML et des styles CSS

Contexte

Créé par Twitter, Bootstrap est un framework HTML, CSS (et même JS) très utilisé dans le développement de site. Il permet de créer des sites web avec des mises en pages robustes

Objectifs de la formation

  • Utiliser bootstrap dans un projet de site web
  • Instaler les composants et plugins de bootstrap
  • Développer des sites web responsive

Programme complet

jour 1

Repérer les usages de bootstrap et l’installer 

  • Panorama du framework Bootstrap
  • Les différents fichiers et les différentes fonctionnalités de bootstrap
  • L’intégration de Bootstrap à une page web

Utiliser les styles CSS de Bootstrap

  • Les styles des pour les textes et les images
  • L’intégration des icônes en utilisant des polices d’icônes
  • La gestion de l’affichage des tableaux et formulaires
  • La gestion des blocs de texte
  • La personnalisation de la feuille de style

Mettre en page avec le grille Bootstrap

  • La structure et le fonctionnement de la grille Bootstrap
  • Les propriétés responsive et de positionnement
  • La création d’une mise en page avec la grille

Utiliser les composants de base de bootstrap

  • Les boutons, badges et alertes
  • Les cards conteneurs
  • Les barre de progression
  • Les composants de navigation et de pagination

jour 2

Utiliser les plug-ins Jquery de Bootstrap

  • Les accordéons, les onglets, les fenêtres modales
  • Les carrousels photos
  • Les barres de navigation et menus déroulants
  • Les champs d’auto-complétion

Utiliser les classes utilities
Les classes utilities pour gérer les flexbox, layout, bordures, alignements, couleurs et overflow

Réaliser un site web vitrine à partir d’un modèle

  • La Sélection et la mise en oeuvre d’un modèle Bootstrap
  • La surcharge des CSS du modèle
  • Le préprocesseur SASS

Modalités et méthodes pédagogiques

  • Formation 100% présentielle (formation possible en distanciel sur demande)
  • Apports théoriques, Démonstrations pas en pas
  • Mise en pratique sur un projet type
  • Méthodes démonstratives et actives

Techniques pédagogiques

Présentation, démonstrations pas à pas et activités individuelles au sein du groupe

Supports pédagogiques

Ordinateurs avec connexion internet (fournis par l’organisme de formation pour les formations inter-entreprises ), vidéo-projecteur, quizz en ligne, support numérique, guide format papier

Modalité d'évaluation

  • Évaluation de positionnement: Évaluation des pré-requis via des quizz en ligne ou entretien téléphonique avant la formation
  • Évaluation formative : quizz en ligne
  • Évaluation sommative (en fin d’apprentissage : mise en situation)
  • Évaluation en fin de session de formation (un questionnaire de satisfaction sera donné à la fin de l’action)

Qualité des formations

Prochaines Sessions
Nous consulter pour les dates
Référence : IW-WIP-M-08
Zone géographique : Bordeaux, Nouvelle-Aquitaine

Formateur.trice.s

William Pezet
William Pezet Voir la fiche formateur

Accessibilité

Aller au contenu principal