Formation Média
Web, Mobile, PAO et Vidéo

Formation HTML5 Développeur :
Applications Riches en HTML5

Créez des RIA en HTML5 / Javascript jQuery / CSS3

20% de remise sur la session du 21 au 25 mai prochain.
Demandez votre devis !
Apprenez à maîtriser le HTML5, le javascript et le CSS3 pour développez des applications riches pour internet ou les terminaux mobiles grâce à JQuery mobile.
35 heures de formation (5 jours en présentiel).

Public

  • Développeur web, intégrateur, webdesigner ou toute personne ayant de bonnes notions de programmation (Actionscript Flash, PHP ou autre langage)

Pré requis

  • Maîtrise d'un langage orienté objet.
  • Notions en HTML et CSS.

Objectifs

  • réaliser des webapps HTML5 + JS + CSS3
  • produire une application pour terminaux mobiles

 

Programme

Dispensé avec des méthodes d'apprentissage actives basées sur des exercices pratiques.
Un exemple est développé le long de la formation.

1 - Etat du web

  • Une petite histoire des plugins
  • Plus de player, le runtime est le navigateur
  • Le navigateur has-been et les autres…
  • Le marché des touchphone et leurs navigateurs : grade A 

2 - Transférer la logique sur le client

  • Répartir la charge des webapps
  • Modèle asynchrone de données
  • Prise en compte de la bande passante
  • Architecture n-tiers

3 - Plateforme web

  • HTML (5) + CSS (3)
  • Javascript
  • Les boîtes à outils Javascript (jQuery, jQuery mobile, ...)
  • Outils de développement
  • Debogeurs
  • Utiliser les navigateurs et leurs inspecteurs de développement
  • Profiler

4 - Bibliographie

5 - Atelier création RIA jQuery mobile : 1ère étape

  • jQuery mobile, la boîte à outils de composants d'interface
  • Principes généraux : l'enrichissement progressif
  • Création page, multi-pages
  • Composants d'interface
  • Les boutons
  • Les listes
  • Les formulaires
  • Mise en page
  • Thèmes et data-themes
  • Thème roller

6 - Javascript : Révisions de la syntaxe

  • Variables locales
  • Passer par référence, par valeur
  • Types et conversion

7 - Javascript : Sujets pointus

  • Gestions événementielle du DOM
  • Fonctions anonymes et références
  • Closures et contexte d'évaluation
  • Self invoking function : les modules
  • namespaces

8 - Modèle asynchrone Javascript

  • AJAX
  • JSON
  • Modèle CRUD
  • Webservices API

9 - Javascript orienté objet

  • Object object
  • Prototype 

10 - HTML5 Pratique

11 - HTML5 Pratique : API Geolocalisation

  • Principe
  • Exemple d'utilisation

12 - HTML5 Pratique: API LocalStorage

  • Histoire de la persistance de données locale
  • Exemple
  • Sérialisation JSON

13 - JQuery : sélecteurs et DOM scripting

  • Révision des sélecteurs CSS et du parcours du DOM
  • Principe d'optimisation

14 - Outils JQuery : histoires d'$

  • $.each()
  • $.support()
  • $.extend()
  • $.data

15 - JQuery : transitions et mise en forme

  • CSS à l'exécution
  • Dimensions
  • Transitions

16 - JQuery : notions avancées et bonnes pratiques

  • Chaînage de méthode
  • Conventions de code
  • $(this)
  • Gestion multi-librairies

17 - Révisions CSS3 Media Queries

18 - Atelier création RIA HTML5 : 2ème étape

19 - Structure d'une webapp JQuery et navigation

  • Le cycle de vie des pages
  • Afficher une boîte de dialogue
  • Navigation et historique
  • Transitions

20 - API javascript jQuery mobile

  • changePage() et pageLoading()
  • silentScroll()
  • Capturer les changements d'orientations
  • Media queries
  • jqmData()

21 - Atelier création d'une RIA HTML5 : 3ème étape

  • Finalisation de l'application