Accueil / Formations / Formation Responsive Web Design

Formation Responsive Web Design

Avec la démocratisation des tablettes et des smartphones, la conception de sites ou d'applications web doit être adaptée pour répondre à cette évolution. Comment obtenir un rendu ergonomique sur les différents supports, comment gérer leurs contraintes, est-ce que le responsive correspond à mes besoins ? C'est à ces questions que nous allons essayer de répondre.

Objectifs

  • Comprendre les principes du Responsive-design
  • Être capable de définir les besoins responsive d'un projet
  • Pouvoir échanger avec le reste des intervenants projets sur le responsive
  • Connaître et utiliser les outils responsive

Programme

  1. Introduction

    • Histoire et rappel des évolutions majeures
    • Les différents terminaux
    • Responsive vs site dédié
    • Standards de conception
    • Organisation responsive et contenu responsive
  2. Le système de grille

    • La grille, héritage du print
    • Les avantages et les limites
    • Comment penser son design en fonction d'une grille
    • Grille manuelle ou via des frameworks ?
  3. Frameworks

    • Avec UI :
      • Twitterbootstrap
      • Foundation
    • Sans UI :
      • Pure
      • 960
      • Gridpak
      • responsivegridsystem
  4. Le contenu responsive

    • Les images multi-sources
    • Impact sur le référencement
  5. Quid des performances

    • Comment mesurer le temps d'affichage
    • La gestion du cache
  6. Les tests

Sessions (Toulouse, Nantes, Paris)

  • du 05 au 06 oct.
    Toulouse, Nantes, Paris

Nous contacter

Public

  • Designers
  • Intégrateurs graphique
  • Webmasters
  • Développeurs

Pré-requis

  • Connaissances de base du HTML et CSS
  • Connaissances de base du JavaScript

Durée

2 jour(s) soit 14 heures

Prix

1000 € par personne

Moyens pédagogiques et techniques

  • les supports de cours (slides) seront disponibles en ligne et distribués en début de formation (à l'aide d'un lien vers notre outil interne ou d'une version numérisée), puis fournis au format électronique à la fin de la formation

  • une salle de formation équipée d'une connexion Internet, d'un vidéoprojecteur, paperboard...

  • un ordinateur par stagiaire avec un système d'exploitation installé et les outils nécessaires

Modalités de suivi de l'exécution du programme

  • durant la formation : alternance d'apports théoriques et d’exercices pratiques (80% du cours est orienté sur la pratique) et de mise en situation sous forme de travaux pratiques corrigés avec l’expert-formateur

  • en fin de formation : évaluation à chaud sur l'atteinte des objectifs pédagogiques sous forme de tour de table et de test de connaissances, d'exercices, de QCM

Moyens d'encadrement

  • Formation assurée par un expert front-end connaissant plusieurs frameworks JavaScript