Retour en haut de la page

Bootstrap 3

3 jours - 21 heures

Objectifs

Mettre en place une interface HTML5 et CSS3. Créer un site web responsive. Manipuler les bases de jQuery. Utiliser l'ensemble de la bibliothèque Bootstrap 3.

Participants

Développeurs web.

Prérequis

Maîtriser les bases de HTML, CSS et JavaScript. La connaissance de jQuery est un plus.

Pédagogie

La pédagogie est basée sur le principe de la dynamique de groupe avec alternance d'apports théoriques, de phases de réflexion collectives et individuelles, d'exercices, d'études de cas et de mises en situations observées. Formation / Action participative et interactive : les participants sont acteurs de leur formation notamment lors des mises en situation car ils s'appuient sur leurs connaissances, les expériences et mettront en œuvre les nouveaux outils présentés au cours de la session.

Remarques

 

Certification

 

Profil de l'intervenant

Consultant-formateur expert. Suivi des compétences techniques et pédagogiques assuré par nos services.

Moyens techniques

Encadrement complet des stagiaires durant la formation. Espace d’accueil, configuration technique des salles et matériel pédagogique dédié pour les formations en centre. Remise d’une documentation pédagogique papier ou numérique à échéance de la formation.

Méthodes d'évaluation des acquis

Exercices individuels et collectifs durant la formation. La feuille d’émargement signée par demi-journée ainsi que l’évaluation des acquis de fin de stage sont adressées avec la facture.

Programme

Introduction à Bootstrap 3

  • Présentation du framework Bootstrap 3
  • Télécharger et installer Bootstrap 3
  • Créer une première page HTML utilisant Bootstrap 3

Créer une interface Web Responsive

  • Présentation du concept de grilles de Bootstrap 3
  • Manipuler les grilles

La typographie

  • Disposition du texte
  • Mise en forme contextuelle
  • La bibliothèque Glyphicons

Les listes

  • Introduction
  • Les listes simples
  • Les listes en ligne
  • Les listes de définition
  • Les listes de définition horizontales
  • Les list-group
  • Media Objects

Les boutons

  • Les boutons contextuels
  • One class, multiple tag
  • Taille des boutons
  • Les boutons groupés
  • Boutons avec menu déroulant
  • Manipuler les boutons avec l'API Bootstrap 3

Les formulaires

  • Principes de base
  • Formulaires horizontaux
  • Formulaires verticaux
  • Largeur des éléments du formulaire
  • Hauteur des éléments du formulaire
  • Les éléments groupés
  • Les messages d'aide
  • Messages d'aide contextuels

La navigation

  • Objectif
  • La barre de navigation principale
  • Les sous-menus

Les images

  • Mise en forme
  • Manipuler la taille des images
  • Créer une étiquette
  • Le carrousel de Bootstrap 3
  • Manipuler le carrousel avec l'API Bootstrap 3

Les infobulles

  • Objectif
  • Les tooltips
  • Les popovers
  • Les fenêtres modales

Les tableaux et panneaux

  • Les tableaux
  • Les panneaux
Datadock Microsoft TOSA Certification Robert Samsung partners

Grand-Est (Bar le duc, Chalons en champagne, Colmar, Epinal, Metz, Mulhouse, Nancy, Reims, Strasbourg, Troyes) Nouvelle-Aquitaine (Agen, Angouleme, Biarritz, Bordeaux, Brive, Compiegne, La rochelle, Limoges, Niort, Pau, Perigueux, Poitiers) Auvergne-Rhônes-Alpes (Annecy, Bourg en bresse, Chambery, Clermont ferrand, Grenoble, Lyon bron, Lyon masset, Lyon vendome, Saint etienne, Valence) Normandie (Caen, Le havre, Rouen) Bourgogne-Franche-Comté (Auxerre, Belfort, Dijon, Sens) Bretagne (Brest, Rennes) Centre-Val-de-Loire (Blois, Bourges, Chartres, Chateauroux, Orleans, Tours) Corse (Ajaccio, Bastia) Île de France (Aulnay sous bois, Groupe, La defense courbevoie, Nanterre, Paris nation, Paris ternes, Poissy) Occitanie (Cahors, Castres, Montauban, Montpellier, Narbonne, Nimes, Pamiers, Perpignan, Rodez, Toulouse) Pays de la Loire (La roche sur yon, Le mans, Montaigu, Nantes) Hauts de France (Amiens, Lille, Roubaix, Soissons) Provence-Alpes-Côte d'Azur (Aix en provence, Avignon, Marseille, Nice)