WA1594 Web 2.0 for Developers

Skills covered:

Overview

Design and implement Web 2.0 solutions into the intranet. Broadcasting, collaboration and social networking technologies, Rich Internet Applications will be explored. Attention is given to “mash-ups”, RSS/ATOM, SOAP and/or REST and best practices.

Objectives

  • Build practical skills through hands-on AJAX and Web 2.0 exercises
  • Explore the models, techniques, toolkits, and best practices available for Web 2.0
  • Gain an understanding of Web 2.0 and how its interaction model differs from traditional Web communication
  • Discuss the potential for leveraging Web 2.0 technologies within the enterprise (i.e. Enterprise 2.0)

Audience

Web application architects, Web application developers, User interface designers, and Web application quality assurance personnel

Prerequisites

Hands-on experience with HTML and Javascript required. Exposure to XML and CSS preferred, but not required.

Syllabus

Introduction to Web 2.0

  • Web 2.0 Should I upgrade?
  • Three key elements
  • Instructor Demo
  • Instructor Demo
  • Web 2.0 Innovations - Collaboration
  • Web 2.0 Innovations Collaboration
  • Instructor Demo
  • Summary

Introduction to AJAX

  • Objectives
  • What is AJAX?
  • A Simple Example
  • The Old Way
  • The AJAX Way
  • Two Key Aspects of AJAX
  • What are the Advantages of the AJAX Approach?
  • AJAX Technologies
  • The Basic AJAX API
  • Creating the XMLHttpRequest Object
  • The XMLHttpRequest Object Basics
  • Complete Example
  • The Timeline
  • Review Questions
  • Review Answers

XHTML

  • What is XHTML?
  • The DTD and MIME Type
  • The Basic Syntax
  • Embedding XHTML in a XML Document
  • Differences With HTML 4
  • Embedding Scripts and Styles
  • The Standard Attributes
  • The < div="" > Element
  • The < span="" > Element
  • Review Questions
  • Review Answers

JavaScript DOM API

  • What is DOM?
  • Element Hierarchy
  • DOM Standardization
  • The document Object
  • Nodes and Elements
  • The Element Object
  • Element Event Handlers
  • The window Object
  • The Frame Object
  • The History Object
  • Review Questions
  • Review Answers

AJAX API Details

  • The Request Object
  • Creating the Request Object
  • The Request Object
  • Simple GET Example
  • Making a POST Request
  • Making Concurrent Requests
  • Memory Leak With Inner Function
  • A POST Utility Function
  • Mozilla XmlHttpRequest Extensions
  • IE Microsoft.XMLHTTP Extensions
  • Ajax Caching
  • Control Cache Duration
  • Advanced Cache Control
  • Review Questions
  • Review Answers

Advanced DOM

  • The Event Object
  • Event Bubbling
  • Creating and Initializing an Event
  • Dispatching an Event
  • Example
  • Handling Events
  • Registering Event Handler
  • Best Practice
  • Working With Styles
  • Example
  • The Style Object
  • Setting Style of an Element
  • Working With Style Sheets
  • DOM HTML API
  • Table DOM Objects
  • The HTMLTableElement Object
  • The HTMLTableRowElement Object
  • The HTMLTableCellElement Object
  • Example of Table DOM API
  • The Form Element Objects
  • The HTMLFormElement Object
  • The HTMLInputElement Object
  • The HTMLSelectElement Object
  • The HTMLOptionElement Element
  • Review Questions
  • Review Answers

Communication With Server - Basic

  • Introduction
  • Application Layer Protocol
  • Plain HTML Snippet
  • XML Document
  • XML Document Server Side
  • Example: Build DOM Document in Java
  • Example: Write DOM Document in HTTP Reply
  • Example: The Servlet
  • C#: Create a XML DOM Document
  • C#: Output XML in HTTP Reply
  • XML Document - Client Side
  • DOM API Summary
  • DOM API The Document Object
  • DOM API The Element Object
  • Body Text of an Element
  • Setting Body Text
  • Displaying Body Text
  • Using XML As Request Data
  • Creating a New DOM Document
  • Serializing DOM Document as Text
  • Posting an XML Document
  • Processing the Posted XML From a Servlet
  • Review Questions
  • Review Answers

Communication With Server - JSON

  • Introduction
  • JavaScript Object Notation (JSON)
  • JSON Syntax
  • How Does JSON Based Communication Work?
  • How JSON Based Communication Work?
  • JSON: Server Side
  • JSON: Client Side
  • Working With Arrays
  • Advanced JSONObject Methods
  • Advanced JSONArray Methods
  • Summary
  • Review Questions
  • Review Answers

Direct Web Remoting (DWR)

  • Introduction
  • How DWR Works
  • DWR: The Server Side
  • Configuring the Server Side
  • The dwr.xml File
  • DWR: The Client Side
  • Unit Testing
  • Accessing Servlet API Objects
  • Error Handling
  • Review Questions
  • Review Answers

The Dojo Toolkit

  • Objectives
  • Introduction
  • Simple Example Tab Widget
  • How Does DOJO Work?
  • Importing Packages
  • Widget Basics
  • Widget Layout Example
  • The Two byId() Methods
  • Widget Properties
  • Widget Events
  • Common Features of Widgets
  • Form Input Widgets
  • The Button Widget
  • The Checkbox Widget
  • The ComboBox Widget
  • The FilteringSelect Widget

Training provider

Teaching mode:
Classroom - Instructor Led
Online - Instructor Led
Duration: 5 days
Gooroo has partnered with the global leaders in IT training to give you access to quality training, personalised to you, targeted at increasing your job opportunities and salary.

Our pricing

We do not display pricing as Gooroo members qualify for special discounts not available elsewhere. You must enquire through Gooroo to get this benefit.

New courses are happening all the time

Our partner's expert training consultant will provide you with the times and all the details you need. Enquire today.

Top skills covered in this course

JavaScript
Worldwide
This skill has an average salary of
US$95,691
and is mentioned in
1.01%
of job ads.
JSON
Worldwide
This skill has an average salary of
US$0
and is mentioned in
0.00%
of job ads.
XML
Worldwide
This skill has an average salary of
US$0
and is mentioned in
0.00%
of job ads.
Ajax
Worldwide
This skill has an average salary of
US$0
and is mentioned in
0.00%
of job ads.