Formation Bootstrap : Sites Web adaptatifs

icon public

Public : Webmasters, développeurs, intégrateurs

icon horloge

Durée : 2 jour(s)

Syllabus de la formation Bootstrap : Sites Web adaptatifs

Pré-requis : Bonnes connaissances en HTML et CSS

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

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT828-F

Taux de satisfaction : 4,86 / 5

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

À partir de

875,00 € HT / jour

900,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

1 125,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

900,00 € HT

Tarif remisé :

Contacter Dawan
Webmaster Intermediaire : intégrateur front-end HTML/CSS

Programme de Formation Bootstrap : Sites Web adaptatifs

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 

Ce cours présente et décrit les bonnes pratiques pour réaliser et personnaliser un site web adaptatif à  l'aide du framework Bootstrap

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 31/03/2025 au 01/04/2025 Oui S'inscrire
Bordeaux Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Bordeaux Du 12/11/2025 au 13/11/2025 Oui S'inscrire
Distance Du 24/03/2025 au 25/03/2025 Oui S'inscrire
Distance Du 15/07/2025 au 16/07/2025 Oui S'inscrire
Distance Du 27/10/2025 au 28/10/2025 Oui S'inscrire
Lille Du 24/03/2025 au 25/03/2025 Oui S'inscrire
Lille Du 15/07/2025 au 16/07/2025 Oui S'inscrire
Lille Du 27/10/2025 au 28/10/2025 Oui S'inscrire
Lyon Du 06/01/2025 au 07/01/2025 Oui S'inscrire
Lyon Du 07/04/2025 au 08/04/2025 Oui S'inscrire
Lyon Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Lyon Du 12/11/2025 au 13/11/2025 Oui S'inscrire
Marseille Du 06/01/2025 au 07/01/2025 Oui S'inscrire
Marseille Du 07/04/2025 au 08/04/2025 Oui S'inscrire
Marseille Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Marseille Du 12/11/2025 au 13/11/2025 Oui S'inscrire
Montpellier Du 31/03/2025 au 01/04/2025 Oui S'inscrire
Montpellier Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Montpellier Du 12/11/2025 au 13/11/2025 Oui S'inscrire
Nantes Du 13/01/2025 au 14/01/2025 Oui S'inscrire
Nantes Du 14/04/2025 au 15/04/2025 Oui S'inscrire
Nantes Du 18/08/2025 au 19/08/2025 Oui S'inscrire
Nantes Du 19/11/2025 au 20/11/2025 Oui S'inscrire
Nice Du 06/01/2025 au 07/01/2025 Oui S'inscrire
Nice Du 07/04/2025 au 08/04/2025 Oui S'inscrire
Nice Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Nice Du 12/11/2025 au 13/11/2025 Oui S'inscrire
Paris Du 24/03/2025 au 25/03/2025 Oui S'inscrire
Paris Du 15/07/2025 au 16/07/2025 Oui S'inscrire
Paris Du 27/10/2025 au 28/10/2025 Oui S'inscrire
Rennes Du 13/01/2025 au 14/01/2025 Oui S'inscrire
Rennes Du 14/04/2025 au 15/04/2025 Oui S'inscrire
Rennes Du 18/08/2025 au 19/08/2025 Oui S'inscrire
Rennes Du 19/11/2025 au 20/11/2025 Oui S'inscrire
Strasbourg Du 13/01/2025 au 14/01/2025 Oui S'inscrire
Strasbourg Du 14/04/2025 au 15/04/2025 Oui S'inscrire
Strasbourg Du 18/08/2025 au 19/08/2025 Oui S'inscrire
Strasbourg Du 19/11/2025 au 20/11/2025 Oui S'inscrire
Toulouse Du 31/03/2025 au 01/04/2025 Oui S'inscrire
Toulouse Du 04/08/2025 au 05/08/2025 Oui S'inscrire
Toulouse Du 12/11/2025 au 13/11/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole