1. Livres et vidéos
  2. HTML5, CSS3 et JavaScript - Développez vos sites pour les terminaux mobiles - Version en ligne

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux 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 s'adresse aux concepteurs ou développeurs de sites web qui, déjà familiers des nouvelles normes HTML5 et CSS3, souhaitent migrer ou créer un site internet parfaitement adapté aux terminaux mobiles. Ce livre va leur permettre de bien appréhender les différences entre les deux mondes, de mieux comprendre les attentes de l'internaute mobile (le mobinaute), de bien mesurer les avantages à développer pour ce type d'appareil mais aussi les problèmes que cela engendre.

Chapitre après chapitre, le lecteur découvrira :
- les avantages de la norme HTML5 dans le monde mobile (mode hors-ligne, spécificité des formulaires, etc.),
- les avantages du CSS3 pour une meilleure adaptation du site au terminal de consultation (media queries),
- les nouvelles fonctions JavaScript particulièrement utiles pour une utilisation nomade (géolocalisation, canvas).

L'auteur a choisi d'écrire ce livre comme une formation en détaillant toutes les étapes pour créer ou migrer vers un site mobile. Les mobinautes sont de plus en plus nombreux et les sites internet se doivent d'être complètement adaptés à ces nouveaux utilisateurs.

Pour chaque exemple du livre, sur le site www.editions-eni.fr vous pourrez télécharger les fichiers sources (HTML, CSS, JavaScript) et les ressources (images, audios, vidéos) pour les exécuter. Vous trouverez également en téléchargement un exemple plus complet, utilisé tout au long du livre, vous donnant un premier aperçu d'un site mobile et vous permettant de mieux appréhender les nouveautés de ces langages.


Les chapitres du livre :
Introduction – Particularité des sites mobiles – Premiers pas – Créer un site mobile : HTML5 – Créer un site mobile : CSS3 – Créer un site mobile : JavaScript – Aller plus loin – Aller plus vite – Site normal vers site mobile – Transformer un site en application native

Table des matières

  • Introduction
    • 1. Avant-propos
    • 2. Ressources
    • 3. Historique
      • 3.1 HTML/CSS/JavaScript
      • 3.2 Sur les appareils mobiles
  • Particularité des sites mobiles
    • 1. Introduction
    • 2. Comportement des utilisateurs
    • 3. Spécificités des appareils
      • 3.1 Résolution
      • 3.2 Tactile
      • 3.3 Vitesse de connexion
      • 3.4 Design général
    • 4. Capacités des navigateurs
      • 4.1 Extensions
      • 4.2 Géolocalisation
      • 4.3 Mode hors-ligne
    • 5. Différence avec les applications natives
      • 5.1 Accéder à toutes les fonctionnalités de l’appareil
      • 5.2 Les magasins d'application
      • 5.3 Design adapté à l'appareil
      • 5.4 Développement natif
      • 5.5 Le meilleur des deux mondes
  • Premiers pas
    • 1. Introduction
    • 2. Première page HTML5
    • 3. Émulateur pour applications mobiles
  • Créer un site mobile : HTML5
    • 1. Introduction
    • 2. Bonnes pratiques
      • 2.1 Adapter le site à la taille de l'écran
      • 2.2 Améliorer la visibilité
      • 2.3 Écrire des pages légères
      • 2.4 Gérer correctement le contenu
      • 2.5 Simplifier la saisie
      • 2.6 Penser à la navigation au doigt
      • 2.7 Rendre le site accessible pour touset pour toute orientation
    • 3. Doctypes
      • 3.1 Écrire le doctype pour les sites classiques
      • 3.2 Écrire le doctype pour un site mobile
      • 3.3 Écrire le doctype HTML5
      • 3.4 Utiliser la taille de son navigateur
    • 4. Nouveaux tags en HTML5
    • 5. Formulaires
      • 5.1 Utiliser les nouveaux types
      • 5.2 Utiliser les nouveaux attributs
      • 5.3 Validation automatique des formulaires
      • 5.4 Utiliser les éléments avancés
      • 5.5 Créer un formulaire de contact
    • 6. Mode hors-ligne
      • 6.1 Installer le serveur Apache
      • 6.2 Créer les pages HTML
        • 6.2.1 Créer une page montrant neuf chiens perdus
        • 6.2.2 Écrire la page de description d'un chien
      • 6.3 Installer les pages sous Apache
      • 6.4 Créer un manifest pour le mode hors-ligne
      • 6.5 Aller plus loin
        • 6.5.1 Affichage d'un message pour un site hors-ligne
        • 6.5.2 NETWORK et FALLBACK dans le manifest
        • 6.5.3 Gérer le mode hors-ligne avec JavaScript
  • Créer un site mobile : CSS3
    • 1. Introduction
    • 2. Bonnes pratiques
      • 2.1 Optimiser la connexion avec le serveur
      • 2.2 Gérer un défilement vertical
      • 2.3 Faciliter la navigation au doigt
      • 2.4 Gérer les images
      • 2.5 Gérer correctement les tailles de caractères
    • 3. Formulaires
    • 4. Mises en page fluides
    • 5. Media Queries
      • 5.1 Où écrire les requêtes
      • 5.2 Comment écrire les requêtes
      • 5.3 Gérer l'écran en paysage et en portrait
      • 5.4 Gérer une page pour smartphone, tabletteou ordinateur classique
  • Créer un site mobile : JavaScript
    • 1. Introduction
    • 2. Bonnes pratiques
      • 2.1 Optimiser la connexion avec le serveur
      • 2.2 Utiliser Ajax avec précaution
      • 2.3 Écouter les événements
    • 3. Méthodes spécifiques et/ou utiles pour mobiles
      • 3.1 Gérer l'orientation du navigateur
      • 3.2 Gérer l'accélération de l'appareil
      • 3.3 Utiliser les Media Queries en JavaScript
      • 3.4 Événements tactiles et gestuels
      • 3.5 Valider les formulaires
      • 3.6 Dynamiser le mode hors-ligne
      • 3.7 Utiliser les Web Workers
    • 4. Canvas
      • 4.1 Créer son premier canevas
      • 4.2 Créer d'autres objets en deux dimensions
      • 4.3 Aller plus loin
      • 4.4 Utiliser les autres technologies graphiques du HTML5
      • 4.5 Conclusion sur les canevas
    • 5. Géolocalisation
      • 5.1 Localiser l'utilisateur
      • 5.2 Suivre l'utilisateur
      • 5.3 Un exemple avec Google Maps
    • 6. WebSockets
  • Aller plus loin
    • 1. Introduction
    • 2. Gérer les flux audio ou vidéo
      • 2.1 Utiliser la balise audio
      • 2.2 Utiliser la balise video
      • 2.3 Lire de l’audio et des vidéos autrement en HTML5
    • 3. Glisser-déposer
    • 4. HTML5 Web Storage
      • 4.1 Avant : utiliser les cookies
      • 4.2 Comprendre le Session storage
      • 4.3 Comprendre le Local storage
      • 4.4 Stocker une donnée
      • 4.5 Lire une donnée
      • 4.6 Supprimer une donnée
      • 4.7 Utiliser un exemple
      • 4.8 Aller plus loin
  • Aller plus vite
    • 1. Introduction
    • 2. HTML5
      • 2.1 Template HTML5 BoilerPlate
      • 2.2 Template Gridless
      • 2.3 52 framework
      • 2.4 Framework Lungo.js
    • 3. JavaScript
      • 3.1 Wink toolkit
      • 3.2 Librairie jqMobi
      • 3.3 The-M-Project
      • 3.4 jQuery Mobile
        • 3.4.1 Créer un Hello World
        • 3.4.2 Réécrire une page plus complexe
  • Site normal vers site mobile
    • 1. Introduction
    • 2. Préparer le site
    • 3. Modifier le site
      • 3.1 Utiliser le même site pour une version mobile
      • 3.2 Créer un site mobile supplémentaire
        • 3.2.1 User-Agent
        • 3.2.2 Media Queries
        • 3.2.3 Lien sur notre page
  • Transformer un site en application native
    • 1. Introduction
    • 2. Possibilités actuelles
      • 2.1 Enregistrer son site Internet
      • 2.2 Sencha Touch
      • 2.3 Titanium Mobile
    • 3. PhoneGap (Apache Cordova)
      • 3.1 Créer un Hello World pour Android
      • 3.2 Créer un Hello World pour iOS
      • 3.3 Créer un Hello World via PhoneGap:Build
      • 3.4 Créer une application native de notre site Internet
      • 3.5 Aller plus loin
        • 3.5.1 Utiliser l'appareil photo
        • 3.5.2 Gérer les contacts du mobinaute
        • 3.5.3 Utiliser le stockage de l'appareil
      • 3.6 Conclusion
      • Index

Auteur

Olivier HENNEBELLEEn savoir plus

Développeur de sites internet depuis plus de 10 ans, Olivier Hennebelle est aujourd'hui freelance dans ce domaine, expert HTML5, et intervient pour des entreprises nationales et internationales. Cette longue expérience lui permet de bien appréhender tous les types de besoins autour du développement de sites et aujourd'hui de maîtriser toutes les nouvelles approches et solutions liées notamment aux terminaux mobiles. C'est toute cette expérience qu'il partage dans ces pages pour fournir au lecteur un livre réellement opérationnel sur le développement pour les terminaux mobiles.

Caractéristiques

  • Niveau Confirmé à Expert
  • Parution octobre 2012
    • HTML
    • ISBN : 978-2-7460-0767-1
    • EAN : 9782746076761
    • Ref. ENI : LNEI5HCJ

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 (6,56 Mo)