Augmentez vos capacités de création de site responsive web design grâce au pré-processeur CSS LESS et son framework Bootstrap associé. La complexité de la demande s'accroissant, apprenez à maîtriser les outils et les méthodologies de production hautement optimisées Découvrez les meilleures pratiques de l'intégration HTML/CSS.

Durée 3 jours soit 21.00 heures de formations de 9h30 à 18h00.

Qualité 8 stagiaires par session maximum. 1 poste Mac ou Windows par stagiaire. Support de cours accessible en ligne.

Public Intégrateurs Web

Objectifs

  • Optimiser l'intégration Web
  • S'approprier Bootstrap
  • Utiliser les préprocesseurs LESS

Pré-requis Notions en HTML et CSS
CSS3 est un plus

"exh3">Programme de formation

1 - Fondamentaux de Bootstrap

  • Pourquoi utiliser un framework CSS ?
  • Mise en place du code Bootstrap
  • Principe de structuration et d'intégration
  • Système de grille
  • Vers des grilles fluides et adaptives
  • Mise en forme structurelle et textuelle
  • Templates Bootstrap

2 - Les composants CSS

  • Boutons et groupe de boutons
  • Navigation
  • Breadcrumb ( fil d'ariane )
  • Pagination: contenus longs
  • Badge
  • Barre de progression
  • Alertes
  • Vignettes et medias

3 - Les composants Javascript

  • API Bootstrap
  • Boîtes modales, Popover...
  • Menus déroulants
  • Scrollspy
  • Tabulations
  • Caroussel

4 - Atelier

  • Intégration d'une maquette en responsive web design

5 - Le pré-processeur LESS

  • Qu'est ce qu'un pré-processeur ? LESS is CSS
  • Avantages: LESS is more
  • Outils pour le workflow de production
  • Variables et mixins
  • Opérations, règles imbriquées...
  • Fonctions internes
  • Optimisation RWD
  • Semantic UI

6 - S'approprier Bootstrap

  • depuis LESS
  • Optimiser Bootstrap avec les customs builds

7 - Atelier

  • Workflow complet de mise en production
/srv/datadisk01/home/formation/site3