Formation mastere informatique

Les objectifs de cette formation JavaScript - Jquery

Le langage JavaScript est devenu incontournable pour le développement d'applications riches, coté client. Ce cours vous donnera tout le savoir-faire technologique pour mettre en oeuvre de véritables applications Web à partir de concepts avancés JavaScript.

Participants de cette formation JavaScript

Ce stage pratique s'adresse à tous les concepteurs de sites Web et informaticiens désireux d'exploiter JavaScript et les technologies HTML dynamique pour leurs projets.

Pré-requis de cette formation JavaScript

Bonnes connaissances en JavaScript et HTML. Connaissances de base de XML.

Programme de cette formation JavaScript

Parseur XML

- Méthodes du DOM. Structure XML.

- Les éléments de type Text, Node, Attribut.

- Création dynamique d'objets HTML.

- Rappels DTD et XSD.

Exercice
Parcourir une structure XML à partir d'un flux Ajax.

Evénements du DOM

- Le gestionnaire d'événements.

- Phases des événements capture, capturing, bubble.

- Description des objets de type Event.

- Les événements Mouse et Keyboard.

- Gestion dynamique des événements.

- Création d'événement et diffusion.

- Impact de preventDefault et stopPropagation sur la personnalisation de son IHM.

- Différences entre navigateurs.

Exercice
Gestionnaire clavier, création de son gestionnaire d'événement.

Programmation Orientée Objet

- Rappels sur l'objet. Propriétés. Méthodes. Héritage.

- Portée des données privées et publiques.

Exercice
Création d'un mini-framework.

Expressions régulières

- Mécanismes.

- Début et fin ( ^ $ ). Occurrences ( ? + * {} ). Common Characters ( . \d \D \w \W \s \S ). Groupes ( [] ). Négation ( ^ ). Patterns ( () ). Alternatives ( | ). Escape Character ( \ ).

Travaux pratiques
Contrôle de dates, email.

Echange de données, interactions

- Cookies.

- Base embarquée dans le navigateur Sqlite.

- Base distante via Ajax et HttpRequest.

- Interfaçage avec une application Flash.

Travaux pratiques
Communication avec une application Web. Appel de services web. Création de cookie. Utilisation d'une base embarquée, échanges avec la base distante.

Environnement de débogage

- Introduction, solutions dédiées aux navigateurs.

- Messages d'erreur. Tests de performance. Points d'arrêt. Tests multinavigateurs.

- Stockage des bancs de test.

Travaux pratiques
Mise en oeuvre d'outils de débogage.

Programmation JavaScript sous HTML5

- Nouveaux événements. Modes de communications client/serveur. Gestion multimédia.

Travaux pratiques
Création Ajax sous HTML5. Gestion vidéo. Gestion des données persistantes.

Google API : Maps, Search et Charts

- Enjeux de la cartographie pour les applications Web.

- Création d'une Maps. Systèmes de coordonnées.

- Géocoder pour la recherche d'adresse.

- Outils de navigation (zoom, mini-carte, vue aérienne, vue plan...).

- Création de markers.

- Le gestionnaire d'événement GEvent.

- Groute pour l'identification de trajectoires.

- Format KML pour l'enregistrement de cartes.

- Utiliser l'éditeur de cartes de Google. Publier ses cartes sur Internet.

- Intégration de Google Search dans les pages Web.

- Types de recherche : Web search, Local Search, Video Search, Blog Search, News Search, Book Search, and Image Search. Options de recherche.

- Génération de graphiques dynamiques avec Google Charts API. Formats barres, Pie, Point, courbes. Encodage de données simple, complexe.

Travaux pratiques
Mise en oeuvre des principales fonctions de Google Map API. Création de graphiques statistiques.

Framework JQuery

- Fonctionnement de JQuery. Gestion des événements.

- Mise en oeuvre de jQuery pour des échanges Ajax.