LC Formateur

Formation Bootstrap Nord

Bootstrap

Bootstrap est un framework CSS, mais pas seulement, puisqu'il embarque également des composants HTML et JavaScript. Il comporte un système de grille simple et efficace pour mettre en ordre l'aspect visuel d'une page web. Il apporte du style pour les boutons, les formulaires, la navigation. Il permet ainsi de concevoir un site web rapidement et avec peu de lignes de code ajoutées.



Obtenir un devis Comment financer ma formation ?


Le programme de formation


Introduction et prise en main

  • Présentation : concept, versions et historique
  • Qu'est-ce qu'un framework CSS ?
  • Ressources
  • Les plug-ins et autres extensions
  • Télécharger et intégrer Bootstrap

Le système de grille

  • Mise en page statique, fluide, adaptative
  • Le principe
  • Utiliser plusieurs grilles dans une page
  • Imbriquer des grilles
  • Modifier l'ordre des colonnes
  • Atelier: création de gabarits de mise en page

Les éléments de base (CSS)

  • Présentation
  • La typographie
  • L'insertion de code
  • Les tableaux
  • Les images
  • Les outils CSS
  • Atelier: création d'une page article

Les composants réutilisables

  • Les icônes
  • Les boutons
  • Les formulaires
  • La navigation
  • Le fil d'Ariane
  • La pagination
  • Les badges
  • Les vignettes et les médias
  • Les listes
  • Les panneaux
  • Les barres de progression
  • Atelier: création d'une fiche produit

Les extensions Javascripts

  • Présentation : API Bootstrap
  • Les transitions
  • Les boîtes de dialogue (modales)
  • Menus déroulants
  • Scrollspy
  • Les onglets
  • Les infobulles (tooltip et popover)
  • Alertes et messages d'information
  • Afficher / Masquer des éléments : accordéon
  • Carrousel
  • Le système de navigation secondaire « Affix »
  • Atelier: création d'une page d'accueil

Personnaliser Bootstrap avec LESS

  • Qu'est-ce qu';un préprocesseur ?
  • Variables et mixins
  • Règles imbriquées
  • Composants et approche modulaire
  • Atelier: Mise en place d'un mini site complet


Pré-requis

Des connaissances de base en HTML et CSS sont un plus indéniable.

Public

Concepteurs ou futurs concepteurs de sites web.

Objectifs

Etre en mesure de concevoir des sites web responsive au design innovant avec le framework Bootstrap.

Moyens pédagogiques

Un PC par personne, un groupe de maximum 5 personnes.
Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action et d’en apprécier les résultats

A la fin de la formation, le stagiaire évalue la qualité de la formation puis complète avec le formateur un tableau reprenant les différents points du programme en précisant, si c’est acquis, en cours d’acquisition ou non acquis.


Pour toute demande de financement auprès de votre OPCA ou Pôle Emploi vous aurez besoin du programme détaillé de formation.