Responsive Web Design

Formation créée le 09/04/2021. Dernière mise à jour le 26/03/2024.
Version du programme : 2
Taux de satisfaction des apprenants
8,5/10 (2 avis)

Type de formation

Formation mixte

Durée de formation

14 heures (2 jours)

Accessibilité

Oui
€ Net de TVA
S'inscrire
€ Net de TVA
S'inscrire
€ Net de TVA
S'inscrire

Responsive Web Design


Le Responsive Web Design est un ensemble de méthodes et techniques permettant d'adapter un site web à tous les types de terminaux. Ainsi, qu'il soit consulté sur ordinateur, tablette ou mobile.

Objectifs de la formation

  • Connaitre les spécificités du Responsive web design.
  • Maîtriser les techniques d'adaptation des contenus à différentes résolutions.
  • Être en mesure d'optimiser les performances d'affichage.
  • Connaître les bonnes pratiques en terme de conception Responsive Web Design.

Profil des bénéficiaires

Pour qui
  • Développeur
  • Intégrateur HTML
  • Web Designer
Prérequis
  • Bonnes connaissances xHTML/CSS

Contenu de la formation

TOUR D'HORIZON
  • Le monde de la mobilité
  • Les usages en mobilité
  • Qu'est-ce que le responsive design
  • Les standards du web
UNE PROCÉDURE À SUIVRE
  • Une conception Mobile First
  • Problématiques d'affichage
  • Prendre en compte l'orientation et le tactile
  • Les outils de conception
  • Les plans et outils de tests
MEDIA QUERIES
  • Comment adapter le CSS fonction du terminal
  • Les opérateurs logiques CSS
  • Les critères à utiliser pour mobiles (width, device-width, orientation, etc.)
  • La compatibilité navigateurs des media queries
  • Risques et limites des media queries
GRILLES FLEXIBLES ET/OU FLUIDES
  • Quelles différences avec un positionnement classique
  • Les blocs
  • Les problèmes de débordements de contenus ou de médias
  • Les points de rupture
  • Gérer les écrans Retina
  • Présentation des Framework de grilles responsives (Boostrap, Foundation, etc.)
OPTIMISATION ET PERFORMANCE
  • Outils de mesure
  • Rapidité, importance majeure pour Google
  • Optimisation des CSS, des fichiers JavaScript
  • La minification (minify.js)
  • Les images
  • Les sprites CSS
  • Côté serveur, bonnes pratiques

Équipe pédagogique

Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

Suivi de l'exécution et évaluation des résultats

  • En amont de la formation : entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
  • L’évaluation des compétences est réalisée : - Par des exercices pratiques et/ou mises en situation, tout au long de la formation - Par un exercice de synthèse et/ou un questionnaire d’auto-évaluation et/ou une certification, en fin de formation
  • Feuille de présence émargée par demi-journée par les stagiaires et le formateur
  • Formulaires d'évaluation de la formation à chaud et à froid (3mois après la session)
  • Certificat de réalisation
  • Attestation de fin de formation avec relevé des compétences acquises.

Ressources techniques et pédagogiques

  • Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
  • Questions/réponses entre les stagiaires et le formateur
  • En présentiel : ordinateurs Mac ou PC, connexion internet, tableau blanc/paperboard, vidéoprojecteur, partage de documents
  • A distance : logiciel de visio-conférence, partage d’écran formateur et stagiaire, partage de documents

Qualité et satisfaction

Taux de satisfaction des apprenants
8,5/10 (2 avis)

Délai d'accès

2 semaines

Accessibilité

Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.