INTÉRESSÉ(E) PAR LA FORMATION Responsive Web Design ?

Remplissez le formulaire ci-dessous pour recevoir une documentation détaillée.

ou nous contacter au 01.86.95.27.81

En cliquant ci-dessus sur recevoir une documentation, vous acceptez nos conditions générales d'utilisation et notre politique de confidentialité.

Formation Responsive Web Design
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 !

300 formations
300 formations
22 000 participants
22 000 participants
accompagnement pédagogique personnalisé
Accompagnement pédagogique personnalisé
22 Ans d'expérience
22 ans d'expérience

Présentation de la formation

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 lexpérience utilisateur la 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.
 

Information
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

Modalités de positionnement

Entretien obligatoire avec un conseiller formation (étude du profil et du projet du participant)
Dates d'entrée en formation

Les dates d’entrée en formation sont ouvertes tout au long de l’année
Durée

La durée estimée du cycle de formation est de 1 mois.
Cette durée est une moyenne estimée pour la réalisation de la formation et pourra être modifiée en fonction du profil de chaque participant.
Suivi pédagogique

Formation 100% en ligne grâce à une plateforme digital Learning dédiée. Chaque apprenant est suivi individuellement de façon synchrone et asynchrone par toute une équipe pédagogique pour assurer aux apprenants une expérience d’apprentissage optimale.
Evaluations

  • QCM d’évaluation des connaissances
  • Exercice de mise en pratique professionnelle
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é)
Accueil des PSH

VISIPLUS est en mesure d’accompagner les participants en situation de handicap. Afin de pouvoir étudier votre situation et d’évoquer l’adéquation de notre formation à votre profil et les éventuelles adaptations possibles, prenez contact avec notre équipe de conseillers en formation. Vous pouvez par ailleurs télécharger notre livret d’accueil des apprenants en situation de handicap via ce lien.

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.

Pour plus de renseignements, nous vous invitons à consulter notre guide du financement et à contacter nos conseillers pour vous accompagner pas à pas dans vos démarches.

Cycle de formation associé

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. 

Il débouche sur les postes suivants : 
 

Commentaires clients

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

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é

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é

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

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

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 !

Intéressé(e) par la formation

Responsive Web Design ?

Je suis un particulier

Je souhaite monter en compétences et réaliser une formation.

Je suis une entreprise

Je souhaite former un ou plusieurs de mes collaborateurs.

Formation Responsive Web Design

Intéressé(e) par la formation Responsive Web Design ?