CATALOGUE Code & Data Formation Web App Créer une Web App - Vos sites Web sur mobiles

Créer un Design Fluide et Détecter les Appareils avec PHP et Javascript

Retour à la formation
Chapitre 8 Leçon 1
Précédent
Suivant

Apprenez à détecter les appareils et à créer un design fluide en utilisant PHP et Javascript grâce à la chaîne User-Agent.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous explorerons une approche mixte pour détecter les appareils et créer un design fluide, en utilisant PHP et Javascript.

Nous commencerons par comprendre comment récupérer la chaîne User-Agent avec navigator.useragent en Javascript et la variable $server['HTTP_USER_AGENT'] en PHP. Cette chaîne permet de distinguer diverses plateformes comme les ordinateurs, iPads, smartphones, etc.

Nous examinerons ensuite plusieurs scripts disponibles en ligne pour la détection de plateformes, tels que Categories de Brett Jancor et VURF de Luc Passini. Nous nous concentrerons ensuite sur un script spécifique, blog-mobile-esp, permettant la détection en PHP et Javascript, que nous analyserons et adapterons.

Finalement, nous ferons des modifications pour améliorer la détection des iPads et testerons nos scripts sous différentes configurations. Cette leçon est essentielle pour tout développeur souhaitant créer des applications web véritablement réactives.

Objectifs de cette leçon

À la fin de cette vidéo, vous serez capable de :

  • Récupérer le User-Agent en Javascript et PHP
  • Configurer des scripts de détection d'appareils
  • Adapter les designs pour diverses plateformes

Prérequis pour cette leçon

Pour suivre cette vidéo, une connaissance de base en PHP et Javascript est requise, ainsi que des notions de design réactif.

Métiers concernés

Cette compétence est particulièrement utile pour les développeurs front-end, les concepteurs UI/UX, et les ingénieurs en développement web.

Alternatives et ressources

Des alternatives incluent l'utilisation de bibliothèques telles que Modernizr ou WURFL pour une détection d'appareils plus complète.

Questions & Réponses

En Javascript, on peut récupérer le User-Agent en utilisant la propriété navigator.useragent.
Détecter le type d'appareil permet de créer des designs réactifs et adaptatifs, donc d'améliorer l'expérience utilisateur sur différents appareils.
Les scripts mentionnés incluent Categories de Brett Jancor, VURF de Luc Passini, et blog-mobile-esp.