SKIP TO CONTENT
The portal for lifelong-learning
LU
DE
EN
FR
PT
You are here: Home > Training courses > DAWAN

Bootstrap: Sites Web adaptatifs

2 day(s)

Objectives

Maîtriser la création de sites adaptatifs avec Bootstrap.

Content

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’interactions 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

Teaching methods

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Target group

Who is the course aimed at?

Webmasters, développeurs, intégrateurs

 
Prerequisites

Bonnes connaissances en HTML et CSS

Assessment

Assessment methods

Contrôle continu

 
Certficate, diploma

Attestation de fin de stage mentionnant le résultat des acquis

Contact the training provider
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Share this content

 



Responsibility for the content of this training description lies solely with its author, the training provider DAWAN.

Print Expand/Collapse all Send to a friend
Contact the training provider
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Characteristics
Organisation Formation inter-entreprise
Teaching aids

Support de cours + sources des exemples

Languages
Next sessions
From/To Location Price
15 - 16/12/22
  Bruxelles   1125.00 €
See details
15 - 16/12/22
  Lille   1125.00 €
See details
22 - 23/12/22
  Distance   1125.00 €
See details
22 - 23/12/22
  Luxembourg   1125.00 €
See details
22 - 23/12/22
  Paris   1125.00 €
See details
Use of cookies

lifelong-learning.lu uses cookies to offer you a quality user experience, measure audiences, optimise functions on social media, and offer you personalised content.

By continuing to browse this website, you accept the use of cookies subject to the conditions provided for in our policy on the subject. Find out more.

Essential cookies
These cookies make it possible to use the main functions of our website (including access to your personal space). Normal use of our website is not possible unless these cookies are enabled.
Statistics
These cookies make it possible to compile statistics on visits to our website. Disabling them stops us monitoring and improving the quality of the services we provide.
Targeted advertising
These cookies make it possible to provide you with information via the Internet and the social media, with offers of training that match your needs.

Read our policy on the use of cookies.

Accept all Manage your cookie settings
Veuillez patienter...