Design Patterns in JavaScript: Module, Revealing Module, Façade, Decorator, & Mixin Structural Patterns

ECMAScript 2019    |    Intermediate
  • 21 videos | 2h 23m 2s
  • 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

  • 2m 44s
  • 9m 54s
    After completing this video, you will be able to describe the Module and Revealing Module patterns. FREE ACCESS
  • Locked
    3.  Module Pattern with Private Variables
    6m 52s
    Learn how to implement private variables using the Module pattern. FREE ACCESS
  • Locked
    4.  Module Pattern with Private Functions
    7m 50s
    Find out how to implement private functions using the Module pattern. FREE ACCESS
  • Locked
    5.  The Revealing Module Pattern
    6m 9s
    In this video, you will learn how to use the Revealing Module pattern. FREE ACCESS
  • Locked
    6.  Best Practices for the Revealing Module Pattern
    4m 50s
    Find out how to apply best practices for working with the Revealing Module pattern. FREE ACCESS
  • Locked
    7.  The Façade Pattern
    6m 17s
    Upon completion of this video, you will be able to describe the Facade pattern. FREE ACCESS
  • Locked
    8.  Setting up the Façade
    9m 5s
    In this video, find out how to set up helpers for the Facade pattern. FREE ACCESS
  • Locked
    9.  Implementing the Façade Pattern
    6m 54s
    In this video, you will learn how to implement the Facade pattern. FREE ACCESS
  • Locked
    10.  Making AJAX Requests without a Façade
    9m 17s
    In this video, you will make AJAX requests without a facade in jQuery. FREE ACCESS
  • Locked
    11.  Using a Façade for AJAX Requests
    3m 58s
    In this video, you will learn how to use the Facade pattern in jQuery for AJAX requests. FREE ACCESS
  • Locked
    12.  The Decorator Pattern
    10m 55s
    After completing this video, you will be able to recall the principles of the Decorator pattern. FREE ACCESS
  • Locked
    13.  Setting up the Decorator Functions
    8m 20s
    In this video, learn how to set up helper classes for the Decorator pattern. FREE ACCESS
  • Locked
    14.  The Decorator for Dynamic Customizations
    7m 5s
    During this video, you will learn how to apply decorators for dynamic customizations. FREE ACCESS
  • Locked
    15.  Setting up React Decorator Components
    6m 15s
    In this video, you will learn how to design React components as decorators. FREE ACCESS
  • Locked
    16.  Using React Components as Decorators
    6m 14s
    In this video, you will use React components as decorations. FREE ACCESS
  • Locked
    17.  The Mixin Pattern
    7m 40s
    Upon completion of this video, you will be able to describe the mixin pattern. FREE ACCESS
  • Locked
    18.  Using Mixins in Underscore.js
    7m 46s
    During this video, you will learn how to use mixins in the Underscore.js library. FREE ACCESS
  • Locked
    19.  Simulating Multiple Inheritance Using Mixins
    4m 4s
    In this video, you will learn how to simulate multiple inheritance with Mixins. FREE ACCESS
  • Locked
    20.  Implementing the Mixin Pattern
    9m 23s
    Learn how to implement the mixin pattern. FREE ACCESS
  • Locked
    21.  Course Summary
    1m 30s
    In this video, find out how to recall the key concepts covered in this course. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Build Apps Using React: Introducing React for Web Applications
Course Web Fundamentals: Dynamic Web Pages with JavaScript
Course Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns
Course JavaScript: Objects
Course Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns