Le Framework Bootstrap est une bibliothèque de fonctionnalité utilisé pour développer des pages Web responsive et design (animations, graphisme,...).

OBJECTIFS PEDAGOGIQUES

  • Maîtriser la conception de site Web responsive à l’aide de Bootstrap Utiliser la bibliothèque Bootstrap pour optimiser la réalisation de site web.

PROGRAMME

PRÉSENTATION DE BOOTSTRAP

  • Les avantages d’intégrer à l’aide d’un framework CSS
  • Mise en place de Bootstrap : téléchargement et installation en local
  • Les concepts fondamentaux : grilles, templates, layouts
  • Principes des composants et des classes CSS
  • Rappels HTML5/CSS3 et jQuery
Description des travaux pratiques : Quiz

PRISE EN MAIN DE BOOTSTRAP

  • Créer une page HTML avec Bootstrap
  • Présentation du concept de grilles
  • Créer une page multigrilles
  • Manipuler les grilles
  • Cibler les terminaux : ordinateur, mobile, tablette
Description des travaux pratiques : Cas pratique

UTILISER LE PRÉPROCESSEUR LESS

  • Définition
  • Les classes CSS de base : Typography, Code, Tables, Forms, Buttons, Images, Icons
  • Variables et Mixins
  • Règles CSS imbriquées
  • Outils pour le flux de production
Description des travaux pratiques : Exercice pratique

LES COMPOSANTS CSS

  • Navbar, Page Header
  • List group
  • Breadcrumps
  • Badges
  • Media Objects
Description des travaux pratiques : Exercice pratique

LES COMPOSANTS JAVASCRIPT

  • Transitions
  • Scrollspy
  • Modal
  • Carousel
  • Dropdown
Description des travaux pratiques : Quiz

OPTIMISATION DE BOOTSTRAP

  • Personnalisation de Bootstrap
Description des travaux pratiques : Cas pratique

PUBLIC

Intégrateurs web, webdesigners, développeurs Toute personne souhaitant améliorer ses méthodes de programmation d'un site web responsive.

PRÉREQUIS

Connaissance du langage HTML / CSS Connaissance de la programmation JavaScript.

INFORMATIONS PRATIQUES

HORAIRES DE LA FORMATION de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00

Modalités d'évaluation intiales
Test de positionnement en amont de la session de formation.

Modalités d'évaluation finales
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques.

Accessibilité handicap
Dans votre espace candidat, une rubrique dédiée au handicap vous permettra d'exprimer vos besoins d'adaptation afin que vous puissiez suivre votre formation dans les meilleures conditions.

Méthodes pédagogiques
Alternance équilibrée de présentations, d'ateliers sur simulateur et de mises en situation dans des conditions similaires à celles de l'examen.

Modalités et délais d’accès
L’inscription doit être finalisée 72 heures avant le début de la formation.

VOIR LES AUTRES DOMAINES

Loading…
Loading the web debug toolbar…
Attempt #