Bienvenue sur le nouveau site de Kelformation
Vous êtes ici : Formation > Formation continue > Informatique > Programmation > Javascript , perfectionnement avec Google API

Javascript , perfectionnement avec Google API

ORSYS

Voir toutes les formations ORSYS

  • Durée : 4 Jours
  • Type : En centre
  • Diplôme : Autre
  • Prix : 1930.00 €

Pour voir le programme complet de cette formation, connaître les dates, lieu, tarifs, disponibilités...

Voir le détail de la formation

Objectifs

Le langage JavaScript est devenu incontournable pour le développement d'applications riches client. Ce cours vous donnera tout le savoir aire technologique pour mettre en œuvre de véritables applications Web 2.0 à partir des Frameworks les plus populaires : les API Google pour l'intégration de données de Google (recherche, vidéo, maps…), Adobe Spry pour le contrôle de formulaire, Yahoo pour la richesse de ses composants graphiques ?

Formation web,  interface riche,  javascript,  google api



Travaux pratiques

Tous les chapitres sont illustrés par de multiples travaux pratiques illustrant la théorie.

Programme

Rappels JavaScript

 

- Variables. Typage. Fonctions. Classes.

- Programmation Objet. Format JSON

Rappels XML

- Structure XML et documents valides.

- Savoir lire un schéma XSD.

- Les namespaces.

- Le langage XHTML : différences avec HTML, enjeux sur l'accessibilité et le Web 2.0.

- Présentation du DOM.

- XML et référencement SiteMap, MotionBridge.

Travaux pratiques
Création de documents XML. Création de XSD, XSL. Tests d'accessibilité. Création de page XHTML. Génération d'un flux Google SiteMaps.

Google Maps API

- Enjeux de la cartographie pour les applications web

- Compatibilité avec les navigateurs

- Création d'une Maps

- Systèmes de coordonnées: correspondances Latitude Longitude et carte graphique.

- Géocoder pour la recherche d'adresse

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

- Création de markers (personnalisations, association d'évènements)

- Le Manager de marker GMarkerManager.

- Création de fenêtres multi-onglets, personnalisation

- Chargement de données avec les connecteurs Google Ajax

- Le gestionnaire d'évènement GEvent

- Le gestionnaire Groute pour l'identification de trajectoires

- Format KML pour l'enregistrement de cartes et de ses overlays (polygones, markers, infowindows...)

- Utiliser l'éditeur de cartes de Google. Publier vos cartes sur internet.

- Présentation de la nouvelle classe GTraficOverlay

Google Search API

- Intégration de Google Search dans les pages web

- Objets de recherché multiples : Web search, Local Search, Video Search, Blog Search, News Search, Book Search, and Image Search

- Options de recherche

- Personnalisation des pages réponse.

Exercice
Mise en oeuvre des différentes fonctionnalités JavaScript à travers de multiples travaux pratiques.

Google Ajax Feed API

- Présentation des formats RSS, ATOM

Exercice
Intégration de flux RSS dans les pages Web

Google Checkout API

 

- Présentation du système de paiement Checkout de Google

- Interface de paiement en ligne, interface marchand, client

Google Gadget API

- Création d'un gadget.

- Paramétrage, formats XML, HTML, URL.

- Personnalisation et intégration de données distantes

- Publication sur iGoogle, Google Desktop, page personnelle

- Création de Mapplet. Convertir une application Google maps en Google Mapplet

Exercice
Création de Gadgets

Google Gears API

- Architecture Gears.

- Avantage de Gears pour développer des applications utilisables en mode non connecté

- Installation. Méthodes de stockage de données locale

- Présentation de SQLlite. Mise en oeuvre. Gestion de la base SQLlite à partir de JavaScript : requête, création de tables, écriture de données

Exercice
Installation et programmation de Gears API pour rendre utilisable votre application en mode non connecté.

Google YourTube API

Interrogation de la base de video à partir de votre site Web.

Exercice
Installation et programmation de YourTube API pour accéder au contenu video.

Google Charts API

 

- Génération de graphiques dynamiques. Formats barres, Pie, Point, courbes.

- Formats d'encodage de données simple, complexe.

Exercice
Création de graphiques statistiques.

Framework Spry d'Adobe

- Utiliser le Framework Spry d'Adobe pour enrichir l'interface graphique de votre site web

- Widgets de navigation : Accordion , Menu Bar Sliding Panels, Tabbed Panel

- Widgets de contrôle : Checkbox Widget , Radio Button Widget , Select Widget, Password Widget, Text Area Widget, Text Field Widget

- Construction dynamique de tableaux

- Effets visuels

Exercice
Mise en oeuvre des widgets du framework SPRY.

Framework Yahoo User Interface

 

- Utilitaires : cookies, drag&Drop, cookies, imagecropper, Connection Manager JSON

- Contrôles : bouton, calendrier, éditeur HTML, menus, tableaux, tree, slider, colorpicker

- CSS : comment intégrer des feuilles de styles YUI prédéfinies pour styliser votre site web

Exercice
Mise en oeuvre de ces multiples composants pour enrichir votre interface Web


ORSYS, le spécialiste de la formation aux nouvelles technologies informatiques, au management et au développement personnel. Les centres de formation ORSYS : Paris La Défense, Lyon, Aix-en-Provence, Nantes, Rennes, Toulouse, Lille, Strasbourg, Bruxelles et Luxembourg.

Plus d'infos sur le site de l'organisme

Plus d'infos sur le site de l'organisme

Transférer à un ami