- Référence : TRWE
- Durée : 2 jours (14h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
En intra
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
La notion de « Responsive Web Design » (RWD) est encore assez récente. Elle consiste à adapter le design d’un site web afin qu’il puisse être consulté indépendamment de la plateforme du client : ordinateur, tablette, navigateur mobile, etc. Cette approche peut être structurante pour un projet web car elle demande une réflexion en amont pour trouver les meilleurs axes d’adaptation.
Cette formation Responsive Web Design vous permettra de comprendre les enjeux associés au Responsive, tant d'un point de vue technique que de design. Vous apprendrez une méthodologie de mise en oeuvre et les bonnes pratiques pour créer ou adapter votre site en Responsive Design.
Objectif opérationnel :
Savoir créer ou adapter votre site en Responsive Design.
Objectifs pédagogiques :
À l'issue de cette formation Responsive Web Design vous aurez acquis les connaissances et compétences nécessaires pour :
Public :
Cette formation Responsive Web Design s'adresse aux développeurs front-end, aux Web designers, UX designers et aux chefs de projets web.
Prérequis :
Bonne connaissance de l'intégration Front End HMTL et CSS.
Comprendre les usages de navigation web selon le contexte, le moment de la journée
Activité séquentielle d’un device à l’autre
Statistiques par navigateurs et plateformes
Rapprochement mobile – desktop : un seul développement
La définition d’origine
Les grands principes
L’impact sur la gestion de projet
Les outils de conception
Les outils de test
Ressources essentielles
Parcours de quelques sites de nature différente pour visualiser les possibilités et pratiques du Responsive Web Design
Les grilles macro typographiques
Rythme vertical et rythme horizontal
Mise en page fixe / Mise en page liquide / Mise en page élastique
Unités CSS à utiliser
Techniques actuelles et futures de définition des grilles : float, flexbox, grid layout, etc
Les principaux frameworks de grilles responsives : Bootstrap, Foundation, etc.
Les Media Queries CSS3
Choisir les bons points de rupture
Unités CSS à utiliser
Exploiter les points de rupture en JavaScript
La stratégie Mobile First, la notion d'amélioration progressive
La notion de viewport
Le meta viewport
Valeurs pertinentes de viewport
Le cas particulier de iOS
Identifier les navigateurs ne comprenant pas les Media Queries
Leur « apprendre » à les comprendre avec Respond.js
Leur fournir une version adaptée sans JavaScript
L'impact sur le cycle projet : conception, design, intégration, tests
Pratiques courantes et pratique "idéale"
L'approche Atomic Design
Les textes : faut-il réécrire des contenus ?
Les images : adaptations aux largeurs fluides et densités d'écran varibales
Les vidéos
Les menus de navigation
Les tableaux de données
Les formulaires
Les publicités
L’approche côté serveur : RESS
L’approche côté client : le chargement conditionnel
Impact sur les contenus
Impact sur les images
Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Mon avis sur le contenu du stage :
"Supports de cours et liens intéressants,"
Mon avis sur le formateur :
"Très bon formateur à l'écoute des stagiaires, qui donne de nombreux exemples pertinents"
Mon avis sur la salle de formation :
"Bon accueil pour la logistique. Le prix des repas à 23€ en sus est toutefois trop élevé. "
Ce que j'ai le plus apprécié :
"Environnement agréable, notamment le livre qui est offert."
Ce que j'ai le moins apprécié :
"Le tableau numérique est assez un plus même s'il était mal calibré."
Mon avis sur le contenu du stage :
"Cours parfait, très clair et bien scénarisé."
Mon avis sur le formateur :
"Formateur très compétent et à l'écoute de ses stagiaires."
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB