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: http://academy.devbg.org/news/19-11-2007.php 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.
Syllabus
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
– Cookies
2. HTML Fundamentals (2 lectures + 2 exercises)
– Introduction to HTML: How It Works?
– HTML in Details: Basic Tags
– HTML vs XHTML
– 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 vs. XML
– JSON Syntax
– AJAX & JSON
8. Advanced JavaScript Programming and JavaScript Best Practices (2 lectures + 2 exercises)
– Use Object-oriented JavaScript
– Use Object Hierarchy
– Use the Prototype Property
– DOM APIs & InnerHTML
– 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.io.bind
– 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.