Apprendre à créer des Web Apps



Optimisez vos sites Web sur mobiles et tablettes ! C’est devenu une évidence, : il faut être présent sur mobiles, smartphones et tablettes. Mais comment ? Développer une application ou bien un site Internet optimisé ? Afin de vous aider dans vos choix stratégiques, Elephorm publie une nouvelle formation inédite. Un tuto Web App à découvrir de toute urgence !En plus de 6 heures, Thierry Audoux formateur aux Gobelins vous accompagne pas à pas. dans la conception une webApp.

Vous saurez tout des contraintes techniques, graphiques en passant par le responsive design, une technique qui consiste à construire un site qui s’adaptera aux différentes résolutions d’écran. Un chapitre entier est consacré aux différents simulateurs. La grosse partie de cette formation est consacrée à des ateliers pratiques sur le développement de ces Web Apps.

Au programme de cette formation Web App :

Généralités sur le marché des mobiles
Le marché des mobiles
Différences entre une WebApp et une Application
Passage en revue des SDK pour développer des applications mobiles

Pourquoi une WebApp ?
Rappel HTML

Les principales balises HTML
Titres et paragraphes HTML

Listes HTML
Construire un formulaire compatible mobile

Rappel CSS

Mise en forme CSS classique
Les sélecteurs principaux
Les propriétés d’arrière-plan
Les propriétés générales de texte
Les propriétés générales de blocs

Notions de HTML5 et CSS3Intro – Page de base
HTML5 – Les balises
HTML5 – Les balises de formulaire
CSS3 – Les sélecteurs
CSS3 – Les principales propriétés

Concevoir une webApp
Conception générale
Conception graphiques
Les outils d’interface graphique
Les bonnes pratiques
Le responsive design
Les écrans principaux
La conception de sprites

Les simulateurs
Présentation simulateurs
Emulateur iPhone / iPad
Emulateur Windows Phone
Emulateur Android
Nokia
Les autres simulateurs et systèmes de visualisation

Construire sa première WebApp
Detecter le device avec Javascript
Detecter le device avec php
Le viewport
les medias queries
Les icônes
Le splash screen
Composer la structure
Utiliser les sprites le code html
Utiliser les sprites le code css
Bouton précendent javascript
Ajuster le positionnement d’une fenêtre
Construire une liste
intéractivité liste introduction
interactivité liste
Ajouter du texte à une page mobile
Utiliser les médias queries pour l’orientation
Intégrer des vidéos
Géolocaliser
Réaliser un formulaire simple
Réaliser un formulaire pour smartphone
Vérifier et compresser
Valider le code de ma WebApp
Tester sa page (Quelle page ? quels tests ?)
Minifier le code

Construire une webApp avec JQuery Mobile
Insérer la bibliothèque jQuery mobile
Réaliser une première page
Changer l’aspect d’une page
Créer des liens
La zone de pied de page
Les transitions
Réaliser des boutons
Les icônes des boutons
Icônes personnalisées
Réaliser une zone de menu
Les éléments de formulaire classiques
L’élément select
Cases à cocher et boutons radio
Réaliser une glissière
Réaliser un bouton bascule
Réaliser un menu en liste
Un menu en liste fractionnée
Un menu en liste avec vignette
Réaliser des zones dépliables


+ Pas de commentaire

Ajoutez votre commentaire