Mobile et Responsive Web Design

Formation #2315 - 3 jours

À propos de cette formation :

Les sites Web traditionnels conçus pour les ordinateurs de bureau n'offrent pas une expérience optimale pour l'interaction mobile. Dans cette formation, vous obtenez les compétences nécessaires pour concevoir et construire des sites Web qui maîtrisent totalement les capacités sophistiquées des navigateurs Web sur les appareils mobiles.

Cette formation est éligible au financement par Opcalia. Cliquez ici pour sélectionner ce moyen de financement.

Prérequis :

Des connaissances du langage HTML correspondant au niveau de la formation Learning Tree 470, Développement d'un site Web : Travaux pratiques sont nécessaires, ainsi qu'une expérience des CSS et de JavaScript. Vous devez notamment savoir créer un document HTML simple, appliquer des présentations à partir d'une feuille de style et ajouter des comportements et des éléments de manipulation du DOM avec JavaScript.

Vous apprendrez à :

  • Concevoir et créer des sites Web adaptatifs, ciblés pour les appareils mobiles
  • Écrire des contenus HTML5, CSS et JavaScript pour les utilisateurs mobiles
  • Créer des applications compatibles avec plusieurs plates-formes
  • Optimiser l'expérience mobile avec la géolocalisation

Travaux Pratiques :

  • Créer l'architecture de sites web pour mobiles modernes et compatibles avec diverses plates-formes
  • Produire et gérer des formulaires et des événements avec jQuery mobile
  • Créer des applications mobiles hybrides compatibles avec plusieurs plates-formes grâce à Phone Gap
  • Exploiter les API de l'appareil natif

À qui s'adresse cette formation ?

Aux concepteurs, développeurs et architectes de sites Web souhaitant étendre la visibilité de leur entreprise sur le Web au monde des appareils mobiles, ainsi qu'à toute personne voulant créer un site Web mobile compatible avec plusieurs marques d'appareils mobiles.

Contenu de cette formation :

  • Analyser les niveaux de l'architecture des applications Web
  • Se conformer aux directives et aux bonnes pratiques W3C
  • Explorer les principales plates-formes Web pour mobiles
  • Cibler les appareils avec la détection de fonctionnalités
  • Configurer les environnements de développement et de débogage

Hiérarchiser les besoins de la conception

  • Identifier les objectifs de conception mobile
  • Livrer du contenu adapté au contexte utilisateur

Les contraintes et les règles relatives à l'architecture

  • Hiérarchiser les fonctionnalités avec les besoins utilisateur
  • Concevoir l'interface mobile
  • Mettre en oeuvre des stratégies pour le nouveau contenu et le contenu existant

Créer les proportions avec CSS

  • Établir des compositions et des grilles flexibles
  • Intégrer des marges fluides et des marges intérieures

Développer des images adaptatives

  • Créer des médias et des images flexibles
  • Gérer les images complexes
  • Appliquer et établir des types de média et des requêtes multimedia

Gérer la fenêtre d'affichage

  • Évaluer le concept de la fenêtre d'affichage
  • Mesurer la fenêtre d'affichage
  • Optimiser l'affichage du site avec les requêtes multimedia

Intégrer la librairie jQuery mobile

  • Explorer les fondamentaux de jQuery mobile
  • Créer des modèles jQuery mobile et appliquer les thèmes
  • Optimiser jQuery mobile avec la navigation Ajax
  • Exploiter les fonctionnalités natives avec jQuery mobile

Explorer les éléments de formulaire HTML5

  • Examiner les types d'éléments de formulaire pour les mobiles
  • Optimiser l'interaction tactile avec les formulaires
  • Générer les formulaires avancés avec HTML5 et jQuery mobile

Gérer les événements de navigateur et de mobile

  • Modes et événements interactifs
  • Gérer les événements dans l'environnement mobile
  • Développer la gestion des événements jQuery mobile

Présenter les concepts PhoneGap

  • Créer des applications mobiles hybrides multi-plate-forme
  • Accéder aux capacités natives de l'appareil à partir de JavaScript

Consulter les informations de l'appareil avec PhoneGap

  • Exploiter les API natives de l'appareil avec PhoneGaps
  • Contacts, Plan, Téléphone
  • Créer des applications hybrides avec PhoneGap

Exploiter la géolocalisation

  • Rechercher la position de l'appareil avec le GPS
  • Intégrer avec l'application de cartographie native

Gérer le stockage local

  • Rendre persistantes les données de l'appareil
  • Gérer les données stockées localement

Travail hors-ligne

  • Activer les applications web déconnectées
  • Synchroniser les données hors ligne avec les bases de données de l'entreprise

Optimiser les fonctionnalités du site

  • Analyser les performances et l'optimisation
  • Passer en revue les bonnes pratiques et la conception

Utiliser les outils de performance

  • Optimiser les applications avec YSlow
  • Analyser les règles d'YSlow et les ensembles de règles
  • Mettre en oeuvre les règles des bonnes pratiques pour optimiser les applications mobiles
  • Compresser et optimiser CSS et JavaScript

Crédits ECTS : 10

Formation éligible aux parcours diplômants de SUPINFO International University.

Sessions planifiées

Appelez le 01 49 68 53 00 ou inscrivez-vous en ligne en sélectionnant une date ci-dessous :

22 mars 2017 - 1770 €
Paris - AnyWare
28 juin 2017 - 1770 €
Paris - AnyWare
4 octobre 2017 - 1770 €
Paris - AnyWare
13 décembre 2017 - 1770 €
Paris - AnyWare

Inscription sans risque : pas de paiement à l'avance, réglement jusqu'à 30 jours après la formation, satisfaction garantie ou vous ne payez pas la formation.

Financez votre formation

Le financement de votre formation ne doit pas être un obstacle. Nos conseillers vous aiderons dans vos démarches avec les OPCA par exemple.
Profitez également de la réduction Return to Learn qui récompense les participants ayant déjà suivi une formation Learning Tree.

Suivez votre formation avec AnyWare

Suivez nos formations chez vous, du bureau ou dans le centre AnyWare de Learning Tree le plus proche et bénéficiez du même enseignement pratique de qualité délivré par nos formateurs.

Intra-entreprise

Organisez cette formation Learning Tree sur votre lieu de travail avec notre solution intra-entreprise.

Demander un devis

Suivez une formation Learning Tree et profitez des avantages de SUPINFO International University !

Pour toute formation que vous aurez suivi chez Learning Tree, SUPINFO International University vous offre pendant un an le statut Advanced Member d'une valeur de 250€.
Ce statut privilégié vous permettra de profiter de ressources pédagogiques sélectionnées par SUPINFO :

* Services disponibles prochainement.