Formation GWT 2 (Google Web Toolkit)

Objectifs de la formation Google Web Toolkit 2 (GWT 2)

Google Web Toolkit 2 (GWT 2) est un ensemble d'outils permettant de réaliser des applications web dynamiques en utilisant le langage Java. Google a élaboré les outils GWT autour d'un concept original : l'application est entièrement développée en Java, et le compilateur GWT 2 se charge de la traduire en Javascript. GWT devient une référence en matière de développement d'applications riches.

Cette formation vous permettra de comprendre les avantages de cette plateforme et comment l'utiliser pour répondre aux besoins concrets des clients (ergonomie, performances, modularité, etc.).

Public concerné Développeurs Web. Développeurs Java. Pré-requis Avoir une expérience en développement Java et en développement Web (Java EE ou PHP ou .NET) ou avoir suivi les formations Java initiation, Java EE, PHP initiation, ou C# initiation.

Informations pratiques Référence : #DEVWGW01 Durée : 3 jours (21 heures) Tarif inter-entreprises: 1 460€ (HT) Stage intra-entreprise disponible   Dates :  - du 4 au 6 Mars  - du 8 au 10 Avril  - du 13 au 15 Mai  - du 3 au 5 Juin  - du 15 au 17 Juillet  - du 21 au 23 Octobre  - du 16 au 18 Décembre   Consultez-nous pour obtenir un devis et les prochaines disponibilités de nos consultants formateurs.

Présence nationale Cliquez sur l'image pour l'agrandir Auxerre, Bordeaux, Caen, Clermont-Ferrand, Dijon, Grenoble, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Perpignan, Reims, Rennes, Rouen, Strasbourg, Toulouse, Toulon, Tours

Programme de la formation GWT 2

Introduction à GWT 2

• Historique
• Présentation de la plateforme
• Positionnement
• Concurrents
• Nouveautés GWT 2.x
• Plugin Google Web Toolkit pour Eclipse
• Cloud Computing avec Google App Engine
• Installer les plugins pour navigateurs

Exercice pratique: Récupération et Installation du plugin GWT pour Eclipse. Création d'un premier projet grâce à l'assistant et déploiement sur le Cloud Google App Engine

Un projet GWT, qu'est ce que c'est ?

• Les bons outils pour développer efficacement
• Java-JavaScript
• Savoir débugger
• Séparation des sources client/serveur
• Optimiser le code livré au client
• Application RIA ou simple Widgets en GWT

Les composants graphique de GWT

• Les composants graphiques de base (boutons, zones de saisie, ...)
• Les différents Layouts, Panel
• Savoir gérer le DOM
• Les évènements, comment les lier aux composants
• Bien organiser ses composants
• Créer ses propres composants
• Intégration d'un site existant avec GWT
• Créer des graphiques en GWT

Exercice pratique: Création d'une application de gestion de contacts (nom, prénom, adresse, téléphone) avec saisie et affichage des données

Communication Client/Serveur avec GWT

• Mise en place d'un RPC
• Interface, Implémentation, Meilleures pratiques
• Gérer la sérialisation
• Savoir récupérer du contenu XML
• Savoir récupérer du contenu JSON
• Comment régler les problèmes liés au Same Origin Policy (SOP)

Exercice pratique: Création d'un web service côté client permettant de communiquer en RPC avec l'application GWT.

JavaScript Native Interface – JSNI

• Implémentation d'une méthode JavaScript appelée depuis Java
• Implémentation d'une méthode Java appelée depuis JavaScript
• JSON
• Types Overlays
• Gestion des exceptions

GWT 2

• Développement « In-Browser »
• UIBinder
• Le test unifiaire simplifié : HTMLUnit
• Guide sur la séparation du code (runAsync)
• Speed Tracer
• SOYC (Story Of Your Compile)
• Data Binding et GWT avec les classes Editor

Best Practices GWT

• Bien architecturer son application
• Performances
• Savoir gérer la navigation
• Les ClientBundle : savoir intégrer ses documents (textes, images)
• Internationalisation
• Savoir optimiser la compilation de vos applications GWT (langues, navigateurs)
• Data Transfert Objects, comment les utiliser ? pourquoi ?  Cas pratique avec Hibernate

Exercice Pratique: Création de tests, d'un MVP et d'un SOYC sur l'application développée. Optimisation de l'application en modules.

L'écosystème GWT

• GWTDesigner : Assistant de création d'interfaces GWT
• ExtGWT : la richesse d'ExtJS intégrée à la plateforme GWT
  • Présentation
  • Licence
  • Les Listener (et non handler)
  • Le ViewPort
  • Savoir utiliser les données avec le Store et les BeanModel
  • Création et validation de formulaires

HTML5 / CSS3 et GWT

• Présentation de HTML5
• Quels avantages pour GWT d'utiliser HTML5 ?
• Comment lier HTML5 et GWT
• Présentation et utilisation de gwt-mobile-webkit
• Mise en place de la géolocalisation (Geolocalisation API)
• Mise en place du stockage local (Storage API et Database API)
• Les problèmes liés à l'état actuel du CSS3

Introduction à la programmation GWT pour mobiles

• Problématiques du développement mobiles
• Les frameworks JavaScript : JQuery Mobile, JQTouch, Sencha Touch (EXT)
• Création rapide de quelques pages en GWT pour mobiles
• Mode Offline
• PhoneGap pour la création d'application GWT pour Android, IPhone, Blackberry, ...

Savoir lier GWT aux frameworks Java

• Comment associer GWT et Spring
• Comment associer GWT et Struts2

Logiciels utilisés

Tout logiciel où il n'y a aucun intérêt pédagogique à le faire faire par les stagiaires sera préinstallé sur les postes.

Travaux pratiques

Tout au long de cette formation, de nombreux exercices seront effectués. En effet, environ 60% du temps est concacré à la pratique.

Pour aller plus loin

Si programme est terminé en avance, il sera possible de discuter autour de différents sujet tels que l'intégration avec les frameworks spring ou maven, ou  sur la création de composants personnalisés. Des exercices supplémentaires sur les sujets déjà traités pourront également être proposés.

Formations connexes disponibles dans notre centre de formation

Si vous souhaitez aller plus loin, vous pouvez suivre la formation Ext GWT, ou la formation GWT Mobile.

Mots clés associés à cette formation

Développement web, GWT, Google Web Toolkit, Java, Ajax, ext, Google, html5.

Financement de la formation professionnelle

Ce cours peut être financé par l'OPCA (Agefos, Fafiec, Opcalia...) de votre entreprise ou par le Fongecif de votre région.

Il peut également être suivi dans le cadre du DIF, du CIF, ou d'une période de professionnalisation.