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.

Content:
Why do we Need javascript Patterns? 00:28:14
Introduction 03:08
Function Spaghetti Code 03:15
Function Spaghetti Code Demo 04:40
Closures to the Rescue 03:47
Closures Demo 05:15
Closures Demo 2 04:22
Defining Variables 01:12
Defining Variables Demo 01:47
Summary 00:48
Prototype Pattern 00:22:06
Introduction 00:52
Prototype Pattern Pros and Cons 03:36
Prototype Pattern Structure 04:46
Using the Prototype Pattern 07:11
Prototype Pattern Extension Demo 04:31
Summary 01:10
Module Pattern 00:20:36
Introduction 00:48
Module Pattern Pros and Cons 03:45
Module Pattern Structure 03:21
Using the Module Pattern 11:26
Summary 01:16
Revealing Module Pattern 00:20:10
Introduction 00:39
Revealing Module Pros and Cons 03:20
Revealing Module Structure 04:21
Using the Revealing Module Pattern 10:41
Summary 01:09
Revealing Prototype Pattern 00:39:14
Introduction 00:55
Revealing Prototype Pros and Cons 04:18
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:56



Download:


Mirror:


Mirror: