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

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

Modification du code JS et PHP
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créer une Web App - Vos sites Web sur mobiles
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

À 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

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

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.

Voir plus
Questions réponses
Comment récupérer le User-Agent en Javascript ?
En Javascript, on peut récupérer le User-Agent en utilisant la propriété navigator.useragent.
Quel est l'intérêt de détecter le type d'appareil d'un utilisateur ?
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.
Quels sont les scripts mentionnés pour détecter les plateformes ?
Les scripts mentionnés incluent Categories de Brett Jancor, VURF de Luc Passini, et blog-mobile-esp.

Programme détaillé