HTML5, CSS3 et JavaScript

22800 CFA

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.

  Poser une question
Comparer

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[koo_icon name= »undefined » color= » » size= » »]
    • 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
Catégorie

Avis des clients

0.0
0 avis

Il n'y a pas encore d'avis.

Soyez le premier à donner votre avis sur “HTML5, CSS3 et JavaScript”

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Plus d'offres pour ce produit!

Questions et demandes générales

Il n'y a pas encore de demandes de renseignements.