Mobile et Responsive Web Design

Formation

Type de formation :

Type de formation : Inter

Régions : Rhône-Alpes

Connaissances et 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.

Objectif

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.

Programme


Analyse de l'environnement Web pour mobiles

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

Analyse des besoins pour le développement de sites Web mobiles
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

Définition des éléments pour le Responsive Web Design (Site web adaptatif)
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

Utiliser jQuery pour les formulaires et les événements
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

Mise en œuvre des mobile frameworks
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

Prise en compte des performances et de l'optimisation
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

Public

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.

Organisme

Learning Tree International

Adresse :
Tour Maine Montparnasse, 33 av. du Maine 75015 Paris
Téléphone :
0149685300
Télécopie :
0149685333
Site Web :
Formaguide
Nom du contact :
Pascal VATINEL
Mail :
service_clients@learningtree.fr

Information

Durée :
3 Jours
Date de début :
n/c
Date de fin :
n/c
Prix :
1770
Lieu :
Grenoble, Lyon