Mobile et responsive web design

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