Bootstrap: Sites Web adaptatifs

Formation inter-entreprise

À qui s'adresse la formation?

Webmasters, développeurs, intégrateurs

Durée

2,00 jour(s)

Langues(s) de prestation

EN FR

Prochaine session

02.05.2024
Lieu
A distance

Prix

1125,00€

Prérequis

Bonnes connaissances en HTML et CSS

Objectifs

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

Contenu

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

Méthodes pédagogiques

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

Évaluation

Contrôle continu

Certificat, diplôme

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

Prochaine session

Date
Ville
Language & prix
02.05.2024

03.05.2024
A distance
FR 1125,00€
18.07.2024

19.07.2024
Paris
FR 1125,00€
08.08.2024

09.08.2024
Luxembourg
FR 1125,00€
08.08.2024

09.08.2024
Strasbourg
FR 1125,00€
08.08.2024

09.08.2024
Bruxelles
FR 1125,00€
15.08.2024

16.08.2024
A distance
FR 1125,00€
24.10.2024

25.10.2024
Paris
FR 1125,00€
14.11.2024

15.11.2024
Luxembourg
FR 1125,00€
14.11.2024

15.11.2024
Bruxelles
FR 1125,00€
18.11.2024

19.11.2024
Strasbourg
FR 1125,00€
21.11.2024

22.11.2024
A distance
FR 1125,00€

Contact pour cette formation

Dawan - Service commercial

Ces formations pourraient vous intéresser