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

PRISE EN MAINS 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

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

LES COMPOSANTS CSS

  • Navbar, Page Header
  • List group
  • Breadcrumps
  • Badges
  • Media Objects

LES COMPOSANTS JAVASCRIPT

  • Transitions
  • Scrollspy
  • Modal
  • Carousel
  • Dropdown

OPTIMISER BOOTSTRAP

  • Personnalisation de Bootstrap

TRAVAUX PRATIQUES

  • Mise en œuvre d’un site Web responsive

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

    MÉTHODOLOGIE PÉDAGOGIQUE
    Théorie | Cas pratiques | Synthèse

    MODALITÉS D'ÉVALUATION
    Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats