fff

Combien de stagiaires suivront cette formation ?


Valider Annuler

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

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques / Compétences visées

Cette formation vous permettra de développer les compétences suivantes :

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

Niveau requis

Avoir des connaissances en HTML et CSS.

Public concerné

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

Programme

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, 4 et 5
  • Différences en Bootstrap 3, 4 et 5
  • Lier une page aux feuillles de style Bootstrap

Installation de Bootstrap

  • Installation locale ou par Content Delivery Network (CDN)
  • 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
  • Les nouveaux breakpoints (taille d'écran)

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

Menu 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

Fonts personnalisés

  • Police d'écritures d'icônes
    • Bootstrap Icons
    • Font Awesome...
  • Police d'écriture Google

Utilisation des animations fournies par Bootstrap en JavaScript

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

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Formation disponible en intra-entreprise

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Testez vos connaissances

Nos quizz vous guident dans le choix de formation.
Évaluez votre niveau de pré-requis pour découvrir la formation faite pour vous.

Accédez au test de connaissance

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous