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

ECMAScript 2019
  • 21 Videos | 2h 32m 32s
  • Includes Assessment
  • Earns a Badge
Likes 6 Likes 6
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

  • Playable
    1. 
    Course Overview
    2m 44s
    UP NEXT
  • Playable
    2. 
    The Module and Revealing Module Patterns
    9m 54s
  • Locked
    3. 
    Module Pattern with Private Variables
    6m 52s
  • Locked
    4. 
    Module Pattern with Private Functions
    7m 50s
  • Locked
    5. 
    The Revealing Module Pattern
    6m 9s
  • Locked
    6. 
    Best Practices for the Revealing Module Pattern
    4m 50s
  • Locked
    7. 
    The Façade Pattern
    6m 17s
  • Locked
    8. 
    Setting up the Façade
    9m 5s
  • Locked
    9. 
    Implementing the Façade Pattern
    6m 54s
  • Locked
    10. 
    Making AJAX Requests without a Façade
    9m 17s
  • Locked
    11. 
    Using a Façade for AJAX Requests
    3m 58s
  • Locked
    12. 
    The Decorator Pattern
    10m 55s
  • Locked
    13. 
    Setting up the Decorator Functions
    8m 20s
  • Locked
    14. 
    The Decorator for Dynamic Customizations
    7m 5s
  • Locked
    15. 
    Setting up React Decorator Components
    6m 15s
  • Locked
    16. 
    Using React Components as Decorators
    6m 14s
  • Locked
    17. 
    The Mixin Pattern
    7m 40s
  • Locked
    18. 
    Using Mixins in Underscore.js
    7m 46s
  • Locked
    19. 
    Simulating Multiple Inheritance Using Mixins
    4m 4s
  • Locked
    20. 
    Implementing the Mixin Pattern
    9m 23s
  • Locked
    21. 
    Course Summary
    1m 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.

YOU MIGHT ALSO LIKE

Likes 269