Formation Bootstrap: Sites Web Adaptatifs

Commentaire sur Formation Bootstrap: Sites Web Adaptatifs - Présentiel - Aix-en-Provence - Bouches-du-Rhône

• Contenu
  Formation Bootstrap: Sites Web Adaptatifs .

  • Durée: 3 jours .
  • Public: Webmasters, développeurs, intégrateurs
  • Pré-requis: Bonnes connaissances en HTML et CSS
  • Objectifs: Maîtriser la création de sites adaptatifs avec Bootstrap
  • Référence:  SIT828-F.

  Programme:

  
  

  Découvrir Bootstrap.

  • Bootstrap : présentation, apports, exemples 
  • Bootstrap et le Responsive Web Design (RWD)
  • Cohabitation de Bootstrap avec les autres frameworks javascript : jQuery, ExtJS,...
  • Grille Bootstrap, templates de base et layouts
  • Composants et classes CSS
  • Mécanisme de RWD (classes CSS / device)
  • Documentation, liens utiles
  • Rappels HTML5/CSS
  • Bases de jQuery

  Atelier : Inclure Bootstrap dans un projet, une première grille flexible.

  
  

  Maîtriser les classes CSS de base.

  • Typographie et liens 
  • Tableaux : lignes, bordures, survol, RWD 
  • Eléments de formulaires, contrôles supportés 
  • Boutons : options, tailles, état 
  • Images et icônes : éviter les débordements

  Atelier : Utilisation de classes bootstrap dans des pages web.

  
  

  Utiliser les composants Bootstrap.

  • Barres de navigation : tabs, pills, justified nav 
  • Menus déroulants : formulaires, boutons, positionnement 
  • Breadcrumb (fil d'arianne)
  • Pagination
  • Badges 
  • Alertes 
  • Barres de progression : labels, animations
  • Media object
  • List group

  Atelier : Multiples exemples d'intégration de composants Bootstrap.

  
  

  Manipuler Bootstrap en Javascript.

  • Mise en place de transitions 
  • Fenêtres modales : types, tailles 
  • Gestion des menus déroulants 
  • Tabulations 
  • Sliders 
  • Auto-complétion 
  • Personnalisation de Bootstrap
  • Gestion des claviers virtuels
  • Désactivation du responsive sur certaines pages
  • Gestion du zoom 

  Atelier : Intégration d'interractions et de transitions.

  
  

  Manipuler Bootstrap avec Less.

  • Présentation de Less
  • Utilisation en mode interprété / compilé
  • Variables: déclaration et appel
  • Variables: interpolation et lazy loading
  • Héritage de règles.

  Manipulation avancée.

  • Mixin: principes de base, espace de nommage
  • Mixin paramétrique
  • Mixin en tant que fonction
  • Gardien: structures conditionnelles et itératives
  • Inclusions d'autres feuilles Less

  Atelier : Modification multiple des composants Bootstrap avec Less.

  
  

  Tarifs: 

  
  

  A distance ou présentiel: 980 euros.

Autre formation en rapport avec design web