Cet ouvrage s'adresse à tous les débutants qui souhaitent créer à leur tour, facilement et rapidement, une application pour le Web, adaptée aux mobiles et aux tablettes Apple et Android. De la création de la première page à l'adaptation aux différentes plate-formes, tout est passé en revue.
- Bien démarrer : rôle et fonctionnement du HTML? Du CSS, JavaScript, ajouter des commentaires, mise en place et organisation des dossiers et fichiers.
- Design et ergonomie : dimension et résolution pour iPhone, iPad et Android, outils pour choisir et harmoniser ses couleurs, créer une image de chargement, optimiser au format .jpg, .tif, .png.
- Créer sa première page HTML 5 : créer la structure de page en HTML 5, gérer les titres de la page, créer le menu, télécharger jQuery Mobile, ajouter une info bulle pour ajouter de l'icône au bureau, ajouter des data-roles.
- Mettre sa webapp en ligne : acheter son nom de domaine et son espace d'hébergement, paramétrer son logiciel client FTP avec Filezilla, transférer ses fichiers sur son espace d'hébergement, outils et extensions utiles pour Firefox et Safari, penser à valider le cache des navigateurs.
- Créer sa deuxième page : insérer du texte et des images, créer un diaporame d'images en fondu, insérer une vidéo, créer des arrières-plans, gérer les répétitions d'arrière-plan d'image, transférer ses fichiers et tester.
- Mettre en forme le contenu : positionner les éléments de mise en page, ajouter des bordures aux images, créer des angles arrondis, fonction de zoom et de rotation, ajouter de l'animation.
- Mettre en forme le texte : justifier le texte, gérer les casses d'une police, ajouter une lettrine, personnaliser la police grâce à @fontface, mettre en forme les liens, gérer les césures, ajouter des bordures , créer un menu de sous catégorie, accessibilité pour le texte.
- Créer un slideshow : intégrer le code JavaScript, ajouter une page de vignettes.
- Personnaliser la barre du titre - le header : modifier la couleur, personnaliser le bouton retour, changer l'aspect de la barre de statut de batterie pour iPhone et iPad.
- Personnaliser la barre du bas - le footer : data-positions, insérer des icônes, créer des liens vers des réseaux-sociaux, mettre en forme la barre de navigation, utiliser les sprites CSS pour être plus performant.
- Créer une page de contact : créer un lien téléphone, un lien mail ou un formulaire de contact.
- Géolocalisation : créer une page d'accès : insérer le code HTML et le fichier JavaScript, mettre en forme le contenu.
- Adapter sa WebApp aux différentes plates-formes : adapter aux résolutions d'écran et aux orientations, faire une redirection automatique vers une WebApp depuis son site.
- Rendre sa webApp accessible hors connexion : créer un fichier .manifest, attacher le fichier .manifest au site, créer un fichier .htaccess, se mettre en mode avion pour tester sa webApp hors connexion.
- Transformer son site en Application native : diffuser sur Apple Store, obetnir un certificat, émuler son site avec Dreamweaver, soumettre l'application Native sur l'apple Store, diffuser sur Android Market, télécharger et installer Android SDK.