Formation Responsive Design
Les techniques permettant d'adapter son site pour une visualisation sur toutes tailles d'écrans.
- savoir rendre un site flexible, visualisable sur toutes tailles d'écrans : être en mesure de faire des mise en pages en pourcentages, d'utiliser les médiaqueries, d'utiliser à bon escient les polyfill et les plugin jQuery utiles au responsive design.
Avec la multiplication des terminaux, le bon affichage d'un site quel que soit le contexte de navigation (ordinateur, téléphone, tablette) est désormais au coeur des préoccupations des développeurs web.
Le Responsive Webdesign (Webdesign Adaptif) décrit le jeu de techniques permettant d'assurer une bonne ergonomie multi-supports. Cette formation aborde de façon pratique ce thème plus que jamais d'actualité pour les créateurs web.
Programme
1 - Etat des lieux
- la multiplication des terminaux
- quelques chiffres sur le marché mobile aujourd'hui
- les problèmes pour le développement mobile
2 - Introduction au responsive design
- reponsive design : définition
- technologies utiles
- évolution des techniques
- mobile first
- graceful degradation
- étapes pour réaliser un site flexible
3 - Rendre la structure flexible
- concevoir son site
- bonnes pratiques pour la maquette
- l'utilisation d'une grille CSS
- intégrer la maquette en tirant parti d'HTML5
- structure flexible : bien gérer les largeurs
- compatibilite du site
4 - Réorganiser le site avec les mediaqueries
- viewport
- mediaqueries
- points de bascule types
- résolutions
- fonctionnalités
- compatibilité des mediaqueries
- mediaqueries en javascript
5 - Rendre les contenus flexibles
- images fluides
- videos fluides
- menus fluides
- polices fluides
- formulaires fluides
- tableaux fluides
6 - Outils utiles, et optimisation du site
- autres stratégies
- présentation de iUI
- détecter un mobile
- frameworks CSS
- détecter les ressources avec Modernizr
- vérifier le temps de chargement
- sources de veille technologique
2 jours (14h)
en groupe,
en présentiel ou en distanciel
1000€ TTC
ref. RESPONSIVE
Participants
Toute personne souhaitant s'initier au responsive design afin de rendre leurs sites adaptifs.
Prérequis
Connaissances en HTML / CSS. Des connaissances Javascript sont un plus.
Modalités d'inscription
Dates
sur demande (réponse sous 2j)
Lieu
à distance
Alexandre Beaugrand
Développeur, formateur, et gérant de Tech Me Up, Alexandre assure depuis 13 ans de nombreuses formations à divers langages du développement web, relevant du front-end, comme du back-end : HTML5, CSS3, Javascript, VueJS, PHP, Wordpress, etc.
Au-delà de son activité de formation, il propose des tutoriels sur youtube, et s'interroge sur son blog sur l'évolution du développement web, afin de toujours proposer des formations de qualité, actuelles, et mises à jour régulièrement.
Outre ses formations, Alexandre développe fréquemment des sites pour divers clients, ou travaille sur ses side-projects tech qui mèlent Développement et Do It Yourself.