> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Bootstrap, développer des interfaces Web responsives > Formations > Technologies numériques > Formation Bootstrap, développer des interfaces Web responsives

Bootstrap, développer des interfaces Web responsives

Bootstrap, développer des interfaces Web responsives

Télécharger au format pdf Partager cette formation par e-mail 2

Télécharger au format pdf Partager cette formation par e-mail 2

Ce cours en ligne a pour objectifs de vous permettre de comprendre les enjeux du responsive et d'apprendre à développer rapidement et facilement un site web responsive à l'aide du framework Bootstrap (en version 3 au moment du tournage). Il s'adresse aux développeurs, aux chefs de projet Web et aux responsables marketing ayant quelques connaissances sur Bootstrap et des notions en CSS. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.


Catalogue
Sur mesure

Formation en ligne

Réf. 4TM
  7h00
Prix : 95 € H.T.
Langue : FR




Ce cours en ligne a pour objectifs de vous permettre de comprendre les enjeux du responsive et d'apprendre à développer rapidement et facilement un site web responsive à l'aide du framework Bootstrap (en version 3 au moment du tournage). Il s'adresse aux développeurs, aux chefs de projet Web et aux responsables marketing ayant quelques connaissances sur Bootstrap et des notions en CSS. La pédagogie s'appuie sur un auto-apprentissage séquencé par actions de l’utilisateur sur l’environnement à maîtriser. Une option de tutorat vient renforcer l'apprentissage.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Comprendre l'importance du développement d'interfaces web responsives
  • Installer Bootstrap et faire ses premiers pas
  • Développer un site web responsive
  • Disposer des blocs de contenus responsives
  • Manipuler les Media Queries
  • Créer des menus et adapter les images
  • Créer une interface responsive

Public concerné
Développeurs, aux chefs de projet Web et aux responsables marketing.

Prérequis
Quelques connaissances sur Bootstrap et des notions en CSS

Programme de la formation

Pourquoi est-il incontournable de développer des interfaces web responsives ?

  • Quelques statistiques à partir d'un site réel
  • Etude de cas

Bootstrap : le framework CSS du web responsive

  • Présentation du framework mobile first
  • Installation de Bootstrap
  • Premiers pas avec Bootstrap

Disposer des blocs de contenus responsives

  • Concept de grille
  • Créer une grille qui s'adapte à la taille de l'écran
  • Afficher et cacher des blocs en fonction de la taille de l'écran
  • Mise en pratique

Manipuler les Media Queries

  • Media Queries : définition du concept
  • Mise en pratique : Manipulation des polices en utilisant les media queries.

Créer des menus et adapter les images

  • Création d'un menu basique
  • Principe d'affichage d'une image responsive

Créer une interface responsive : exercice de synthèse

  • Présentation de l'objectif
  • Construction de l'en-tête
  • Création du menu
  • Disposition du bloc image
  • Insertion du témoignage


Modalités pratiques
Activités digitales
Démonstrations, cours enregistrés, partages de bonnes pratiques, quiz, fiches de synthèse.
Tutorat
Un formateur dédié accompagne l’apprenant dès le début de sa formation. Il corrige ses exercices et répond à ses questions par e-mail. Il anime une classe à distance sur mesure planifiée par l’apprenant durant la formation. Un forum de discussion permet aussi d’échanger et de partager entre les apprenants sur leurs pratiques. Un chef de projet coordonne les échanges.
Pédagogie et pratique;
Une évaluation tout au long de la formation grâce à une pédagogie active mixant théorie, exercice, partage de pratique et gamification. Un service technique est dédié au support de l’apprenant. La formation est diffusée au format SCORM (1.2) et accessible en illimité pendant 1 an.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétence acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.