Aller à la navigation Aller au contenu

Accueil Formations Responsive Web Design

Responsive Web Design

Adaptez une interface aux différentes tailles d'écrans avec le Responsive Web Design (RWD)

Cette formation RWD permet de maîtriser les techniques de développement et d’optimisation pour créer des sites Web conformes, compatibles et performants. Mobile first, amélioration progressive et autres points de méthodologies sont étudiés afin d’améliorer le workflow et la robustesse du code.

Pour chaque point abordé le formateur spécifie la solution la plus stable dans un contexte de mise en production. Les principaux outils, frameworks et librairies sont aussi étudiés et utilisés.

W3DevCampus

By W3C

En partenariat avec l'organisme de formation du W3C, le W3DevCampus.

Open Badge Responsive Web Design : En savoir plus

Valorisez votre maîtrise du Responsive Web Design avec un Open Badge du W3DevCampus by W3C.

Programme de la formation RWD - 2 jours

Jour 1

Développer un site en Responsive Web Design

  • Les bases du RWD
    • Introduction
      • Pourquoi,
      • AWD (Adaptive Web Design),
      • RWD (Responsive Web Design),
      • Ressources
    • Layout fluide
      • Target / context = %
    • Contenus flexibles
      • Images et vidéos
    • Media Queries
      • Media types,
      • Desktop first,
      • Mobile First
    • Viewport
    • Typographie
      • Unités de Mesures fixes et relatives
      • Outils : Google Fonts, Typekit
    • Le layout CSS
      • Float,
      • Display: table,
      • Display: inline-block,
    • Flexbox
    • Autres considérations
      • Touch target area,
      • Hover state,
      • Contraste,
      • Lisibilité
  • Gestion de projet RWD
    • Styleguide
    • Design

Jour 2

Maîtriser ses contenus dans un contexte RWD

  • RWD Patterns
    • Styles
    • Layout
      • Off-canvas
    • Navigation
    • Styles
    • Images / Vidéos
    • Retina
    • Tables / Charts (Data)
    • Formulaires
    • Modules
      • Carousel,
      • Tabs,
      • Accordéon
  • Email
    • Patterns
    • Campaign Monitor
  • Framework
    • Grilles sémantiques et non-sémantiques
      • Bootstrap,
      • Foundation,
      • Susy,
      • Lost
  • Testing
    • Outils
  • Le futur du RWD

À l’issue de cette formation, les participants seront capables de créer un site en Responsive Web Design. Ils maîtriseront le Viewport et Media Query, le layout, les images, la navigation, la typographie, les tableaux, les formulaires et la vidéo dans un contexte responsive. Ils connaitront les méthodes de conception adaptées et les techniques d'optimisation.

Chaque participant inscrit à une formation présentielle en inter ou intra-entreprise est aussi inscrit sur une Classroom en ligne du W3DevCampus (Moodle) et a ainsi accès :

S'inscrire

Prochaines inter-entreprises

de 9:00 à 12:30 et de 14:00 à 17:30

1 120 € HT 560€ HT par jour et par personne - TVA 20% Financement possible OPCA au titre du Plan de formation.

En savoir plus sur les conditions d'accueil.

Organiser une intra-entreprise

Contactez-nous pour organiser cette formation RWD dans vos locaux ou l'adapter aux spécificités de votre activité.

Public concerné

  • Développeur Web
  • Développeur frontend
  • Intégrateur
  • Webmaster
  • Designer
  • Chef de projet

Niveau intermédiaire

Connaissances requises

  • Notions de HTML et de CSS

Formateur

Nicolas Wielonsky
Nicolas est développeur front-end... Lire la suite

Rédacteurs

Matériel requis

  • Votre ordinateur et un navigateur moderne
  • Votre éditeur de code habituel, Sublime Text ou autre

Organisez une formation Responsive Web Design (RWD) en Intra-entreprise dans vos locaux

Nous adaptons ensemble le programme de formation RWD aux spécificités de votre activité ou à vos développements en cours

Echangeons sur votre projet de formation