Formation Bootstrap 4 - Système de grille – Centre de formation M2i
M2i Formation

Découvrez notre formationBootstrap 4 - 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 4 - 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.

Paris La Défense20/04/20201 200 € HTDates proposées dans les agences M2iRéserver
Paris La Défense19/10/20201 200 € 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
  • 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.

Faites évoluer vos compétences

Complétez votre formation