Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns
ECMAScript 2019
| Intermediate
- 21 Videos | 2h 32m 32s
- Includes Assessment
- Earns a Badge
Learners discover how to implement common structural design patterns in this 21-video course. Explore Module and Revealing Module patterns, then examine how to set up helpers for the Facade pattern, and how to use it for AJAX requests and delve into use of Decorator and Mixin patterns. Key concepts covered here include Module and Revealing Module patterns; how to implement private variables and private functions with Module pattern; and how to use Revealing Module pattern and apply best practices. Learners observe Facade pattern and how to set up helpers and implement it; learn how to make AJAX requests without a facade in jQuery; and explore how to use Facade pattern in jQuery for AJAX requests. Next, you will learn principles of Decorator pattern, set up helpers for it, and apply decorators for dynamic customizations. Then learn about React components and their use as decorators; learn Mixin pattern; and observe how to use Mixins in the Underscore.js library. Finally, learn how to simulate multiple inheritance with Mixins and implement Mixin pattern.
WHAT YOU WILL LEARN
-
discover the key concepts covered in this course
describe the Module and Revealing Module patterns
implement private variables with the Module pattern
implement private functions with the Module pattern
use the Revealing Module pattern
apply best practices for working with the Revealing Module pattern
describe the Façade pattern
set up helpers for the Façade pattern
implement the Façade pattern
make AJAX requests without a façade in jQuery
use the Façade pattern in jQuery for AJAX requests -
recall the principles of the Decorator pattern
set up helpers for the Decorator pattern
apply the decorators for dynamic customizations
design React components as decorators
use React components as decorators
describe the Mixin pattern
use Mixins in the Underscore.js library
simulate multiple inheritance with Mixins
implement the Mixin pattern
recall the key concepts covered in this course
IN THIS COURSE
-
1.Course Overview2m 44sUP NEXT
-
2.The Module and Revealing Module Patterns9m 54s
-
3.Module Pattern with Private Variables6m 52s
-
4.Module Pattern with Private Functions7m 50s
-
5.The Revealing Module Pattern6m 9s
-
6.Best Practices for the Revealing Module Pattern4m 50s
-
7.The Façade Pattern6m 17s
-
8.Setting up the Façade9m 5s
-
9.Implementing the Façade Pattern6m 54s
-
10.Making AJAX Requests without a Façade9m 17s
-
11.Using a Façade for AJAX Requests3m 58s
-
12.The Decorator Pattern10m 55s
-
13.Setting up the Decorator Functions8m 20s
-
14.The Decorator for Dynamic Customizations7m 5s
-
15.Setting up React Decorator Components6m 15s
-
16.Using React Components as Decorators6m 14s
-
17.The Mixin Pattern7m 40s
-
18.Using Mixins in Underscore.js7m 46s
-
19.Simulating Multiple Inheritance Using Mixins4m 4s
-
20.Implementing the Mixin Pattern9m 23s
-
21.Course Summary1m 30s
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform
Digital badges are yours to keep, forever.
