Programme CREATION DE SITES WEB POUR MOBILES
Participants : Aux concepteurs et développeurs de sites web souhaitant créer des sites web pour mobiles.
Durée : 3 jours - 21 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Dates des formations
Contactez-nous pour des informations sur les disponibilités pour cette formation.
Les objectifs
Dans
cette formation, vous étudierez les différentes méthodes de conception et de création de sites Web mobiles modernes compatibles avec tout type de plateforme. À travers une étude de cas s'inspirant d'une situation réelle, vous allez créer une version pour mobile améliorée d'un site Web professionnel existant à l'aide des extensions dédiées aux mobiles proposées par HTML5, CSS3 et JavaScript. Vous apprendrez également à utiliser des fonctionnalités telles que la géolocalisation, le stockage local, le traitement hors ligne, les améliorations graphiques et multimédia et l'identification des fonctionnalités prises en charge afin d'enrichir le site mobile que vous allez créer, tout en comparant et en mettant en parallèle deux types d'affichages : tablette et téléphone.
pré-requis
Des connaissances du langage HTML et des CSS sont nécessaires, ainsi qu'une expérience de JavaScript.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le 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
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 desrequê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