Formation Bootstrap Nord

Bootstrap
Bootstrap est un framework CSS, mais pas seulement, puisqu'il embarque également des composants HTML et JavaScript. Il comporte un système de grille simple et efficace pour mettre en ordre l'aspect visuel d'page web. Il apporte du style pour les boutons, les formulaires, la navigation. Il permet ainsi de concevoir un site web rapidement et avec peu de lignes de code ajoutées.

Toutes nos formations   Obtenir un devis   Financer ma formation


Le programme de formation détaillé


Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.

Introduction et prise en main

  • Présentation : concept, versions et historique
  • Qu'est-ce qu'un framework CSS ?
  • Ressources
  • Les plug-ins et autres extensions
  • Télécharger et intégrer Bootstrap

Le système de grille

  • Mise en page statique, fluide, adaptative
  • Le principe
  • Utiliser plusieurs grilles dans une page
  • Imbriquer des grilles
  • Modifier l'ordre des colonnes
  • Atelier: création de gabarits de mise en page

Les éléments de base (CSS)

  • Présentation
  • La typographie
  • L'insertion de code
  • Les tableaux
  • Les images
  • Les outils CSS
  • Atelier: création d'une page article

Les composants réutilisables

  • Les icônes
  • Les boutons
  • Les formulaires
  • La navigation
  • Le fil d'Ariane
  • La pagination
  • Les badges
  • Les vignettes et les médias
  • Les listes
  • Les panneaux
  • Les barres de progression
  • Atelier: création d'une fiche produit

Les extensions Javascripts

  • Présentation : API Bootstrap
  • Les transitions
  • Les boîtes de dialogue (modales)
  • Menus déroulants
  • Scrollspy
  • Les onglets
  • Les infobulles (tooltip et popover)
  • Alertes et messages d'information
  • Afficher / Masquer des éléments : accordéon
  • Carrousel
  • Le système de navigation secondaire « Affix »
  • Atelier: création d'une page d'accueil

Personnaliser Bootstrap avec LESS

  • Qu'est-ce qu';un préprocesseur ?
  • Variables et mixins
  • Règles imbriquées
  • Composants et approche modulaire
  • Atelier: Mise en place d'un mini site complet

Formation ajoutée le 01/01/2015, mise à jour le 03/12/2020.

Pré-requis :

Des connaissances de base en HTML et CSS sont un plus indéniable.

Public :

Webmaster, webdesigner ou développeur web

Objectifs :

Etre en mesure de concevoir des sites web responsive au design innovant avec le framework Bootstrap.

Moyens pédagogiques :

Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.

Moyens pour suivre l’exécution de l’action :

  • La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées

Moyens pour en apprécier les résultats :

  • A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
  • Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
  • Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)

Profil formateur :

Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.

Accueil et accès des personnes en situation de handicap :

Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com

Délai d'accès :

En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici

Evaluation : Aucune note pour cette formation entre 2019 et 2021 .



Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.