Apprendre à développer en Responsive Design

formation responsive designLe Design Fluide ou Responsive Design permet de concevoir un seul et unique site Internet dont le contenu viendra automatiquement s’adapter à la taille de l’écran sur lequel il est consulté (écran d’ordinateur de bureau, ordinateur portable, tablette ou Smartphone). La formation Responsive Design vous permettra de bien prendre en compte les mécanismes et les bonnes pratiques. Pour des développeurs HTML/CSS expérimentés.

Présentation de la formation Responsive Design

Cette formation vous fera découvrir le développement web en Responsive Design et ainsi améliorer la vie de vos utilisateurs web.

Des exercices pratiques seront réalisés tout au long de la formation et aborderont toutes les bonnes pratiques pour devenir autonome dans la réalisation de sites compatibles avec tous les types d’écran.

Objectifs de la Formation Responsive Design

  • Apprendre à développer en Responsive Design
  • Connaître les bonnes pratiques et devenir autonome dans la réalisation de sites

Connaissances requises

  • Bonnes connaissances en développement web langages HTML5 CSS3.
  • Des bases en Ajax sont un plus.

Public concerné

Graphiste, webdesigner, développeur web, chef de projet informatique.

Plan de la Formation

1 – Etat des lieux du Web Mobile

2 – Rappels sur HTML5

  • Allègement du code
  • Les nouvelles balises sémantiques
  • Les nouveaux attributs pour les formulaires
  • Technologies liées à HTML5
  • Pour bien démarrer un projet HTML5

3 – Présentation du Responsive Web

  • Définition du Responsive Web Design
  • Rapprochement mobile – desktop
  • Tailles d’écran
  • Résolution d’écran critique
  • Mode portrait et paysage

4 – Les unités d’affichage

  • Les unités pixel, em et % : pour quel usage ?
  • L’unité px
  • La typographie et les unités relatives
  • Les limites de l’unité em
  • L’unité rem
  • Les unités relatives au viewport

5 – Travaux pratiques

6 – Un contenu fluide

  • Gérer les débordements de contenus et de médias

7 – Les tailles standards d’un mobile

8 – Travaux pratiques

9 – Comment tester sur mobile

  • Les émulateurs
  • Les installations officielles
  • Les tests réels

10 – Adapter le design : les CSS3 Media Quieries

  • Les astuces indispensables
  • Exploiter les médias en CSS
  • Ajouter des conditions avec Media Quieries
  • Les critères pour cibler les mobiles
  • Compatibilité des Media Queries

11 – Travaux pratiques

  • Mise en page : Elastique Vs. Liquide Vs. Fixe
  • Mise en page : Fixe
  • Mise en page : Liquide (ou Fluide)
  • Mise en page : Elastique

14 – Performances et Web mobile

  • Généralités
  • Utiliser les principes de minification
  • Compresser les images et les sprites
  • Bonnes pratiques
  • Testez vos performances mobiles

15 – Travaux pratiques

16 – Les images en Responsive Web Design

  • Rappels
  • La balise <picture>
  • Les problèmes des densités de pixels
  • Cibler par densité de pixels

18 – Le Responsive Web Design dans les emails

17 – Travaux pratiques

Formation sur mesure

Vous souhaitez une formation personnalisée en phase avec votre activité ou équipe ? Contactez nous pour définir une formation/atelier sur mesure

Prochaines sessions

Sessions sur Montpellier | Déplacement possible sur demande.

Demander une formation Responsive Design

Infos et prix

Formation inter entreprises
Durée : 2 jours – 14h (2x7h)
Prix : 1 000 €HT (2×500 €HT)
Nous consulter pour le tarif intra entreprises

Lexik est centre de formation agréé.
Cette formation est éligible à une prise en charge par votre OPCA.

Une question ?

Tél. : 04 67 99 63 19

Email : formation@lexik.fr

Les avis des participants

Laurette G.

« Le contenu pédagogique de cette formation responsive web était en parfaite adéquation avec nos besoins. »

Fanny V.

« J’ai beaucoup apprécié la clarté du contenu ainsi que la disponibilité et l’écoute du formateur. »