hands-on lab

Working With JavaScript Classes

Difficulty: Advanced
Duration: Up to 45 minutes
Students: 115
Rating: 3.5/5
On average, students complete this lab in20m
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.

Description

In this lab, you will be working with JavaScript Classes. Classes were introduced with the inclusion of ES6 and are mostly syntactic sugar of constructor functions. A JavaScript class is a blueprint for creating objects.

Learning Objectives

Upon completion of this lab, you will be able to:

  • Create a class
  • Create a class constructor
  • Create a class method
  • Create a child class
  • Use super to access parent class properties and methods
  • Create a child class method

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset

Prerequisites

The following courses/courses and labs can ensure your success:

Covered topics

Lab steps

Introduction to JavaScript Labs
Creating an Animal Class
Creating a Constructor
Creating a Class Method
Creating a Child Class
Creating a Child Class Constructor
Creating a Child Class Method
Creating a Child Class Instance
Invoking Parent Class Method on Child Class
Invoking Child Class Method