Formation Bootstrap: Sites Web Adaptatifs

Demande d'information

Formation Bootstrap: Sites Web Adaptatifs

  • 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