Responsive Web Design
Objectifs
- 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
Programme
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
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Développement web – Frontend
