Structuring JavaScript Code
By Dan Wahlin
This course walks through several key patterns that can be used to encapsulate and modularize JavaScript code. Throughout the course you’ll learn how closures and other techniques can be used to better organize your JavaScript code and make it easier to re-use and maintain in HTML5 applications.
By Dan Wahlin
This course walks through several key patterns that can be used to encapsulate and modularize JavaScript code. Throughout the course you’ll learn how closures and other techniques can be used to better organize your JavaScript code and make it easier to re-use and maintain in HTML5 applications.
Introduction
3m 9s
Function Spaghetti Code
3m 15s
Function Spaghetti Code Demo
4m 41s
Closures to the Rescue
3m 48s
Closures Demo
5m 15s
Closures Demo 2
4m 22s
Defining Variables
1m 12s
Defining Variables Demo
1m 47s
Summary
0m 49s
Prototype Pattern
22m 10s
Introduction
0m 53s
Prototype Pattern Pros and Cons
3m 37s
Prototype Pattern Structure
4m 46s
Using the Prototype Pattern
7m 12s
Prototype Pattern Extension Demo
4m 31s
Summary
1m 11s
Module Pattern
20m 39s
Introduction
0m 49s
Module Pattern Pros and Cons
3m 45s
Module Pattern Structure
3m 22s
Using the Module Pattern
11m 27s
Summary
1m 16s
Revealing Module Pattern
20m 13s
Introduction
0m 40s
Revealing Module Pros and Cons
3m 20s
Revealing Module Structure
4m 22s
Using the Revealing Module Pattern
10m 42s
Summary
1m 9s
Revealing Prototype Pattern
39m 16s
Introduction
0m 55s
Revealing Prototype Pros and Cons
4m 19s
Revealing Prototype Structure
5m 58s
Using the Revealing Prototype Pattern
13m 58s
Using the Revealing Prototype Pattern with 'this'
4m 55s
Extending the Revealing Prototype Pattern
2m 8s
Converting Code to the Revealing Prototype Pattern
5m 57s
Summary
1m 6s
With the rise of HTML5 more and more JavaScript code is being included in applications to leverage canvas, geolocation, local storage, and other key APIs. This course walks through several patterns that can be used to structure code in a way that’s more re-useable, more maintainable, and less susceptible to naming collisions. Learn about patterns such as the Revealing Module and Revealing Prototype patterns and see how they can be used to convert function spaghetti code into structured code that encapsulates variables and functions.
Table of Contents
Introduction
3m 9s
Function Spaghetti Code
3m 15s
Function Spaghetti Code Demo
4m 41s
Closures to the Rescue
3m 48s
Closures Demo
5m 15s
Closures Demo 2
4m 22s
Defining Variables
1m 12s
Defining Variables Demo
1m 47s
Summary
0m 49s
Prototype Pattern
22m 10s
Introduction
0m 53s
Prototype Pattern Pros and Cons
3m 37s
Prototype Pattern Structure
4m 46s
Using the Prototype Pattern
7m 12s
Prototype Pattern Extension Demo
4m 31s
Summary
1m 11s
Module Pattern
20m 39s
Introduction
0m 49s
Module Pattern Pros and Cons
3m 45s
Module Pattern Structure
3m 22s
Using the Module Pattern
11m 27s
Summary
1m 16s
Revealing Module Pattern
20m 13s
Introduction
0m 40s
Revealing Module Pros and Cons
3m 20s
Revealing Module Structure
4m 22s
Using the Revealing Module Pattern
10m 42s
Summary
1m 9s
Revealing Prototype Pattern
39m 16s
Introduction
0m 55s
Revealing Prototype Pros and Cons
4m 19s
Revealing Prototype Structure
5m 58s
Using the Revealing Prototype Pattern
13m 58s
Using the Revealing Prototype Pattern with 'this'
4m 55s
Extending the Revealing Prototype Pattern
2m 8s
Converting Code to the Revealing Prototype Pattern
5m 57s
Summary
1m 6s
Description
With the rise of HTML5 more and more JavaScript code is being included in applications to leverage canvas, geolocation, local storage, and other key APIs. This course walks through several patterns that can be used to structure code in a way that’s more re-useable, more maintainable, and less susceptible to naming collisions. Learn about patterns such as the Revealing Module and Revealing Prototype patterns and see how they can be used to convert function spaghetti code into structured code that encapsulates variables and functions.
Course authors
