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.
Course info
Rating
(1688)
Level
Intermediate
Updated
Dec 12, 2011
Duration
2h 11m
Table of contents
Why do we Need JavaScript Patterns?
Introduction 3m Function Spaghetti Code 3m Function Spaghetti Code Demo 5m Closures to the Rescue 4m Closures Demo 5m Closures Demo 2 4m Defining Variables 1m Defining Variables Demo 2m Summary 1m
Prototype Pattern
Introduction 1m Prototype Pattern Pros and Cons 4m Prototype Pattern Structure 5m Using the Prototype Pattern 7m Prototype Pattern Extension Demo 5m Summary 1m
Module Pattern
Introduction 1m Module Pattern Pros and Cons 4m Module Pattern Structure 3m Using the Module Pattern 11m Summary 1m
Revealing Module Pattern
Introduction 1m Revealing Module Pros and Cons 3m Revealing Module Structure 4m Using the Revealing Module Pattern 11m Summary 1m
Revealing Prototype Pattern
Introduction 1m Revealing Prototype Pros and Cons 4m Revealing Prototype Structure 6m Using the Revealing Prototype Pattern 14m Using the Revealing Prototype Pattern with 'this' 5m Extending the Revealing Prototype Pattern 2m Converting Code to the Revealing Prototype Pattern 6m Summary 1m
Description
Course info
Rating
(1688)
Level
Intermediate
Updated
Dec 12, 2011
Duration
2h 11m
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.

About the author
Dan Wahlin
About the author

Dan Wahlin founded Wahlin Consulting, which provides consulting and training services on JavaScript, Angular, Node.js, C#, ASP.NET MVC, Web API, and Docker. He is a Google GDE, Microsoft MVP and Regional Director, and speaks at conferences and user groups around the world.

More from the author
Kubernetes for Developers: Core Concepts
Beginner
4h 35m
Sep 16, 2019
Angular Architecture and Best Practices
Intermediate
5h 22m
Jan 15, 2019
Containerizing Angular Applications with Docker
Intermediate
1h 55m
Jul 26, 2018
More courses by Dan Wahlin

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT