JavaScript: Closures & Prototypes

ECMAscript 2019    |    Intermediate
  • 14 videos | 1h 28m 24s
  • Includes Assessment
  • Earns a Badge
This 14-video course covers closures-the bundle of a function along with its enclosing environment-and its implications on factors such as variable scopes and function references. Key concepts covered here include what makes up a closure in Javascript; learning how variables of the same name inside closures and in scopes outside them are accessed by functions; and distinguishing between variables of the same name inside functions, within closures, and ones defined in a global scope. Begin by observing how to implement counter functions with closures; how to integrate closures with buttons on web pages; and how closures can be created within objects and implications on your code. Next, learn how closures created within loops interact with variables defined within and outside the loop; how to implement getter and setter functions for Javascript objects using closures; and learn when to use prototypes for objects and how to define them. Finally, observe how to distinguish between object prototypes and classes; learn to use prototypes to implement inheritance; and implement multiple levels of inheritance with prototypes.

WHAT YOU WILL LEARN

  • Discover the key concepts covered in this course
    Recognize what makes up a closure in javascript
    Recall how variables of the same name inside closures and in scopes outside them are accessed by functions
    Distinguish between variables of the same name inside functions, within the closure, and ones defined in a global scope
    Implement counter functions with closures
    Integrate closures with buttons on a web page
    Recognize how closures can be created within objects and its implications on your code
  • Recognize how closures created within loops interact with variables defined within and outside the loop
    Implement getter and setter functions for javascript objects using closures
    Identify when to use prototypes for javascript objects and how they can be defined
    Distinguish between object prototypes and classes in javascript
    Use prototypes to implement inheritance in javascript
    Implement multiple levels of inheritance using prototypes
    Summarize the key concepts covered in this course

IN THIS COURSE

  • 2m 10s
  • 9m 45s
    Upon completion of this video, you will be able to recognize what makes up a closure in JavaScript. FREE ACCESS
  • Locked
    3.  Closures and Variables in Outer Scopes
    6m 40s
    After completing this video, you will be able to recall how variables of the same name inside closures and in scopes outside them are accessed by functions. FREE ACCESS
  • Locked
    4.  Closures and Variables in Nested Functions
    8m 32s
    Find out how to distinguish between variables of the same name inside functions, within the closure, and ones defined in a global scope. FREE ACCESS
  • Locked
    5.  Closures and Counters
    5m 33s
    In this video, learn how to implement counter functions using closures. FREE ACCESS
  • Locked
    6.  Closures and Web Page Elements
    8m 26s
    Find out how to integrate closures with buttons on a web page. FREE ACCESS
  • Locked
    7.  Closures and Objects
    7m 57s
    After completing this video, you will be able to recognize how closures can be created within objects and what implications they have on your code. FREE ACCESS
  • Locked
    8.  Closures and Loops
    5m 47s
    Upon completion of this video, you will be able to recognize how closures created within loops interact with variables defined within and outside the loop. FREE ACCESS
  • Locked
    9.  Getters and Setters Using Closures
    4m 23s
    Learn how to implement getter and setter functions for JavaScript objects using closures. FREE ACCESS
  • Locked
    10.  An Introduction to Prototypes
    7m 39s
    In this video, you will learn when to use prototypes for JavaScript objects and how they can be defined. FREE ACCESS
  • Locked
    11.  Prototypes and Classes
    8m 5s
    In this video, you will learn the difference between object prototypes and classes in JavaScript. FREE ACCESS
  • Locked
    12.  Basic Inheritance Using Prototypes
    7m 34s
    In this video, you will learn how to use prototypes to implement inheritance in JavaScript. FREE ACCESS
  • Locked
    13.  Multi-level Inheritance with Prototypes
    4m 33s
    In this video, you will learn how to implement multiple levels of inheritance using prototypes. FREE ACCESS
  • Locked
    14.  Course Summary
    1m 20s
    In this video, we will summarize 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: Singleton, Prototype, & Builder Creational Patterns
Course Design Patterns in JavaScript: Constructor, Factory, & Abstract Factory Creational Patterns
Course JavaScript: Getting Started with JavaScript Programming

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Design Patterns in JavaScript: Getting Started
Course JavaScript: Advanced Function Operations
Course JavaScript Front-end Development: Fundamentals