Thoughts on Software Engineering

Advanced JavaScript, AJAX and Web 2.0 Course

I am organizing the first in Bulgaria training course for Advanced JavaScript, AJAX and Web 2.0 development: on 6-7, 13-15 December, 2007. It will be a nice and serious training.

Advanced JavaScript, AJAX and Web 2.0 Programming Course

The JavaScript language is the core part of the modern Web 2.0 applications and AJAX frameworks. Nowadays JavaScript skills are absolutely required to any Web front end developer and are of a big advantage for Java, .NET, PHP, Python and other Web developers.

In this course the students will learn the DHTML fundamentals and some advanced JavaScript and AJAX programming techniques and frameworks like the Prototype library, the Dojo Toolkit, the JSON serialization, how to program object-oriented in JavaScript, how to write reusable components as well as best practices in creating rich client-side JavaScript applications.


1. World Wide Web and HTTP Introduction (1 lecture)

What is WWW?

WWW Components: URL, HTML, HTTP

The HTTP Protocol

HTTP Request Messages

HTTP Response Messages


2. HTML Fundamentals (2 lectures + 2 exercises)

Introduction to HTML: How It Works?

HTML in Details: Basic Tags


HTML tags

HTML tables

HTML forms

3. Cascading Style Sheets (CSS) (2 lectures + 1 exercises)

Why to Use CSS?

CSS Syntax

Linking Presentation and Content

The Box Model

CSS Rules

Cross Browser Compatibility

CSS Development Tools

4. Creating Web Sites with XHTML and CSS (1 lectures + 3 exercises)

From JPEG Image to XHTML and CSS

Cross Browser Compatibility

5. JavaScript Basics and Web Browser DOM (2 lectures + 2 exercises)

What is JavaScript?

How and where do you place JavaScript code?

JavaScript Syntax

The Web Browser Object Model (DOM)

Accessing DOM from JavaScript

JavaScript Debugging Tools

6. AJAX Basics (1 lecture)

What is Rich User Experience?

Rich Internet Application (RIA) Technologies

AJAX: Real-life Examples & Usage Cases

What is and Why AJAX?

Technologies Used in AJAX

Anatomy of AJAX operation

XMLHttpRequest Methods & Properties

AJAX Security

7. JSON Serialization (1 lectures)

What is JSON?


JSON Syntax


8. Advanced JavaScript Programming and JavaScript Best Practices (2 lectures + 2 exercises)

Use Object-oriented JavaScript

Use Object Hierarchy

Use the Prototype Property


Write reusable JavaScript code

Typical JavaScript Framework Architecture

Use Object Literals as Function Parameters

Load JavaScript on Demand

Clean separation of Content, CSS, and JavaScript

Reduce the Size of JavaScript File

9. Prototype Library (2 lectures + 2 exercises)

What is Prototype?

Object Class

Utility Functions

Built-in objects and classes

Ajax and Ajax.Request

Browser Compatibility

10. Dojo Toolkit Basics (2 lectures + 1 exercises)

What is and Why to use Dojo Toolkit?

Dojo Toolkit Package System

Remoting via

Dojo DOM Manipulation

Backward/Forward buttons, Bookmarking

Dojo Event System: DOM events, Chaining function calls, AOP event model

What is a Dojo Wiget?

How to use Dojo Wigets?

What are the built-in Dojo Wigets?

How can I see the built-in Dojo Wigets in action?

How to create my own Dojo Wiget?

11. Practical Project: Web 2.0 Web Site Based on JavaScript (2 lectures + 4 exercises)

From JPEG Image to XHTML + CSS + JavaScript

Application Architecture: Creating the Foundation Classes

Application Implementation: Implementing the Functionality

Overcoming the Browser Compatibility Issues

Best Practices

Target Audience

The course is designed for software engineers that want to gain skills for developing rich Web 2.0 front ends with HTML, CSS, JavaScript and AJAX. The audience is assumed to have some basic knowledge in computer programming, Web technologies, HTML, CSS and XML.

Previews (4,146), Views (197), Comments (0)

RSS feed for comments on this post. TrackBack URL