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éfense25/11/20191 200 € HTInscriptions en cours, places disponiblesRé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.

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