Bootstrap qui est une référence en matière de framework CSS facilite la création de sites web responsive. Durant ce stage vous serez amenés à étendre vos compétences en CSS et HTML pour pourvoir enrichir et habiller vos pages web de composants interactifs sous Bootstrap et rendre vos sites plus attractifs et adaptifs.

Objectifs

  • Maîtriser les différents outils et plug-ins du Framework Bootstrap
  • Développer des sites web selon plusieurs modes responsives
  • Réaliser des pages web selon votre propre design pour rendre vos interfaces utilisateur attractives

2 jours

  • Programme
  • Public et Prérequis
  • Pédagogie
  • Dates et Tarifs
  • Nous contacter

Programme de la formation: Concevoir des interfaces utilisateurs avec Bootstrap

Présentation du framework Bootstrap

  • Introduction du framework Bootstrap.
  • Installation du framework Bootstrap
  • Les avantages de BootStrap par rapport à CSS.
  • Les différents outils de Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery...).
  • Comprendre le fonctionnement des différents fichiers : feuilles de style, JavaScript...

Les feuilles de style de Bootstrap

  • Utiliser les CSS pour les éléments textuels, d’images, de formulaires et de tableaux.
  • Savoir employer des polices icones.
  • Utiliser les CSS pour la mise en page, les blocs de texte.
  • Apprendre à personnaliser sa feuille de style.


TP : Personnalisation des différents éléments d’une page Web avec les CSS de Bootstrap.

Les grilles

  • Intégrer le concept de grille.
  • Maîtriser les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement...), statistiques et élastiques.
  • Apprendre à organiser et manipuler des grilles.
  • Créer une page multigrille.


TP : Créer une page Web responsive basée sur une grille.

Les composants de base

  • Apprendre à utiliser les menus déroulants.
  • Maîtriser les composants de navigation et de pagination.
  • Savoir utiliser les boutons, les badges, les alertes, les barres de progression, les tableaux et les listes d'éléments.


TP : Concevoir une page Web d’un site comprenant plusieurs composants Bootstrap.

Les plug-ins jQuery

  • Utiliser les différents plug-ins JQuery (fenêtres modales, accordéons, carrousel de photos…)
  • Apprendre à employer des champs d'auto-complétion.
  • Intégrer des plug-ins externes (Datepicker...).


Tp : Intégration d’effets visuels modernes sur une page web via les plug-ins jQuery associés à la librairie Bootstrap.

Analyse des modèles Bootstrap

  • Travail d’analyse sur des modèles construits à partir de Bootstraps.
  • Conception d’un site avec un des modèles.
  • Concevoir une page à partir d'un modèle en surchargeant le fichier CSS.
  • Utiliser des fichiers LESS avec un préprocesseur et un serveur Nodejs.


TP : Concevoir un site depuis un modèle Bootstrap.

 

Public 

Cette formation Bootstrap s’adresse aux développeurs front-end qui désirent concevoir des sites Web adaptatifs pour les utilisateurs d’appareils de bureau et mobiles avec Bootstrap.

Prérequis 

Une connaissance basique de HTML, CSS et JavaScript est recommandée. Vous devez notamment savoir:

  • Créer des documents dans un éditeur de texte
  • Écrire des styles CSS avec les elements class et id
  • Coder des fonctions JavaScript simples

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers des multiples exercices à réaliser (50 à 70% du temps).

Compétences du formateur

Notre formation est animée par un expert reconnu dans son domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.

Moyens pédagogiques et techniques

  • Ordinateur (PC / MAC), vidéoprojecteur, aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.

A l’issue de chaque stage ou séminaire, ESIC fournit aux participants :

  • Un questionnaire d’évaluation de la session
  • Une feuille d’émargement par demi-journée de présence
  • Une attestation de fin de formation

Dates :

Nous consulter.

( Sous réserve d’un effectif nécessaire pour l’ouverture de session )

Tarif : 1400€HT/personne.

Intra-entreprise et sur-mesure

Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.