1. Livres et vidéos
  2. jQuery Mobile (HTML5, CSS3, JavaScript) - Développez vos applications Web mobiles - Version en ligne

jQuery Mobile (HTML5, CSS3, JavaScript) Développez vos applications Web mobiles - Version en ligne

  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7

Présentation

Ce livre sur le développement d'applications Web mobiles avec jQuery Mobile s'adresse aux développeurs web conscients de la mutation en cours dans l'utilisation du web et soucieux de proposer des applications Web parfaitement adaptées aux spécificités des terminaux mobiles.

Les premiers chapitres traitent des caractéristiques du Web mobile, tant d'un point de vue navigateurs, périphériques, usages et bonnes pratiques, que d'un point de vue outils de tests, émulateurs et validateurs web mobiles. Les chapitres suivants dressent le panorama des éléments incontournables du HTML5, des CSS3 et des API JavaScript spécifiques aux applications mobiles. Une large partie est ensuite consacrée à jQuery Mobile ; ce framework propose de concevoir des interfaces mobiles compatibles avec la totalité des périphériques du marché, le tout dans un look résolument moderne et adapté à l'utilisation tactile. Vous découvrirez dans ce livre comment, avec jQuery Mobile, concevoir des pages avec en-tête et pied de page, des barres de navigation, des fenêtres de dialogue ou pop-up, des listes, des formulaires y compris les nouveaux formulaires du Html5, des éléments dépliants... ceci en toute simplicité et sans une seule ligne de JavaScript ! Pour les experts, l'API jQuery Mobile est présentée en fin d'ouvrage.

Les exemples du livre sont en téléchargement sur le site www.editions-eni.fr. Ils vous permettront d'apprécier les agencements de couleurs proposés par jQuery Mobile et, si vous le souhaitez, de reproduire les exemples à l'identique.


Les chapitres du livre :
Avant-propos – Caractéristiques du Web mobile – Pré-requis et outils – Tester les applications Web mobile – Applications natives ou applications Html5 – Les bonnes pratiques du Web mobile – Éléments utiles du Html5 – Améliorer les design avec les CSS3 -  Les applications JavaScript Html5 - Présentation de jQuery Mobile – Une première application avec jQuery Mobile – Les pages – Les boutons – Les barres d'outils – Les fenêtres de dialogue – Les listes – Les formulaires – Éléments de présentation – D'autres thèmes pour jQuery Mobile – L'API jQuery Mobile – Les attributs data- de jQuery Mobile

Table des matières

  • Caractéristiques du Web mobile
    • 1. Définition du Web mobile
    • 2. Un marché en expansion
      • 2.1 Multiples fabricants de smartphones et tablettes
      • 2.2 Multiples OS
      • 2.3 Multiples navigateurs
      • 2.4 Évolutions technologiques rapides
    • 3. Les périphériques
      • 3.1 Multiples dimensions d'écran
      • 3.2 Orientation portrait ou paysage
      • 3.3 Clavier limité ou virtuel
      • 3.4 Le doigt au lieu de la souris
      • 3.5 Relative lenteur des connexions
    • 4. Le comportement de l'usager
      • 4.1 Recherche rapide de l'information utile
      • 4.2 Fréquence élevée de renouvellement du matériel
    • 5. Synthèse
  • Pré-requis et outils
    • 1. Les pré-requis
    • 2. Un éditeur de texte
    • 3. Des navigateurs de bureau
    • 4. Les outils de débogage
  • Tester les applications Web mobile
    • 1. Introduction
    • 2. Achat de multiples périphériques
    • 3. Les sites professionnels dédiés
      • 3.1 Perfecto Mobile
      • 3.2 Device Anywhere
    • 4. L’installation des SDK
    • 5. Les émulateurs en ligne
      • 5.1 Émulateur mobile (by Cowemo)
      • 5.2 Opera Mini simulator
      • 5.3 TestiPhone.com - iPhone Simulator
      • 5.4 iphonetester.com
      • 5.5 Mobilemoxie
      • 5.6 iPad Peek
      • 5.7 Autres émulateurs
    • 6. Les émulateurs à installer
      • 6.1 Opera Mobile Emulator
      • 6.2 Windows Phone Emulator
      • 6.3 Firefox pour Android
      • 6.4 Electric Mobile Simulator
      • 6.5 iPhoney pour Macintosh
      • 6.6 AIR iPad Simulator
    • 7. Les navigateurs de bureau adaptés
      • 7.1 Présentation
      • 7.2 Changer d'user-agent sous Chrome
      • 7.3 L'option Agent d'utilisateur de Safari
      • 7.4 L'add-on User Agent Switcher de Firefox
      • 7.5 Le module User-Agent Switcher pour Internet Explorer
    • 8. Les validateurs Web Mobile
      • 8.1 W3C mobileOK Checker
      • 8.2 Google GoMo
  • Applications natives ou applications Html5
    • 1. Présentation
    • 2. Le pour et le contre
  • Les bonnes pratiques du Web mobile
    • 1. Un seul Web
    • 2. Une URL concise
    • 3. Le ciblage de la dimension d'écran avec les Media Queries
    • 4. La verticalisation des pages
    • 5. L'efficacité du contenu
    • 6. Une navigation intuitive
    • 7. L’optimisation des liens pour l'utilisation tactile
    • 8. L’optimisation des images
      • 8.1 Un usage intelligent
      • 8.2 Les images redimensionnables
      • 8.3 Les CSS sprites
      • 8.4 Les images en base64
  • Éléments utiles du Html5
    • 1. La balise meta viewport
    • 2. Les balises meta spécifiques aux iPhones
    • 3. Les balises Html5 à éviter
    • 4. Les nouveaux formulaires Html5
      • 4.1 Labéliser les champs de formulaires
      • 4.2 Les formulaires Html5 et les périphériques mobiles
  • Améliorer le design avec les CSS3
    • 1. Introduction
    • 2. Les bords arrondis
    • 3. Les ombres
      • 3.1 Les ombres sur le texte
      • 3.2 Les ombres sur les éléments boîte
    • 4. Les dégradés de couleur
      • 4.1 Les dégradés linéaires
      • 4.2 Les dégradés circulaires
    • 5. La présentation en colonnes (column)
    • 6. Le traitement des longs intitulés
    • 7. La césure automatique
    • 8. Les transformations
    • 9. Les transitions
    • 10. L’ajustement de la taille des caractères
    • 11. En route vers les CSS4
  • Les applications JavaScript Html5
    • 1. La géolocalisation
      • 1.1 Géolocaliser l'utilisateur
      • 1.2 Géolocalisation avec Google Maps
      • 1.3 Suivre les déplacements
    • 2. Le stockage de données en local
      • 2.1 Présentation
      • 2.2 Le stockage persistant
      • 2.3 Le stockage temporaire
    • 3. La consultation en mode déconnecté
      • 3.1 Présentation et utilité
      • 3.2 Le fichier de manifeste
    • 4. Base de données SQL
      • 4.1 Présentation
      • 4.2 SQLite en bref
      • 4.3 Les principales instructions
      • 4.4 Le futur de Web SQL Database
    • 5. Les autres API JavaScript du Html5
  • Présentation de jQuery Mobile
    • 1. Objectifs de jQuery Mobile
    • 2. jQuery et jQuery Mobile
    • 3. Les points forts de jQuery Mobile
    • 4. Les plateformes prises en compte
    • 5. Les attributs data- du Html5
  • Une première application avec jQuery Mobile
    • 1. Mise en place de jQuery Mobile
    • 2. Une première page avec jQuery Mobile
    • 3. Un modèle pour la suite de notre étude
    • 4. Documentation
  • Les pages
    • 1. Un fichier de page unique
    • 2. Un fichier de pages multiples
    • 3. Le titre de la page et son rôle
    • 4. Les liens entre les pages
    • 5. Le préchargement des pages
    • 6. La mise en cache des pages
    • 7. Les thèmes graphiques de jQuery
    • 8. Les transitions de pages
  • Les boutons
    • 1. Ajouter un bouton
    • 2. Changer les liens en boutons
    • 3. Ajuster la largeur des boutons
    • 4. Ajouter une icône aux boutons
      • 4.1 Les icônes standard de jQuery Mobile
      • 4.2 Positionner les icônes
      • 4.3 Créer des icônes
    • 5. Aligner des boutons
    • 6. Grouper plusieurs boutons
      • 6.1 Grouper verticalement
      • 6.2 Grouper horizontalement
    • 7. Une présentation réduite des boutons
    • 8. Styler les boutons
  • Les barres d'outils
    • 1. Ajouter une barre d'en-tête
    • 2. Ajouter une barre de pied de page
    • 3. Ajouter une barre de navigation
    • 4. Positionner les barres d'outils
      • 4.1 Les barres en ligne
      • 4.2 Les barres en position fixe
      • 4.3 Les barres en mode plein écran
      • 4.4 Les barres persistantes
      • 4.5 Styler les barres d'outils
  • Les fenêtres de dialogue
    • 1. Les fenêtres de dialogue
      • 1.1 Ajouter une fenêtre de dialogue
      • 1.2 Fermer une fenêtre de dialogue
      • 1.3 Ajouter une transition
      • 1.4 Styler les fenêtres de dialogue
    • 2. Les pop-ups
      • 2.1 Ajouter un pop-up
      • 2.2 Sans bords arrondis et sans ombre
      • 2.3 Ajouter un bouton de fermeture
      • 2.4 Ajouter un effet de transition
      • 2.5 Positionner le pop-up
      • 2.6 Styler le pop-up
  • Les listes
    • 1. Créer une liste non numérotée
      • 1.1 Sans liens
      • 1.2 Avec liens
    • 2. Créer une liste numérotée
    • 3. Créer des listes imbriquées
    • 4. Ajouter des séparateurs dans la liste
    • 5. Ajouter des séparateurs dans les éléments de liste
    • 6. Formater le contenu des listes
    • 7. Créer des listes multiples dans une page
    • 8. Liste de formulaires
    • 9. Ajouter des vignettes
    • 10. Ajouter des icônes
    • 11. Ajouter des bulles de comptage
    • 12. Ajouter un filtre de recherche
    • 13. Styler les listes
  • Les formulaires
    • 1. Les formulaires sous jQuery Mobile
    • 2. La ligne de texte
    • 3. La zone de texte
    • 4. La ligne de mot de passe
    • 5. Les boutons de formulaire
    • 6. La liste de sélection
      • 6.1 Créer une liste de sélection
      • 6.2 Grouper des options
      • 6.3 Grouper des listes de sélection
      • 6.4 Sélections multiples
    • 7. Les boutons radio
    • 8. Les cases à cocher
    • 9. Les curseurs du Html5
    • 10. Les boutons de permutation
    • 11. Le bouton de recherche du Html5
    • 12. Les autres formulaires du Html5
    • 13. Une présentation compacte des formulaires
    • 14. Une présentation native des formulaires
  • Éléments de présentation
    • 1. Les grilles
      • 1.1 Avec deux colonnes
      • 1.2 Avec plusieurs colonnes
      • 1.3 Avec plusieurs lignes et colonnes
      • 1.4 Insérer et aligner des boutons
    • 2. Les éléments dépliants
      • 2.1 L'élément dépliant basique
      • 2.2 Quelques variantes
      • 2.3 Des éléments dépliants imbriqués
    • 3. L'effet accordéon
  • D'autres thèmes pour jQuery Mobile
    • 1. Créer son nuancier personnel
    • 2. Créer son thème avec l'outil ThemeRoller
    • 3. Le thème Metro de Windows 8
  • L'API jQuery Mobile
    • 1. Configurer jQuery Mobile
      • 1.1 L'événement mobileinit
      • 1.2 activeBtnClass
      • 1.3 activePageClass
      • 1.4 ajaxEnabled
      • 1.5 allowCrossDomainPages
      • 1.6 autoInitializePage
      • 1.7 buttonMarkup.hoverDelay
      • 1.8 defaultDialogTransition
      • 1.9 defaultPageTransition
      • 1.10 defaultTransitionHandler
      • 1.11 getMaxScrollForTransition
      • 1.12 gradeA
      • 1.13 hashlisteningEnabled
      • 1.14 ignoreContentEnabled
      • 1.15 linkBindingEnabled
      • 1.16 maxTransitionWidth
      • 1.17 minScrollBack
      • 1.18 ns
      • 1.19 orientationChangeEnabled
      • 1.20 pageLoadErrorMessage
      • 1.21 pageLoadErrorMessageTheme
      • 1.22 pushStateEnabled
      • 1.23 subPageUrlKey
      • 1.24 transitionFallbacks
      • 1.25 transitionHandlers
    • 2. Les événements
      • 2.1 Les événements tactiles
      • 2.2 Les événements de changement d'orientation
      • 2.3 Les événements de défilement de page
      • 2.4 Les événements d'initialisation de page
      • 2.5 Les événements de changement de page
      • 2.6 Les événements de transition de page
      • 2.7 Les événements de chargement de page
      • 2.8 Les événements de page supprimée (remove)
      • 2.9 Les événements de création de page (create)
      • 2.10 Les événements de mise en page
      • 2.11 Les événements d'animation (animationComplete)
    • 3. Les méthodes et propriétés
      • 3.1 Rafraîchir la page
      • 3.2 Manipuler les champs de formulaire
      • 3.3 Afficher les pages avec changePage()
      • 3.4 Précharger les pages
      • 3.5 Traiter les éléments Data
      • 3.6 Déclencher le message de chargement
      • 3.7 Manipuler les URL
      • 3.8 Défiler la page en mode silencieux
      • 3.9 Utiliser la propriété de la page active
  • Annexe
    • Les attributs data- de jQuery Mobile
    • Index

Auteur

Luc VAN LANCKEREn savoir plus

Dès les débuts d'Internet, Luc VAN LANCKER, enthousiasmé par l'idée de communication universelle que véhiculait ce concept, s'est complètement investi dans ce domaine. C'est un formateur passionné, très au fait des nouvelles technologies liées au web et grand pédagogue. Luc Van Lancker est auteur aux Editions ENI de livres sur HTML 4 et 5, jQuery, XHTML, AJAX... dans différentes collections.

Caractéristiques

  • Niveau Confirmé à Expert
  • Parution mars 2013
    • HTML
    • ISBN : 978-2-7460-0800-8
    • EAN : 9782746080058
    • Ref. ENI : LNEIMJQU2

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (696 Ko)