Formation Responsive Design

Formation Responsive Design

Formation Responsive Design

Formation Responsive Design

Avec l’arrivée des tablettes et des Smartphones, les concepteurs des sites web vont revoir toute leur approche pour adapter les interfaces aux différents terminaux. Cette formation spécialisée en Responsive Design va leur apporter toutes les réponses pratiques à tous les  problèmes de conception ergonomique et de gestion des contraintes.

Objectifs : 

– Apprendre à faire des sites multiplateformes : smartphone, tablette.
– Optimiser la performance et la vitesse de chargement d’un site web pour un meilleur  référencement.

Programme de formation : 

Introduction

  • Rappels HTML 5, CSS3.
  • Les problématiques actuelles: le multi-format, les terminaux mobiles.

Comprendre le Responsive Design

  • Présentation du Responsive Design: objectifs, alternatives… .
  • Les grilles fluides.
  • Les media Queries.
  • Atelier pratique : création d’un site multiplateforme (smartphone, tablette…).

Découvrir Bootstrap

  • Bootstrap : présentation, apports, exemples.
  • Bootstrap et le Responsive Design (RWD).

Grille Bootstrap, templates de base et layouts

  • Composants et classes CSS3.
  • Mécanisme de RWD (classes CSS3 / device).
  • Documentation, liens utiles.
  • Rappels HTML 5/CSS3.
  • Bases de jQuery.
  • Atelier pratique : Inclure Bootstrap dans un projet, une première grille flexible.

 Maîtriser les classes CSS de base

  • Typographie et liens.
  • Tableaux : lignes, bordures, survol, RWD.
  • Eléments de formulaires, contrôles supportés.
  • Boutons : options, tailles, état.
  • Images et icônes : éviter les débordements.
  • Atelier pratique : Utilisation de classes bootstrap dans des pages web.

Utiliser les composants Bootstrap

  • Barres de navigation : tabs, pills, justified nav.
  • Menus déroulants : formulaires, boutons, positionnement.
  • Breadcrumb (fil d’arianne).
  • Pagination.
  • Badges.
  • Alertes.
  • Barres de progression : labels, animations.
  • Media object.
  • List group.
  • Atelier pratique : Multiples exemples d’intégration de composants Bootstrap.

Optimiser  les performances d’un site web

  • Définir les critères de performance d’un site web.
  • Les outils d’analyse de la vitesse de chargement des pages.
  • Optimisation du SEO par les bonnes performances.
  • Rapport entre bonne performance et optimisation du taux de conversion.
  • Comment optimiser les performances d’un site.

Lieu de formation

La formation responsive design est dispensée en intra pour vos employés/ cadres dans vos locaux ou en inter  dans les locaux de Techcare training sis au:

5, rue Haroun Errachid

1082 Mutuelleville

Tel : +216  71 890 912

Email : contact@techcare-training.tn

Pour plus de renseignements, rendez vous sur notre page contact.

Découvrir notre calendrier

Formulaire d'inscription

 

Verification

No Comments

Comments are closed.