Formation responsive design, créer des interfaces web adaptables.

• Concevoir et développer des interfaces Web pour tous types de terminaux
• Adopter une approche de conception ergonomique Mobile First
• Découvrir les composants graphiques, les frameworks et les librairies Responsives
• Optimiser les performances d'affichage des pages sur mobiles et ordinateurs

• Connaissances de base en HTML et CSS.

Les terminaux

• Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution. Périphériques, OS, navigateurs.
• Le marché mobile et parts de marché.
• Standards HTML, HTML5, CSS3 (API, sélecteurs...).

Démarche de conception

• Concept de Marcotte, Mobile First.
• Séparation contenu/contenant.
• Approche portrait/paysage, tactile, impact sur l'ergonomie.
• Créer un plan de tests.
• Différence entre design Web et design Mobile.

MediaQueries

• Adaptation des CSS aux caractéristiques du terminal.
• Règles conditionnelles (orientation, device-width...).
• JavaScript et les anciens navigateurs.
• Réglage complémentaire de rendu visuel (Viewport).

Principe de grille flexible, fluide

• Conception classique versus conception selon une grille.
• Importance des blocs, approche contenu/contenant.
• Unités de mesure (% em px), mode Retina.
• Eviter les débordements. Points de rupture.
• Principe des box, layout avec CSS3.

Composants graphiques

• Images flexibles : images de fond, adaptation HTML5, adaptation de la qualité graphique selon le terminal.
• Contenu responsive : rupture texte, multicolonnes. Césure et découpe.
• Polices fluides : format des polices, taille.
• Marges et espaces flexibles.
• Menus adaptables, carrousel adaptatif.
• Création de layout avec flexbox (organisation des éléments en fonction d'une grille).
• Créer des images et des vidéos adaptées.

Framework et librairies responsive

• Détecter les ressources avec "Modernizr".
• Librairies de substitution (less, css3pie...).
• Frameworks CSS 960 grid, HTML5 BoilerPlate, Bootstrap, Foundation, Skeleton, 320...

Optimisation et performance

• Mesurer la performance de chargement, optimisation de bande passante. Répartition Client/Serveur.
• Optimisation des ressources graphiques.
• Gestion du cache.

Développeurs, designers, chefs de projets et Webmasters.

• Le délai d'accès moyent pour cette formation est de 2 Semaines
• Merci d’utiliser le formulaire de contact ou nous joindre par téléphone ou mail pour l’organisation de votre formation.

• Accueil des apprenants dans une salle dédiée à la formation.
• Documents supports de formation projetés.
• Exposés théoriques
• Etude de cas concrets
• Quiz en salle
• Mise à disposition en ligne de documents supports à la suite de la formation.

• Feuilles de présence.
• Questions orales ou écrites (QCM).
• Mises en situation.
• Formulaires d'évaluation de la formation.
• Certificat de réalisation de l’action de formation.

Pour suivre cette formation à distance vous aurez besoin

• D'un Mac ou d'un PC
• Une Connexion internet stable
• Un Navigateur Web récent
• De Teams ou de Zoom
• Du logiciel enseigné ou à utiliser installé
  
  

Dans nos locaux nous mettrons à votre disposition tout le nécessaire.

Dans vos locaux nous conviendrons du nécessaire à mettre en place pour le bon déroulé de cette formation.

Suivi et accompagnement pédagogique :

Notre équipe pédagogique sera à vos côtés tout au long de votre parcours pour assurer le suivi de l'exécution et l'évaluation de la formation.

Entretien préalable :

Avant le début de la formation, notre conseiller en formation organise un entretien avec vous afin de cerner précisément vos attentes et vos objectifs.

Horaires et rythme :

Les horaires et le rythme de la formation sont adaptables à vos disponibilités, ou peuvent être fixés en accord avec notre équipe pédagogique.

Exercices pratiques et mises en situation :

Si nécessaire, la formation inclut des exercices pratiques et/ou des mises en situation pour renforcer l'apprentissage.

Supports et attestation de formation :

À l'issue de la formation, vous aurez accès en ligne à des documents et supports pédagogiques. Un certificat de réalisation de la formation vous sera également remis.

Évaluation et satisfaction :

Nous vous inviterons à remplir un questionnaire de satisfaction à chaud, en fin de formation, et un autre à froid, trois mois après la formation. Pour certaines formations, vous recevrez également un questionnaire d'auto-évaluation en fin de formation et, le cas échéant, pourrez passer une certification (en conditions d'examen ou en télésurveillance post-formation).

Accès à la plateforme de certification :

Pour les formations certifiantes, un accès à la plateforme de certification sera mis à votre disposition.