Formation Responsive Design
Cette formation a pour objectif de vous faire connaître les diverses technologies permettant d’adapter un design existant sur un périphérique nomade sans en dégrader la qualité. Elle vous permettra également d’optimiser vos applications, les performances ainsi que les délais d’affichage.
Proposé par
Sparks
Objectifs pédagogiques
- Maîtriser le Responsive Design
- Connaître les fondamentaux du RD
- Gérer le CSS et les médias Queries
- Comprendre les enjeux et les contraintes du RD
- Optimiser les performances
Programme de la formation
Introduction
Définition du concept « Responsive Design »
Rappel des fondamentaux du web mobile
Les caractéristiques du web mobile et des différents terminaux
L’environnement design et l’ergonomie
Etat des lieux du Responsive Design
Répartition et usage des terminaux mobiles selon la cible et le contexte
Navigateurs haut de gamme, bas de gamme quelles différences ? Quelles caractéristiques ?
Etude de sites références pour expérimenter les possibilités du Responsive Web Design
Responsive Design : fondamentaux
Grands principes et enjeux
L’impact du Responsive Design sur la gestion de projet
Présentation des outils de conception
CSS3 et les médias Queries
Application au Responsive Design
Savoir placer les points de rupture de manière cohérente
Quelles unités CSS utiliser selon le contexte ?
Point de rupture en Java Script, comment les exploiter ?
Enjeux et contraintes
Adaptation des interfaces : gérer les contraintes du support mobile
Comment optimiser les menus de navigation ?
Gestion des contenus : réécriture des textes ou simple adaptation ?
Adaptation des visuels et éléments courants : règles de bonnes pratiques
Découvrir la notion de Mobil First
Optimisation de la performance
Connaitre les bonnes pratiques : point sur le travail du W3C
Le web mobile (HTLM 5, CSS, JavaScript …)
Adaptation du Viewport
Optimisation des requêtes
Usage de la minification
Technologies avancées RWD
Aller plus loin …
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
