Réf. RWDES   |   3 Jours certification Technologies WEB
cette formation Responsive Web Design (RWD) Vous permettra de :
formation Technologies WEB
Appréhender les tenants et aboutissants du Responsive Web Design (RWD),
Intégrer dans leur gestion de projet les implications du Responsive Web Design,
Mettre en œuvre les techniques de conception de sites web adaptatifs.

Pour aller plus loin, téléchargez la fiche de cette formation "Responsive Web Design (RWD)" formation Technologies WEB

Qu'est ce que le Responsive Web Design ? 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 très complète sur le Responsive Web Design vous permettra de comprendre les enjeux associés à cette méthode de travail en termes de techniques et de design, les bonnes pratiques de mise en oeuvre, et détaillera quelques stratégies de RWD en action.
formation Technologies WEB
Inclus ! Votre apprentissage avec CERTyou continue même après votre formation Responsive Web Design (RWD) avec le Coaching Après-Cours.

formation Technologies WEB
Etat des lieux
Usage de devices différents 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
Les alternatives pour le développement d’applications mobiles
Analyse de quelques sites
Observation de 3 sites de nature différente pour visualiser les possibilités du Responsive Web Design
Définition du Responsive Web Design
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
La mise en page
Les grilles macro typographiques
Rythme vertical et rythme horizontal
Mise en page fixe vs. liquide vs. élastique
Unités CSS à utiliser
Techniques actuelles et futures de définition des grilles
Les principaux frameworks de grilles responsives (Bootstrap, Foundation, Suit, etc.)
Travaux pratiques
Écrire deux feuilles de styles pour des mises en page linéaire et multi-colonnes du même contenu
Les points de rupture
Les Media Queries CSS3
Choisir les bons points de rupture
Unités CSS à utiliser
Exploiter les points de rupture en JavaScript
Mobile First
Définitions
La notion d’amélioration progressive
Option de recentrage sur les contenus
Méthodes de développement
Travaux pratiques
Fusionner les deux feuilles de styles précédentes avec un point de rupture
Le viewport
La notion de viewport
Le meta viewport
Valeurs
Implications sur Safari/iPhone
Travaux pratiques
Préciser le viewport pour optimiser l’affichage sur mobiles
Gérer les navigateurs obsolètes
Identifier les navigateurs ne comprenant pas les Media Queries
Leur « apprendre » à les comprendre avec Respond.js
Leur fournir une version adaptée sans JavaScript
Adapter les interfaces
Supprimer l’utilisation du survol
Faciliter le clic avec une visée moins précise
Adapter les contenus
Adapter les textes
Réécrire des contenus ?
Adapter les images
Images et largeurs fluides
Principe de l’affichage Retina
Images bitmap (gif, png, jpeg) et images vectorielles (svg, fontes)
Enregistrer ses images avec une définition optimale
Évolutions des standards : le point sur le travail du W3C
Solutions actuelles
Travaux pratiques
Intégrer des images bitmap de contenu et de décoration
Intégrer une image SVG
Utiliser une solution de chargement d’image adaptée au viewport
Adapter les menus de navigation
Problèmes particuliers à la navigation
Retour sur les stratégies courantes
Réflexion sur la déclinaison sur le cas pratique
Travaux pratiques
Rendre la navigation responsive
Adapter les tableaux de données
Présentation des principales techniques connues
Travaux pratiques
Intégrer des tableaux de données aux contenus
Adapter d’autres éléments courants
Les formulaires
Les vidéos
Les publicités
La performance
L’approche côté serveur : RESS
L’approche côté client : le chargement conditionnel
Travaux pratiques
Modulariser la page pour optimiser son chargement
Le référencement naturel (SEO)
Impact sur les contenus
Impact sur les images
Les e-mail
Les nouveaux enjeux de l’intégration CSS pour e-mail
  • Bonnes connaissances en HTML et CSS
Développeurs, Intégrateurs, Designers, Chefs de projet web.
Tous les Jours

• Formation de 9h00 (9h30 le premier jour) à 17h30
• Deux pauses de 15 min
• 1 heure de pause déjeuner

Dernier Jour

• Les horaires de fin de journée sont adaptés en fonction des horaires des trains ou avions des différents participants.

formateur CERTyou

coaching Après-COURS

Votre apprentissage avec CERTyou continue même après votre formation ! Pendant 30 jours, votre formateur sera disponible pour vous aider à appliquer vos connaissances nouvellement acquises, à surmonter les obstacles, et offre des conseils sur des applications spécifiques.
Le meilleur moment pour recevoir le Coaching Après-cours est lorsque le matériel de cours est encore frais dans votre esprit. CERTyou s'engage dans la réalisation de vos objectifs, c'est la raison pour laquelle vous avez jusqu'à 30 jours pour profiter de votre coaching.
formation Responsive Web Design (RWD)

VOTRE GARANTIE 100% SATISFACTION

Si vous estimez que CERTyou n'a pas su répondre à votre attente, vous serez invité sur une autre session de formation. Notre engagement 100% satisfaction vous garantit la plus grande qualité de formation.



promotion CERTyou

PROMOTION -40%

Profitez de promotions exceptionnelles. En effet, certaines formations CERTyou vous sont proposées avec des promotions allant jusqu'à -40% du tarif catalogue.

Et les certifications sont toujours comprises !

En savoir plus

Cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.

DEVIS GRATUIT ET SANS ENGAGEMENT

CLIQUEZ SUR UNE DE NOS DATES CI-DESSOUS

Organisez cette formation Responsive Web Design (RWD) avec CERTyou à la date de votre choix quelque soit le nombre de personnes avec un tarif à la journée maitrisé.
Vous décidez vous-mêmes des options, et des prestations de certification.
TARIFS, PROMOTIONS, INSCRIPTIONS, CPF,
CONTACTEZ NOS EXPERTS FORMATION 24h/24 7j/7

01 42 93 52 72

ou Ecrivez-leur ici
A savoir ! Réaliser cette formation Responsive Web Design (RWD) en INTRA-ENTREPRISE (c'est à dire dans votre entreprise) est avantageuse dès 3 ou 4 participants suivant les options.

Contactez nos experts formation au 01 42 93 52 72 ou cliquez ici pour réaliser un devis personalisé.

inclus dans votre formation

votre garantie 100% satisfaction

formation PMPSi vous estimez que CERTyou n'a pas su répondre à votre attente, vous serez invité sur une autre session de formation. Notre engagement 100% satisfaction vous garantit la plus grande qualité de formation.

examenS compris dans le tarif

formation PMIPour toutes nos Formations CERTIFIANTES, nous incluons les examens de certification : ils sont clairement indiqués dans votre devis. Pack
Comparez bien les offres de formation du marché ! Notre offre est la plus complète.

COACHING APRÈS-COURS

formateur PMIVotre formation CERTyou continue même après votre formation ! Votre formateur sera disponible pour vous aider à appliquer vos connaissances nouvellement acquises, à surmonter les obstacles, et offre des conseils sur des applications spécifiques. CERTyou s'engage dans la réalisation de vos objectifs, c'est la raison pour laquelle vous avez jusqu'à 30 jours pour profiter de votre coaching.

FINANCER CETTE FORMATION

Nos Experts Formation peuvent vous aider à mettre en place tous les modes de financement pour nos formations :

CPF (DIF) ACTION COLLECTIVE PERIODE DE PROFESSIONALISATION OPCA CIF PLAN DE FORMATION AIDE INDIVIDUELLE A LA FORMATION (AIF)

En savoir plus sur les Financement Formation

CONTACTEZ VOTRE EXPERT FORMATION

  • 24h/24 7j/7 au 01 42 93 52 72
  • Ecrivez nous
  • Sur les reseaux sociaux :
Haut de Page