M2i Formation

Découvrez notre formationBootstrap - 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 € HTInscriptions en cours, places disponiblesRé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...

Testez vos connaissances

Objectif : Ce test a pour objectif de tester vos connaissances sur les fonctionnalités de base HTML et CSS.

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus