Formation GWT 2 (Google Web Toolkit)

Demander un devis
Je souhaite télécharger le programme ou imprimer le programme
  • Imprimer

Objectif

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 : 10 sessions de 3 jours

Tarif inter-entreprises: 1 460€ (HT)

Stage intra-entreprise disponible

 

Dates :

 - 20 au 22 janvier 2016

 - 08 au 10 Février 2016

 - 24 au 26 février 2016

 - 16 au 18 Mars 2016

 - 06 au 08 Avril 2016

 - 11 au 13 Mai 2016

 - 20 au 22 Juin 2016

 - 27 au 29 Juillet 2016

 - 05 au 07 Octobre 2016

 - 30 Novembre au 02 Décembre 2016

 - entre janvier et décembre 2016

 - 1 session de 3 jours / mois

 

Consultez-nous pour obtenir un devis et les prochaines disponibilités de nos consultants formateurs.

Présence nationale

Thumbnail image

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

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

    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.

    X
     
     
     
     
     

    You havecharacters left.