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

ECMAScript 2019    |    Intermediate
  • 17 videos | 2h 1m 49s
  • Includes Assessment
  • Earns a Badge
Rating 4.0 of 13 users Rating 4.0 of 13 users (13)
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

  • 2m 23s
  • 8m 46s
    After completing this video, you will be able to recall the characteristics of the Flyweight pattern. FREE ACCESS
  • Locked
    3.  Event Handling in the Browser
    10m 4s
    After completing this video, you will be able to describe how event handling works in the browser. FREE ACCESS
  • Locked
    4.  Inefficient Memory Usage without Flyweights
    7m 38s
    Upon completion of this video, you will be able to illustrate efficient memory usage for granular objects. FREE ACCESS
  • Locked
    5.  Sharing Memory with Flyweights
    6m 58s
    Learn how to share resources using the Flyweight pattern. FREE ACCESS
  • Locked
    6.  Individual Event Handlers without Flyweights
    9m 50s
    In this video, you will learn how to wire up individual event handlers to HTML elements. FREE ACCESS
  • Locked
    7.  Centralized Event Handling with Flyweights
    8m 2s
    In this video, you will use the Flyweight pattern to centralize event handling. FREE ACCESS
  • Locked
    8.  The Adapter Pattern
    6m 7s
    During this video, you will learn how to explain the features of the Adapter pattern. FREE ACCESS
  • Locked
    9.  Specialized Checks without the Adapter
    7m 29s
    After completing this video, you will be able to illustrate the burden on the client when the Adapter pattern is not used. FREE ACCESS
  • Locked
    10.  Consistent Interface with the Adapter
    4m 3s
    After completing this video, you will be able to provide a consistent client interface using an adapter. FREE ACCESS
  • Locked
    11.  The Composite Pattern
    6m 54s
    After completing this video, you will be able to recall the characteristics of the Composite pattern. FREE ACCESS
  • Locked
    12.  The Composite Pattern in jQuery
    9m 20s
    In this video, learn how to apply the Composite pattern using JavaScript. FREE ACCESS
  • Locked
    13.  The Proxy Pattern
    6m 54s
    Upon completion of this video, you will be able to describe the Proxy pattern. FREE ACCESS
  • Locked
    14.  Using a Proxy to Cache Data
    10m 35s
    Learn how to use the Proxy pattern to cache data on the client side. FREE ACCESS
  • Locked
    15.  Executing Functions with the Right Context
    9m 32s
    During this video, you will learn how to execute functions using the correct context. FREE ACCESS
  • Locked
    16.  Using a Proxy to Specify Context
    5m 52s
    In this video, find out how to apply the Proxy pattern to provide the correct context. FREE ACCESS
  • Locked
    17.  Course Summary
    1m 23s
    Upon completion of this video, you will be able 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 Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns
Rating 4.4 of 16 users Rating 4.4 of 16 users (16)
Journey Data Structures and Algorithms in JavaScript
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Book The Art of Unit Testing: with Examples in JavaScript, Third Edition

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course AWS Developer Associate: CI/CD in AWS
Rating 4.4 of 44 users Rating 4.4 of 44 users (44)
Course React 17 Bootcamp: Session 1 Replay
Rating 4.0 of 58 users Rating 4.0 of 58 users (58)
Course JavaScript: Getting Started with JavaScript Programming
Rating 4.6 of 473 users Rating 4.6 of 473 users (473)