JavaScript Essential Training 2011

JavaScript is a scripting language of the web. As the web evolves from a static to a dynamic environment, technology focus is shifting from static markup and styling—frequently handled by content management systems or automated scripts—to dynamic interfaces and advanced interaction. Once seen as optional, JavaScript is now becoming an integral part of the web, infusing every layer with its script.

Through practical examples and mini-projects, this course helps you build your understanding of JavaScript piece by piece, from core principles like variables, data types, conditionals, and functions through advanced topics including loops, closures, and DOM scripting.

00 Introduction

01 Welcome
02 What you should know
03 Using the exercise files

01 Getting Started

01 Introduction to JavaScript
02 Creating your first JavaScript
03 Getting to know the tools and applications

02 Core JavaScript Syntax

01 Understanding the structure of JavaScript code
02 Where to write your JavaScript
03 Creating variables
04 Working with conditional code
05 Working with operators
06 Sending messages to the console
07 Working with loops
08 Creating functions

03 Types and Objects

01 Working with arrays
02 Working with numbers
03 Working with strings
04 Working with dates
05 Working with objects

04 Understanding the Document Object Model

01 What is the DOM
02 Working with nodes and elements

05 Working with the Document Object Model

01 Accessing DOM elements
02 Changing DOM elements
03 Creating DOM elements

06 Working with Events and Event Listeners

01 Introduction to JavaScript event handling
02 Working with onClick and onLoad events
03 Working with onBlur and onFocus events
04 Working with timers

07 Debugging JavaScript

01 Common JavaScript errors
02 Using Firebug
03 Going through a debugging session

08 Building Smarter Forms

01 Accessing form elements
02 Preventing a form from being submitted
03 Hiding and showing form sections

09 UI Enhancement

01 CSS and JavaScript
02 Removing and applying CSS classes
03 Changing inline styles

10 JavaScript Best Practices

01 Understanding JavaScript style
02 Minifying your code
03 Using JavaScript code checkers

11 JavaScript Libraries

01 Introduction to JavaScript libraries
02 Linking to multiple JavaScript files
03 Introduction to jQuery
04 Using a content distribution network to deliver JavaScript files

12 JavaScript and HTML5

01 JavaScript in HTML5
02 Using Modernizr
03 Using Strict Mode

13 Advanced JavaScript Features

01 Knowing the JavaScript to avoid
02 Introduction to regular expressions
03 Working with AJAX
04 Working with objects and prototypes

14 Putting It All Together

01 Example Countdown
02 Example Resize
03 Example Accordion

15 Conclusion

01 Where to go from here
02 Goodbye