Structuring JavaScript Code
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.
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Why do we Need JavaScript Patterns? |
|
00:28:18 | |
|
Introduction
|
|
03:09 | |
|
Function Spaghetti Code
|
|
03:15 | |
|
Function Spaghetti Code Demo
|
|
04:41 | |
|
Closures to the Rescue
|
|
03:48 | |
|
Closures Demo
|
|
05:15 | |
|
Closures Demo 2
|
|
04:22 | |
|
Defining Variables
|
|
01:12 | |
|
Defining Variables Demo
|
|
01:47 | |
|
Summary
|
|
00:49 | |
Prototype Pattern |
|
00:22:10 | |
|
Introduction
|
|
00:53 | |
|
Prototype Pattern Pros and Cons
|
|
03:37 | |
|
Prototype Pattern Structure
|
|
04:46 | |
|
Using the Prototype Pattern
|
|
07:12 | |
|
Prototype Pattern Extension Demo
|
|
04:31 | |
|
Summary
|
|
01:11 | |
Module Pattern |
|
00:20:39 | |
|
Introduction
|
|
00:49 | |
|
Module Pattern Pros and Cons
|
|
03:45 | |
|
Module Pattern Structure
|
|
03:22 | |
|
Using the Module Pattern
|
|
11:27 | |
|
Summary
|
|
01:16 | |
Revealing Module Pattern |
|
00:20:13 | |
|
Introduction
|
|
00:40 | |
|
Revealing Module Pros and Cons
|
|
03:20 | |
|
Revealing Module Structure
|
|
04:22 | |
|
Using the Revealing Module Pattern
|
|
10:42 | |
|
Summary
|
|
01:09 | |
Revealing Prototype Pattern |
|
00:39:16 | |
|
Introduction
|
|
00:55 | |
|
Revealing Prototype Pros and Cons
|
|
04:19 | |
|
Revealing Prototype Structure
|
|
05:58 | |
|
Using the Revealing Prototype Pattern
|
|
13:58 | |
|
Using the Revealing Prototype Pattern with 'this'
|
|
04:55 | |
|
Extending the Revealing Prototype Pattern
|
|
02:08 | |
|
Converting Code to the Revealing Prototype Pattern
|
|
05:57 | |
|
Summary
|
|
01:06 |
Why do we Need JavaScript Patterns?