M2i Formation

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

Bootstrap - Système de grille

Présentiel

2 jours (14 heures) - BOO-IN

Accueil  ›  Formations Informatique  ›  Langages et développement  ›  Développeur Web HTML 5, CSS 3 et JavaScript  ›  Bootstrap - Système de grille

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éfense24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
La Défense25/11/20191 200 € HTDates proposées dans les agences M2iRéserver

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

Metz24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Mulhouse24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Nancy24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Reims24/06/20191 200 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Caen24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Évreux24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Le Havre24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Lille24/06/20191 200 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Dijon24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Grenoble24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Lyon24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne24/06/20191 200 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Bordeaux24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Orléans24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Tours24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Bordeaux25/11/20191 200 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Aix-en-Provence24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Montpellier24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis24/06/20191 200 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence25/11/20191 200 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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
  • Positionnement avec Flexbox
  • Le nouveau breakpoint 576px

CSS avec Bootstrap

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

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...