Develop, and implement an end to end web 2.0 application using proven model-view-controller (MVC) and form processing patterns. The student programs a Web 2.0 front-end using JavaScript, Ajax, the JavaScript Library Ext JS, CSS, and HTML to provide a rich user experience. On the server side, Java MVC patterns are used to write application logic and controls. On the back-end, the students modify code that utilizes the Java Persistance API (JPA) and the modern version of Enterprise JavaBean (EJB 3.0) to maintain the data in the database. Learn to develop quality web 2.0 applications, end to end, on top of a corporate database.

Module 1 - Course Introduction

• Target audience and Module description
• Description of the development tools used in this course

Module 2 - Introduction to Web Page Layout and Styles with CSS

• Use Web Browser Technologies
• Analyze the Document Object Model (DOM) in HTML Structures
• Add Page Divisions and Styles to your web pages
• Define Page Spacing and Layout in HTML pages

Module 3 - The JavaScript Language

• Using JavaScript Objects
• Arrays extend Object with an integer index
• Strings extend Object with an a string value
• Functions extend Object with a JavaScript function body
• JavaScript and the Document Object Model (DOM)

Module 4 - Programming with Ajax and JSON

• Program a web page with Ajax
• Pass data to your application using JSON
• Secure Ajax Applications
• Recommendations for using JavaScript

Module 5 - Introduction to Java EE Technologies

• Components of Java EE and the Application Server
• Java Servlets and Java Server Pages
• Persistence using a Bean

Module 6 - Using an EBJ with the Java Persistence API

• Develop skills to Read, Use, and Modify an Enterprise JavaBean (EJB)
• Use JPA in the EJB to manage the relational database data
• This EJB is the model part of the sample MVC application used in the following Modules
• This is the Model (M) part of the MVC application

Module 7 - MVC Java Technology Components

• Application Introduction
• Form Process: Initialization, Error Handling, and Database Update
• This Application controller logic servlets are used in the following Modules
• This is the Controller (C) part of the MVC application

Module 8 - Introducing the Ext JS SDK

• Ext JS SDK Introduction
• Create a Project using the Ext JS SDK
• Ext JS DOM Manipulation
• Making an Ext JS Ajax Call

Module 9 - Developing Ext JS Forms

• JavaScript Development in Firefox, with Firebug, Development and Debugging
• Relationship between Mozilla Firefox and Microsoft Internet Explorer
• Setting up the Development Environment
• Configuring and Processing Forms with Ext JS

Module 10 - Developing a Web 2.0 Front-end Using Ext JS

• MVC Web 2.0 and Java EE Architecture
• JSON Formatted Data, and communicating between the client and server
• Build an Web 2.0 Front-end Using Ext JS Widgets
• Activating Grid Functionality
• Integrate Web 2.0 Client Side with the Java EE Server Side

Module 11 - Implementing Access Control

• JavaScript and the Document Object Module (DOM)
• Creating a Login Form with Ext
• Creating a Non-Editable Table with Ext
• Adding UserName/Password/Role Query Functionality to the EJB Layer
• Sample application extension to do Access Management

Module 12 - Localization Using Client Side JavaScript and Ext JS

• Introduce localization concepts for web site messages
• Localization with Ext JS
• Steps to Localize a Message and a Form

Module 13 - Designing a Web Application Architecture

• Overview Architecture Concerns
• Discuss: Client Tier, Web Tier, and the Business Tier