Java EE, Part 5 of 8: AJAX Fundamentals page 1
Meet the expert: 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.
Runtime: 12:20:25
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).
Course outline:
Introduction To Ajax • What is DOM • Demo: Concurrent Requests • Ajax Caching • Introduction • Element Hierarchy • Summary • Control Cache Duration • The Old Way • DOM Standardization • Advanced Cache Control • What is AJAX? • The Document Object Request Object Properties - 2 • Demo: Ajax Caching • A Simple Example • Demo: DOM Document Object • Introduction • Summary • The AJAX Way • Summary • Demo: Intro • Two Key Aspects of AJAX • New Project CSS2 • Advantages of AJAX Nodes and Elements • Create Servlet • Introduction • AJAX Technologies • Introduction • Constructor • Introduction • The Basic AJAX API • Nodes and Elements • Import Statement • New in CSS2 • Creating the XMLHttpRequest • The Element Object • Summary • Example: CSS2 Object • Important Properties • Formatted Output • Demo: Create an AJAX Object • Important Methods Request Object Properties -3 • Unformatted Output • The XMLHttpRequest Object • Element Event Handlers • Introduction • Basic Syntax Basics • The Window Object • Creating the Form • Creating a Style Sheet • Complete Example • Key Methods • AJAX Request Function • Demo: CSS2 • The Timeline • Events • Deploying the Application • Summary • Summary • The Frame Object • Summary • The History Object Creating Style Sheets XHTML • Demo: Nodes and Elements Concurrent Requests • Introduction • Introduction • Summary • Introduction • Creating a Style Sheet • What is XHTML? • Making Concurrent Requests • Value Types • The DTD and MIME Type Ajax API Details • Inner Function • Selectors • The Basic Syntax • Introduction • Inner Function: Memory Leak • Styling Rules • Embedding XHTML in a XML • The Request Object • A POST Utility Function • Demo: Creating Style Sheets Document • Creating the Request Object • Mozilla XmlHttpRequest • Summary • Differences With HTML 4 • The Request Object • IE Microsoft.XMLHTTP • Embedding Scripts and Styles • Demo: Request Object Status Extension Advanced Selectors • The Standard Attributes • Summary • Demo: Setting Up MySQL • Introduction • The
Ajax Caching • Introduction
LearnNowOnline www.LearnNowOnline.com powered by Java EE, Part 5 of 8: AJAX Fundamentals page 2
• Pseudo-class Selector • Working with Style Sheets • Demo: Chat • Demo: Advanced Selectors • DOM HTML API • Import Files • Summary • Table DOM Objects • Create the Chat Servlet • HTMLTableElement Object • Create DOM Function Element Grouping • HTMLTableRowElement Object • Chat.html • Introduction • HTMLTableCellElement Object • Time Out • Grouping Elements • Example of Table DOM API • Testing Chat • The Box Model • The Form Element Objects • Summary • Box Properties • Demo: Working with Stles • The Visual Formatting Model • HTMLFormElement Object JSON • Types of Boxes • HTMLInputElement Object • Introduction • Display Property • HTMLSelectElement Object • Introduction • Positioning Schemes • HTMLOptionElement Element • JavaScript Object Notation • The Position Property • Summary • JSON Syntax • Relative Positioning • How Does JSON Work • The Float Property Server Communication • JSON: Server Side • The Clear Property • Introduction • Demo: JSON • Absolute Positioning • Introduction • Summary • Layered Presentation • Application Layer Protocol • Color Property • Diagram JSON Client • Background Properties • Plain HTML Snippet • Introduction • Font Properties • XML Document • JSON: Client Side • Summary • XML Document: Server Side • Working with Arrays • Example: Build DOM Document • Advanced JSONObject Advanced DOM • Example: Write DOM Document Methods • Introduction • Example: The Servlet • Advanced JSONArray Methods • Event Handling • XML Document: Client Side • Demo: JSON Client • The Event Object • DOM API Summary • Summary • Event Object: Life Cycle • Demo: Server Communication • Event Object: Key Properties • Summary • Event Object: Key Methods • Event Bubbling DOM API Summary • Creating an Event • Introduction • Dispatching an Event • The Document Object • Example • Document Object Methods • Demo: Advanced DOM • Element Object • Summary • Element Object Methods • Body Text of an Element Events Handling • Setting Body Text • Introduction • Displaying Body Text • Handling Events • Using XML as Request Data • Register Using HTML Markup • Creating a New DOM • Register Using Element Document Property • Serializing DOM Documents • Register Using DOM API • Posting an XML Document • Example: Register Using DOM • Processing the Posted XML • Best Practice • Demo: DOM API Summary • Canceling Default Action • Summary • Working with Styles • Demo: Event Handling Introduction to Debugging • Summary • Introduction • Demo: Intro to Debugging Working with Styles • Syntax Error • Introduction • Logic Error 1 • Working with Styles • Logic Error 2 • Examples • Summary • The Style Object • Setting Style of an Element Complete Chat • Introduction
LearnNowOnline www.LearnNowOnline.com powered by