INTÉRESSÉ(E) PAR LA FORMATION Responsive Web Design ?
Remplissez le formulaire ci-dessous pour recevoir une documentation détaillée.
Développement Web / Informatique
Formation Responsive Web Design
Créer des interfaces Web adaptables à tout format d'écrans
Vous souhaitez adapter votre site web aux différents types de terminaux digitaux sans avoir recours à plusieurs ressources ?
Cette formation vous permettra de maîtriser les bonnes pratiques de conception ergonomique liées au Responsive Web Design et d'adapter votre site pour le web mobile !
L’essor incroyable du web mobile et le nombre croissant de terminaux permettant de se connecter à Internet ont bouleversé les comportements des internautes. Il devient donc crucial pour les entreprises de réfléchir à l’optimisation de leur site web pour qu’il s’adapte aux différentes résolutions d’écran (ordinateur, mobile, tablette, télévision connectée) afin d’offrir aux visiteurs l’expérience utilisateurla plus confortable et ergonomique possible.
Mais qu’est-ce que le Responsive Web Design concrètement ? Quels en sont les avantages ? Comment concevoir un site responsive ? Autant de questions qui trouveront leurs réponses approfondies lors de notre formation Responsive Web Design.
Le saviez-vous ?
37,4 millions de Français naviguent chaque jour sur le web avec leur smartphone !
Pourquoi réaliser une Formation Responsive Web Design ?
Désormais incontournable, le responsive design permet de concevoir un site unique compatible quel que soit le support emprunté, évitant ainsi le développement de plusieurs versions d'un site web ou d'applications natives. Les avantages sont nombreux : un temps de maintenance réduit, un contenu unique, une URL unique, une seule expérience utilisateur, et enfin, des coûts de développement moins élevés. Toutefois, le responsive design impose des contraintes techniques lourdes et implique de revoir en profondeur les rôles et expertises de l’équipe projet.
Ajoutez la corde de la création et de l’intégration graphique à votre arc de compétences webmarketing en vous formant à l'adaptative web design ! Des connaissances en design adaptatif, css responsive et webdesign vous permettront d’optimiser et de rendre plus percutante votre communication numérique sur tous les types d’écrans et de supports digitaux.
Cette formation a pour objectif de vous donner les clés pour appréhender les enjeux du Responsive Web Design, en termes de techniques, de design, et de bonnes pratiques à mettre en œuvre. N'attendez plus pour monter en compétences !
Objectifs de la formation Responsive Web Design
Appréhender les enjeux du Responsive Web Design
Mettre en œuvre les techniques de conception de sites web responsive
Maîtriser les contraintes ergonomiques et graphiques liées au RWD
Optimiser les performances d’un site responsive
Pour qui ?
Cette formation s'adresse entre autre aux Webmasters, Webdesigners, Chefs de projets web, Chefs de produits, Responsables communication, Responsables Web Marketing, Infographistes ou a tout professionnel souhaitant acquérir les bonnes pratiques du Responsive Web Design.
Programme
1. Panorama du web mobile
Les chiffres clés du marché mobile
Lexique : périphériques, OS, navigateurs
Les usages
L’approche contenu / contenant
Les standards actuels (HTML5, CSS3)
Les différents types de terminaux
Différence entre résolution et taille d’affichage
2. Définitions du Responsive Web Design
Définition du Responsive Web Design
Les impacts sur le web design classique
Interface Utilisateur (UI) et Expérience Utilisateur (UX)
Rapprochement mobile-desktop : vers un seul développement ?
Les contraintes ergonomiques et fonctionnelles
3. Les principes fondamentaux du Responsive Web Design
La notion de points de rupture
- Définition
- Où se situent les points de rupture ?
La notion de Mobile First
- Définition
- « Progressive enhancement »
- Les méthodes de développement
Optimiser la performance de chargement
Requêtes et chargements superflus
Bande passante et bonnes pratiques
4. Créer une grille d’affichage flexible
Grille fixe en pixels vs grille flexible en pourcentage
Les unités de mesure fluides (% et em)
La formule cible / contexte = résultat
L’approche contenu/contenant
Box, layout avec CSS3
5. Utiliser des médias flexibles
Rendre les images flexibles : images de fond / adaptation HTML5
Optimisation des médias
Créer des vidéos adaptatives
Avoir des menus adaptatifs
Avoir des tableaux et des formulaires flexibles
Comment régler le problème de reconnaissance par les anciens navigateurs (polyfill, reset, …)
6. Appliquer des Media Queries
Différence entre viewport et screen
Le principe des media queries
Gérer les règles conditionnelles (orientation, device-width…)
Javascript et les anciens navigateurs
Application aux navigateurs mobiles
Cibler la résolution rétina
7. Javascript pour le Responsive Web Design
Tester les media queries
Tester le viewport
Tester le navigateur
Modification dynamique des contenus
Redirection par Javascript
8. Les frameworks Responsive Web Design
Avantages et inconvénients d’un framework RWD
État des lieux des frameworks existants : Bootstrap, Foundation, 960 grid…
Zoom sur Bootstrap
9. Tester son site responsive
Tester son site responsive sur tous les terminaux
Les émulateurs
Les solutions en ligne
Exemple d’un site responsive testé en temps réel
Prérequis
Pour réussir ce module, nous vous recommandons de suivre en amont le module : JavaScript, PHP.
Modalités et délais d'accès
Dates d'entrée en formation :
Les dates d’entrée en formation sont ouvertes tout au long de l’année
Durée :
Chaque module de formation fera l'objet d'une ouverture des accès à la plateforme d'apprentissage pour 1 mois en fonction du rythme hebdomadaire fixé
Tarifs :
Cette formation est proposée au tarif de base de 900 euros.
En fonction de votre profil, elle est 100% finançable et peut ainsi être accessible pour 0€ de reste à charge.
Une solution de financement adaptée à votre profil vous sera proposée par un de nos conseillers en formation.
Matériel :
Pour participer à cette formation, vous devez disposer d’un ordinateur et d’une connexion Internet (un casque audio est également recommandé)
Cette formation peut-être accessible aux participants en situation de handicap, votre
conseiller en formation vous accompagnera sur l’élaboration de votre projet.
Financer sa formation en Développement Web / Informatique
Plusieurs dispositifs de financement sont possibles en fonction de votre statut professionnel et peuvent financer jusqu’à 100% votre formation.
Cette formation s'inscrit dans le cadre du cycle long de formation diplômante Web Designer / UX Designer. Ce Titre certifié de niveau 6 reconnu par l'État vous donne les clés pour réaliser des outils de communication numérique, et d’en élaborer le design graphique, tout en participant à la gestion et au suivi des projets.
Lydie A. Responsable service communication AMELLIS
“Discours qui va à l’essentiel.”
Laetitia G. Graphiste intégrateur SNEF
“Formateur très professionnel.”
Aubert A. Infographiste Eurothemix
“Une formation claire, précise et efficace !”
Jérôme M. Webmaster Ministère De La Défense
“La formation est véritablement intéressante.”
Julien H. Chef de produit Marketing Europe EBSCO
“Un formation passionnante animée par un formateur passionné.”
Mickaël L. Chef de produit Izeos
“Formation très qualitative.”
Les avantages VISIPLUS academy
Une plateforme digital learning dédiée
Fidèles à notre conviction que la transformation digitale est aujourd’hui incontournable,
vous pouvez suivre l’intégralité de nos formations et cycles diplômants au format
e-learning.
Grâce à notre plateforme dédiée, vous suivez vos modules de formation depuis un appareil
connecté où que vous soyez et à votre propre rythme, tout en bénéficiant du suivi
individualisé de nos équipes.
Un suivi personnalisé
Conseillers formation, coordinateurs pédagogiques, formateurs, mentors individuels,
responsable de programme… nous mettons à votre disposition tous nos experts afin de vous
accompagner dans votre projet de formation ! De l’élaboration de votre dossier de
financement à la remise de votre certificat, en passant par le suivi de votre formation,
l’équipe VISIPLUS academy est là pour vous à chaque étape de votre parcours.
Le soutien de toute une communauté
Se former à distance oui, mais auprès de toute une communauté ! Echangez au quotidien
avec vos pairs, mais aussi avec vos formateurs et toute notre équipe pédagogique.
Questions, partage de connaissances, tips à échanger…la communauté VISIPLUS academy
n’est toujours qu’à un clic pour partager !
Votre employabilité renforcée
L’ensemble de nos formations sont conçues spécifiquement pour des professionnels, par des
professionnels experts dans leur domaine. Notre objectif, vous proposer des formations
en phase avec le monde du travail d’aujourd’hui et de demain, afin de vous faire monter
en compétences sur des sujets porteurs qui feront de vous un profil recherché sur le
marché de l’emploi.
Un réseau d’Alumni pour échanger
Notre cercle Alumni de plus de 20 000 diplômés vous permettra d’élargir votre réseau
professionnel, de networker, d’échanger avec d’anciens diplômés mais aussi avec des
participants qui suivent la même formation que vous. Rejoignez la communauté d’Alumni
VISIPLUS academy, et développez votre réseau professionnel !
Ces formations pourraient également vous intéresser