• Save
HTML alchemy: the secrets of mixing JavaScript and Java EE - Matthias Wessendorf
Upcoming SlideShare
Loading in...5
×
 

HTML alchemy: the secrets of mixing JavaScript and Java EE - Matthias Wessendorf

on

  • 2,369 views

A deep dive on creating mobile-ready, cloud-enabled, HTML5 applications based on Java EE and modern JavaScript. You will learn how to balance and combine the enterprise Java programming model, based ...

A deep dive on creating mobile-ready, cloud-enabled, HTML5 applications based on Java EE and modern JavaScript. You will learn how to balance and combine the enterprise Java programming model, based on APIs such as CDI, JAX-RS and EJB 3.1, with JavaScript libraries like jQuery Mobile, Backbone, Require and Underscore, while taking advantage of the ease of deployment and elasticity of the cloud.

Statistics

Views

Total Views
2,369
Views on SlideShare
2,367
Embed Views
2

Actions

Likes
4
Downloads
0
Comments
0

1 Embed 2

http://www.verious.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    HTML alchemy: the secrets of mixing JavaScript and Java EE - Matthias Wessendorf HTML alchemy: the secrets of mixing JavaScript and Java EE - Matthias Wessendorf Presentation Transcript

    • JAVAEE MEETS
    • MATTHIAS WESSENDORFJBoss by Red HatMember Apache Software FoundationFormerly working at Kaazing and OracleSpeaker, Author, Blogger:http://wessendorf.netTwitter:@mwessendorf
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • WHAT DOESMOBILE MEAN?
    • FOR US, BASICALLY:Modern Smartphones & TabletsSupporting complex native appsAccess to the “standard” web
    • MOBILE APPLICATION CLIENT TYPES
    • Multi-Platform Requirements
    • MOBILE APPLICATION CLIENT TYPES
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • WHAT DO YOU MEAN WITHHTML5 + REST ?
    • THE MYTHICAL “HTML5”W3C Suite of Specifications Canvas Geolocation WebSockets SSE (Server-Sent Events) CSS3 WebWorker Web Storageand some JavaScript APIs
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • TAKE A REST...WITH JAX-RS RESTFUL ENDPOINTS Uses HTTP standards GET, POST, UPDATE, DELETE, etc... Returns XML, JSON content Annotate POJO’s for request mapping Error handling with Bean Validation CDI to tie it all together
    • REST...Uses meaningful response codes 200 OK 201 Created 400 Bad Request 404 Not Found 409 Conflict
    • HTML5 <3 REST
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • AEROGEAR’S MOBILE WEB QUICKSTART The HTML5 + REST example: single page app jQuery / jQuery mobile JavaEE JAX-RS Endpoints CDI Beans and Services http://html5-aerogear.rhcloud.com/
    • DEMO
    • GOING NATIVE as hybrid
    • APACHE CORDOVAperhaps known as PhoneGap...
    • APACHE CORDOVA1. embedded browser in native app2. bridge between browser and native3. DEV => writes web app4. packages web app with the native code5. no device specific compile (of web app)6. PLUGINS: between layers! <3
    • DEMO
    • BACKBONE.JSGood structure => Four Abstractions Collection Model Router ViewDoesnt hide the DOM since you are doing web dev....lightweight, easy to start with
    • DEMO
    • VANILLA.JSVanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. http://vanilla-js.com/ :-)
    • AGENDAMobile: some backgroundHTML5JavaEE -> JAX-RSJavaScript Frameworks jQuery Mobile Backbone.js Your JS Framework...JBoss AeroGear FrameworkOutlook: AeroGear goes native
    • EXTEND JAVAEE INTO MOBILE CLIENTS!
    • AEROGEAROpen Source Libraries for Mobile Connectivity: JBoss community project Dedicated to mobile development HTML5 and native Facilitate all types of mobile Mobile Web Hybrid Native mobile Examples, tutorials, & community
    • AEROGEAR current offerings:AeroGear.jsAeroGear-iOSAeroGear.jar (Android)server components: aerogear-controller aerogear-security
    • AEROGEAR.JS internal usage of jQuery ($.ajax and $.extend) Example:/ cet a epyppln: / rae n mt ieievrmPpln =ArGa.ieie) a yieie eoerPpln(;/ Adacneto/ieojc: / d oncinpp betmPpln.d(poet"; yieiead"rjcs)/ Raigdt fo teyrjcs cneto: / edn aa rm h mpoet oncinmPpln.ie[poet.ed) yieieppsrjcs]ra(;
    • DEMO
    • AEROGEAR.JS ROADMAP:WebSocketMessagingData Syncclient side validation
    • AEROGEAR.NEXT1. More transports (e.g. WebSocket)2. Data Sync and Push notifications3. OData?4. More platforms ? GROW THE COMMUNITY
    • THANK YOU MATZEW AT REDHAT DOT COM Find us:http://aerogear.org@AeroGearsIRC: #aerogearMAILING LIST http://aerogear.org/community/
    • AEROGEAR-IOSiOS 5 - full ARC supportAFNetworking used for HTTP communicationExample:
    • DEMO
    • AEROGEAR-IOS ROADMAP:Core Data supportData SyncWebSocket (via SocketRocket)APN