Learn your way! Get started

Java EE Programming: Ajax with Spring 3.0

with expert Greg Matus


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 1/30/2012
Level Advanced
Runtime 9h 33m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs Included
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



Course description

The Spring 3.0 framework combined with Ajax gives you as a web developer a strong platform to develop web applications with. This course covers some of the ways that Ajax and Spring 3.0 can be used to create web applications. The course starts with an Ajax overview and then gets in XHR mechanics. The course will then cover JavaScript mechanics then Cascading Style Sheets (CSS) with in Spring. You will then learn about the HTML Document Object Model (DOM) and how to work with nodes. Then the course covers XML DOM Mechanics on how to handle XML responses. You will then learn about applied JavaScript and its approach to XML HTTP request calls. You will then see an Ajax application built and end the course with JSON objects.

Prerequisites

This an intermediate- level Spring 3.0 training course, designed for developers who need to understand how and when to use Spring in Java and JEE applications. You should have practical basic Java development experience.

Learning Paths

This course is part of the following LearnNowOnline SuccessPaths™:
Java Development

Meet the expert

Greg Matus combines his practical programming skills and mentoring excellence to develop the highest quality educational programs available. His technical focus includes developing programs and projects focused around advanced application development, performance, and tuning skills and technologies. His specialties include Java, advanced J2EE / JEE, AJAX, XML, Web Services, JSP, SQL, JDBC and Database topics, Oracle, Eclipse, WebLogic, and more.

Course outline



Module 1

AJAX Overview (19:17)
  • Introduction (01:37)
  • Ajax Basics (01:40)
  • The Purpose of Ajax (00:34)
  • Traditional Web Application (02:34)
  • Ajax Web Application (06:49)
  • Demo: Traditional Web App (01:40)
  • Demo: Ajax Web App (03:56)
  • Summary (00:23)
XHR Mechanics (44:30)
  • Introduction (00:31)
  • XMLHttpRequest Object (01:46)
  • Creating XMLHttpRequest Object (00:21)
  • XMLHttpRequest Mozilla Method (02:30)
  • XMLHttpRequest IE Method (02:27)
  • Cross Browser XMLHttpRequest (01:25)
  • Using an XMLHttpRequest Object (01:00)
  • Open Method Arguments (03:12)
  • Request Types (00:29)
  • Request Types: Heads (04:13)
  • Request Types: Get (02:17)
  • Request Types: Post (04:11)
  • Asynchronous vs Synchronous (02:37)
  • Handling the Responce (07:00)
  • Values of readyState Property (01:46)
  • Handling readystatechange (04:12)
  • XMLHttpRequest Object Prop (03:01)
  • XMLHttpRequest Object Methods (01:04)
  • Summary (00:20)
XHR Mechanics Demo (00:36)
  • Introduction (00:24)
  • Demo: Post Method (00:00)
  • Summary (00:12)

Module 2

JavaScript Mechanics (35:25)
  • Introduction (00:42)
  • JavaScript Defined (05:48)
  • Embedding Scripts in HTML (05:09)
  • Identifiers and literals (07:28)
  • Non Standard Operators (11:12)
  • Strings (04:46)
  • Summary (00:16)
JavaScript Objects (29:14)
  • Introduction (00:39)
  • JavaScript Objects (08:01)
  • JavaScript Literals (01:31)
  • JavaScript Objects (00:48)
  • Associative Array (02:14)
  • Object Universal Properties (01:27)
  • JavaScript Array (06:04)
  • Arrays (02:43)
  • Array Methods (05:20)
  • Summary (00:22)

Module 3

JavaScript Functions (27:00)
  • Introduction (00:30)
  • Defining JavaScript Functions (03:51)
  • Function (02:32)
  • Functions in JavaScript (01:50)
  • Invoking Functions (04:25)
  • Functions as Data (04:19)
  • Functions as Methods (01:53)
  • Function Constructor (03:11)
  • Function Scope and Closures (04:05)
  • Summary (00:21)
Control Structure (32:48)
  • Introduction (00:25)
  • Loop Structures (02:54)
  • Iteration (02:17)
  • Loop Structures 2 (03:18)
  • Conditional Structures (01:48)
  • Logical (01:07)
  • Return (02:00)
  • Throw (01:06)
  • String Objects (02:26)
  • Working with Arrays (00:54)
  • With (01:13)
  • The With Statement (00:35)
  • Defining Classes (03:29)
  • Functioning Constructors (01:27)
  • Prototype Property (02:12)
  • Extending Classes (01:51)
  • Extending Classes With Prototype (02:23)
  • Javascript and JSP (00:48)
  • Summary (00:26)

Module 4

JavaScript Event Handling (44:08)
  • Introduction (00:26)
  • JavaScript Event Handling (03:21)
  • Event Models (01:48)
  • Basic Event Handling (17:17)
  • Handling HTML Events (04:41)
  • Event Handling With Dom Level 2 (03:42)
  • Dom 2 Event Propagation (08:07)
  • Event Handler Registration (04:23)
  • Summary (00:19)
JavaScript Misc (40:29)
  • Introduction (00:23)
  • InnerHTML (02:11)
  • JavaScript Security (02:26)
  • Same Origin Policy (04:09)
  • Timers Within Browser Windows (02:15)
  • Window and Screen Information (02:31)
  • Opening and Manipulating Windows (02:28)
  • Execution: Global Object (02:30)
  • Execution: Call Object (01:13)
  • Execution Context (01:00)
  • Scope Chain (02:27)
  • JavaScript in Browser (01:58)
  • Window Object - Global Context (02:21)
  • Executing Scripts (01:47)
  • OnLoad Event Handler (04:05)
  • Window Object as Execution (01:54)
  • Threading (03:04)
  • Manipulating Document (01:18)
  • Summary (00:19)

Module 5

JavaScript Basics Demo (00:47)
  • Introduction (00:20)
  • JavaScript Demo (00:00)
  • Summary (00:26)
CSS (45:53)
  • Introduction (00:37)
  • Intro to CSS (06:31)
  • Applying CSS (04:04)
  • Connecting CSS to Documents (00:46)
  • Style Rules Summary (04:00)
  • Defining Style Rules (00:59)
  • CSS Selectors (01:40)
  • (Simple) Selectors (00:30)
  • Class Selectors (01:26)
  • ID Selectors (00:43)
  • Contextual Selectors (01:08)
  • CSS Properties (00:33)
  • CSS Declarations and Rules (01:40)
  • Grouping / Inheritance (03:10)
  • Comments (00:22)
  • Types of Formatting Elements (02:47)
  • Pseudo-class and -elements (04:48)
  • Pseudo-elements (02:03)
  • Importing a Style Sheet (02:36)
  • Cacading Order (05:01)
  • Summary (00:20)

Module 6

CSS Basics Demo (00:45)
  • Introduction (00:28)
  • CSS Basics Demo (00:00)
  • Summary (00:16)
DOM Mechanics (44:13)
  • Introduction (00:36)
  • HTML Document Object Model (01:46)
  • Introduction to Scripting (02:45)
  • Dom Structure (03:55)
  • Structure of a Page (01:52)
  • Dynamic Document Content (03:10)
  • The HTML DOM (00:28)
  • Accessing Nodes (01:05)
  • Accessing Element Nodes (02:55)
  • getElementByTagName() (02:37)
  • getElementById() (02:32)
  • Accessing Element Nodes (01:34)
  • The this Object (02:39)
  • Attaching Events (03:14)
  • Code Explanation (01:15)
  • Demo: Events (11:14)
  • Summary (00:28)

Module 7

DOM Mechanics Nodes (43:30)
  • Introduction (00:34)
  • Accessing Attribute Nodes (03:59)
  • Accessing Nodes by Type (01:31)
  • Node Type Constants (01:05)
  • nodeName (01:51)
  • nodeValue (01:54)
  • Accessing Nodes by Class Name (02:51)
  • Prototypes (01:23)
  • removeChild() Method (01:05)
  • DOM Differences (03:25)
  • Demo: Browser Differences (23:09)
  • Summary (00:38)
DOM Mechanics Adding Nodes (42:37)
  • Introduction (00:36)
  • Creating New Nodes (02:52)
  • Methods for Inserting Nodes (03:37)
  • Code Explanation (00:28)
  • Demo: Node Insertion (06:49)
  • setAttribute() Method (00:49)
  • Introduction to Forms (02:42)
  • Form Object (01:35)
  • Scripting Form Elements (05:10)
  • Demo: Forms (17:34)
  • Summary (00:20)

Module 8

Working With Nodes (33:49)
  • Introduction (00:27)
  • Creating a DOM Document (02:30)
  • Populating a DOM with XML (00:49)
  • Properties for Accessing (01:17)
  • Methods for Inserting Nodes (01:00)
  • XML to HTML (03:07)
  • Code Explanation (00:56)
  • Demo: XML to HTML (03:40)
  • Creating an AddChild() Func (02:04)
  • Demo: AddChild() (17:43)
  • Summary (00:12)
Receiving Responses (16:36)
  • Introduction (00:31)
  • Receiving XML Responses (01:17)
  • Demo: XML Responses (14:16)
  • Summary (00:31)

Module 9

Handling Response XML (00:40)
  • Introduction (00:26)
  • Demo: Handling Response XML (00:00)
  • Summary (00:14)
Applied JavaScript Basic (00:40)
  • Introduction (00:34)
  • Demo: Applied JavaScript (00:00)
  • Summary (00:06)

Module 10

Applied JavaScript Basic Pt 2 (42:20)
  • Introduction (00:14)
  • Creating New JavaScript Objects (03:09)
  • JavaScript Classes (00:47)
  • Creating Multiple Objects (03:09)
  • Prototypes (04:14)
  • Extending (02:26)
  • OO Approach (05:09)
  • Reusable, Flexible Classes (02:20)
  • Demo: XMLHttpRequest (20:41)
  • Summary (00:06)
Applied JavaScript Basic Pt 3 (00:47)
  • Introduction (00:15)
  • Demo: XMLHttpRequest Continued (00:00)
  • Summary (00:32)

Module 11

Ajax Applications (01:08)
  • Introduction (00:41)
  • Demo: Ajax Applications (00:00)
  • Summary (00:26)
Quick Lookup Form (00:59)
  • Introduction (00:36)
  • Demo: Quick lookup form (00:00)
  • Summary (00:23)
Quick Lookup Form Continued (00:34)
  • Introduction (00:22)
  • Demo: Another Lookup Form (00:00)
  • Summary (00:12)
Ajax Applications Slideshow (00:52)
  • Introduction (00:30)
  • Demo: Slideshow (00:00)
  • Summary (00:22)

Module 12

JSON Object Notation (22:45)
  • Introduction (00:39)
  • JSON Overview (01:49)
  • Arrays (00:52)
  • Objects (02:15)
  • Arrays in Objects (00:17)
  • Objects in Arrays (00:39)
  • JSON Syntax (00:46)
  • JSON Parsers (02:35)
  • Sending Data (04:38)
  • HTML: Using JSON (02:14)
  • Server: Using JSON (01:21)
  • JSON vs XML (01:41)
  • Advantages (00:33)
  • Disadvantages (02:02)
  • Summary (00:17)
Using JSON (00:54)
  • Introduction (00:26)
  • Demo: Using JSON (00:00)
  • Summary (00:27)