Design Patterns in JavaScript: Flyweight, Adapter, Composite, & Proxy Structural Patterns

ECMAScript 2019    |    Intermediate
  • 17 Videos | 2h 1m 49s
  • Includes Assessment
  • Earns a Badge
Likes 11 Likes 11
This 17-video course helps learners discover how to implement Flyweight, Adapter, Composite, and Proxy patterns to model structure between the components in a system. Examine inefficient memory usage, sharing memory, and centralized event handling with Flyweight pattern. Explore possible burdens on a client when the Adapter pattern is not used and how to provide a consistent interface by using adapters. Then learn to use Composite pattern in jQuery and Proxy pattern to cache data and specify context. Key concepts covered here include characteristics of Flyweight pattern; learning how to illustrate inefficient memory usage for granular objects; and how to wire up individual event handlers to HTML elements. You will observe how to centralize event handling with Flyweight pattern; how to articulate features of Adapter pattern; and how to illustrate burdens on clients when Adapter pattern is not used. Finally, learn about characteristics of Composite pattern; how to execute functions by using the right context; and how to apply Proxy pattern to provide the right context.

WHAT YOU WILL LEARN

  • discover the key concepts covered in this course
    recall the characteristics of the Flyweight pattern
    describe how event handling works on the browser
    illustrate inefficient memory usage for granular objects
    share resources using the Flyweight pattern
    wire up individual event handlers to HTML elements
    centralize event handling using the Flyweight pattern
    articulate features of the Adapter pattern
    illustrate the burden on the client when the Adapter pattern is not used
  • provide a consistent client interface using an adapter
    recall the characteristics of the Composite pattern
    apply the Composite pattern using jQuery
    describe the Proxy pattern
    use the Proxy pattern to cache data on the client
    execute functions using the right context
    apply the Proxy pattern to provide the right context
    recall the key concepts covered in this course

IN THIS COURSE

  • Playable
    1. 
    Course Overview
    2m 23s
    UP NEXT
  • Playable
    2. 
    The Flyweight Pattern
    8m 46s
  • Locked
    3. 
    Event Handling in the Browser
    10m 4s
    FREE ACCESS
  • Locked
    4. 
    Inefficient Memory Usage without Flyweights
    7m 38s
    FREE ACCESS
  • Locked
    5. 
    Sharing Memory with Flyweights
    6m 58s
    FREE ACCESS
  • Locked
    6. 
    Individual Event Handlers without Flyweights
    9m 50s
    FREE ACCESS
  • Locked
    7. 
    Centralized Event Handling with Flyweights
    8m 2s
    FREE ACCESS
  • Locked
    8. 
    The Adapter Pattern
    6m 7s
    FREE ACCESS
  • Locked
    9. 
    Specialized Checks without the Adapter
    7m 29s
    FREE ACCESS
  • Locked
    10. 
    Consistent Interface with the Adapter
    4m 3s
    FREE ACCESS
  • Locked
    11. 
    The Composite Pattern
    6m 54s
    FREE ACCESS
  • Locked
    12. 
    The Composite Pattern in jQuery
    9m 20s
    FREE ACCESS
  • Locked
    13. 
    The Proxy Pattern
    6m 54s
    FREE ACCESS
  • Locked
    14. 
    Using a Proxy to Cache Data
    10m 35s
    FREE ACCESS
  • Locked
    15. 
    Executing Functions with the Right Context
    9m 32s
    FREE ACCESS
  • Locked
    16. 
    Using a Proxy to Specify Context
    5m 52s
    FREE ACCESS
  • Locked
    17. 
    Course Summary
    1m 23s
    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 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

COURSE Unit Testing in JavaScript: Should.js & Must.js
Likes 9 Likes 9  
COURSE Design Patterns in JavaScript: Singleton, Prototype, & Builder Creational Patterns
Likes 15 Likes 15  
COURSE Design Patterns in JavaScript: Getting Started
Likes 22 Likes 22