Responsive Web Design
Formation créée le 09/04/2021. Dernière mise à jour le 26/03/2024.
Version du programme : 2
Programme de la formation
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
- Développeur
- Intégrateur HTML
- Web Designer
- 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
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.
- 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.
- 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