Lectures for Web Design

Summer 2013

Week 5 - Lec9 - Dynamic Web | Programming Concepts

Demos

JavaScript Essential Training (LyndaCampus): Syntax, DOM, UI, Best Practices, Libraries, HTML5.

JavaScript Essential Training with Simon Allardice (LyndaCampus)

Getting Started
Introduction to JavaScript (8:06)
Creating your first JavaScript (2:13)
Getting to know the tools and applications (5:22)

Core JavaScript Syntax
Understanding the structure of JavaScript code (7:09)
Where to write your JavaScript (3:56)
Creating variables (6:21)
Working with conditional code (5:44)
Working with operators (13:28)
Sending messages to the console (2:59)
Working with loops (8:01)
Creating functions (8:30)

Types and Objects
Working with arrays (7:57)
Working with numbers (6:13)
Working with strings (8:27)
Working with dates (5:38)
Working with objects (7:58)

Understanding the Document Object Model
What is the DOM? (5:49)
Working with nodes and elements (3:17)

Working with the Document Object Model
Accessing DOM elements (11:3)
Changing DOM elements (5:42)
Creating DOM elements (8:32)

Working with Events and Event Listeners
Introduction to JavaScript event handling 8:16)
Working with onClick and onLoad events 7:36)
Working with onBlur and onFocus events 2:36)
Working with timers 6:17)

Debugging JavaScript
Common JavaScript errors 7:14)
Using Firebug 4:7)
Going through a debugging session 10:20s

Building Smarter Forms
Accessing form elements 4:20)
Preventing a form from being submitted 2:36)
Hiding and showing form sections 3:17)

JavaScript Best Practices
Understanding JavaScript style 7:39)
Minifying your code 4:28)
Using JavaScript code checkers 7:37)

JavaScript Libraries
Introduction to JavaScript libraries 3:17)
Linking to multiple JavaScript files (2:11)
Introduction to jQuery (12:07)
Using a content distribution network to deliver JavaScript files (4:49)

JavaScript and HTML5
JavaScript in HTML5 (9:37)
Using Modernizr (3:02)
Using Strict Mode (4:56)

Advanced JavaScript Features
Knowing the JavaScript to avoid (6:35)
Introduction to regular expressions (6:56)
Working with AJAX (10:44)
Working with objects and prototypes (8:48)

Putting It All Together
Example: Countdown (8:03)
Example: Resize 5:47)
Example: Accordion (7:20)

Files

LyndaCampus:

JavaScript Essential Training: Exercise Files and video: Using Exercise Files