Java EE Programming: AJAX Fundamentals, Part 3 of 4

Course description

This course starts with a simple introduction of the AJAX, what it is and what it can do. It will then move on to how to use XHTML with Java, using JavaScript with the Document Object Model (DOM) API and the AJAX API. The course will then cover Cascading Style Sheets and why it is an important part of AJAX and webpage development. In the final chapters, the course will cover communication with the server on a basic level and using JavaScript Object Notation (JSON).

Each LearnNowOnline training course is made up of Modules (typically an hour in length). Within each module there are Topics (typically 15-30 minutes each) and Subtopics (typically 2-5 minutes each). There is a Post Exam for each Module that must be passed with a score of 70% or higher to successfully and fully complete the course.

Meet the expert

Ali Hamad

Ali Hamad has a Bachelor and Masters degree in Computer Science and has been training many aspects of Java for over 14 years, covering Introduction through JDBC, JBoss and beyond. His training and consulting background also covers C, C , Object Oriented Analysis and Design (OOAD), and Unix/Linux. Ali has worked for or been a consultant and trainer for many companies including Dell, Texas Instruments, State of New Hampshire, Web Age Solutions, and many more. He is the author of training material for several programming topics such as Java, Struts, C , Unix and J2EE applications.

Video Runtime

179 Minutes

Time to complete

219 Minutes

Course Outline

Module 5

CSS2 (21:51)

• Introduction (00:29)
• Introduction (00:56)
• New in CSS2 (01:55)
• Example: CSS2 (00:28)
• Formatted Output (00:43)
• Unformatted Output (00:42)
• Basic Syntax (03:06)
• Creating a Style Sheet (02:13)
• Demo: CSS2 (10:46)
• Summary (00:30)

Creating Style Sheets (22:30)

• Introduction (00:34)
• Creating a Style Sheet (02:16)
• Value Types (04:36)
• Selectors (02:17)
• Styling Rules (01:15)
• Demo: Creating Style Sheets (11:11)
• Summary (00:18)

Advanced Selectors (21:23)

• Introduction (00:21)
• More on Selectors (01:44)
• Class Selector (02:16)
• ID Selector (00:58)
• Child Selector (01:02)
• Descendent Selector (00:46)
• Attribute Selector (00:49)
• Pseudo-class Selector (01:42)
• Demo: Advanced Selectors (11:24)
• Summary (00:16)

Element Grouping (29:06)

• Introduction (00:32)
• Grouping Elements (02:15)
• The Box Model (01:39)
• Box Properties (02:42)
• The Visual Formatting Model (02:10)
• Types of Boxes (03:36)
• Display Property (01:38)
• Positioning Schemes (01:06)
• The Position Property (01:23)
• Relative Positioning (01:51)
• The Float Property (02:21)
• The Clear Property (00:38)
• Absolute Positioning (01:11)
• Layered Presentation (01:39)
• Color Property (00:49)
• Background Properties (00:56)
• Font Properties (01:55)
• Summary (00:36)

Module 6

Advanced DOM (25:45)

• Introduction (00:38)
• Event Handling (01:49)
• The Event Object (01:30)
• Event Object: Life Cycle (00:59)
• Event Object: Key Properties (01:47)
• Event Object: Key Methods (00:43)
• Event Bubbling (00:34)
• Creating an Event (01:38)
• Dispatching an Event (01:39)
• Example (02:01)
• Demo: Advanced DOM (12:07)
• Summary (00:14)

Events Handling (19:29)

• Introduction (00:32)
• Handling Events (01:31)
• Register Using HTML Markup (01:14)
• Register Using Element Property (02:15)
• Register Using DOM API (02:18)
• Example: Register Using DOM (00:51)
• Best Practice (02:25)
• Canceling Default Action (01:59)
• Working with Styles (01:58)
• Demo: Event Handling (04:06)
• Summary (00:15)

Working with Styles (39:17)

• Introduction (00:26)
• Working with Styles (01:07)
• Examples (01:36)
• The Style Object (02:39)
• Setting Style of an Element (01:33)
• Working with Style Sheets (04:33)
• DOM HTML API (03:11)
• Table DOM Objects (02:18)
• HTMLTableElement Object (01:25)
• HTMLTableRowElement Object (01:18)
• HTMLTableCellElement Object (00:39)
• Example of Table DOM API (01:47)
• The Form Element Objects (01:06)
• Demo: Working with Stles (10:11)
• HTMLFormElement Object (00:44)
• HTMLInputElement Object (01:32)
• HTMLSelectElement Object (01:49)
• HTMLOptionElement Element (00:55)
• Summary (00:20)