M2i Formation

Langages et développement - Développeur Web HTML 5, CSS 3 et JavaScript

Bootstrap

Présentiel

2 jours (14 heures) - BOO-IN

Objectifs pédagogiques

  • Mettre en oeuvre le framework Bootstrap afin de réaliser des applications HTML 5 / CSS 3 responsives.

Niveau requis

Avoir des connaissances en HTML et CSS.

Public concerné

Développeurs ayant à réaliser des applications Web responsives.

La Défense29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Mulhouse29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Nancy29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Reims29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Évreux29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Le Havre29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Lille29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Grenoble29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Lyon29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Orléans29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Tours29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Montpellier29/10/20181 100 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis29/10/20181 100 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Présentation de Bootstrap

  • Synthèse de Bootstrap
  • Ce pourquoi le produit est fait
  • Ce qu'apporte Bootstrap par rapport à un développement conventionnel
  • Vocabulaire Bootstrap
  • L'arborescence des fichiers Bootstrap 3 et Bootstrap 4
  • Différences en Bootstrap 3 et Bootstrap 4
  • Lier une page aux feuillles de style Bootstrap

Installation de Bootstrap

  • Installation locale ou par Content Delivery Network
  • Comprendre les relations entre Bootstrap, CSS et JavaScript

Mise en page

  • Présentation des grilles CSS et de l'application du Responsive Design
  • Cellules, lignes et colonnes
  • Fonctionnement d'une page responsive

CSS avec Bootstrap

  • Classes CSS livrées par défaut
  • Présentation des différentes typographies
  • Images, objets de type bouton et autres
  • Surcharges les styles au profit de ceux développés

Menus de navigation

  • Différents types de navigation
  • Navigation conventionnelle
  • Navigation depuis un Smartphone

Formulaires et tableaux

  • Présentation de la création de formulaires
  • Création d'un formulaire avec Bootstrap
  • Présentation de la création de tableaux avec Bootstrap
  • Création de tableaux avec Bootstrap

Quand JavaScript et jQuery deviennent intéressant

  • Cas où JavaScript peut être nécessaire
  • Plug-in jQuery
  • Cas des menus déroulants intelligents
  • Onglets
  • Accordéons...