Packt Publishing – Learning Object-Oriented JavaScript

Packt Publishing – Learning Object-Oriented JavaScript

Acquire advanced JavaScript skills and create complex and reusable applications

Acquire advanced JavaScript skills and create complex and reusable applications About This Video

Discover the important concepts of object-oriented programming (OOP) and make your life easier, more enjoyable, and more focused on what you love doing—creating

Develop reusable code while creating three different clocks, a classic clock, a text clock, and an alarm clock.

Utilize the advantages of using constructors, methods, and properties to become an expert

In Detail

One of the most common issues faced by JavaScript developers is what is known in the industry as “spaghetti code.” This issue is common when developers don’t know how OOP works, as they end up creating layers of code on top of each other, resembling spaghetti. The goal of OOP is to organize your code and make your life easier.

This course will help you change some common coding practices and empower you by giving you the tools you need for more efficient development.

You start with building a simple digital clock and use this as the case sample for the course. Then, we begin exploring the object-oriented tools in JavaScript such as the constructor, scope, methods, and properties. Next, we dive even deeper as we explore the wonderful world of prototypes, static methods and properties, and namespaces. We then turn our attention to inheritance and finally end the course with a section to dedicated events and callbacks. As we explore what they are and how to use them, we complete our sample by creating a fully usable alarm clock.

With this course, you will be an expert in OOP with JavaScript in under 3 hours!

Course Curriculum

Creating a Clock

• Knowing When the Document is Loaded (3:47)
• Setting Up the HTML and CSS (8:32)
• Understanding What Objects Are (6:52)
• The Difference between Browsers (4:43)
• Tying Up Loose Ends (5:32)

Object-Oriented Programming

• Building with Objects (8:40)
• Scoping for Your Scope: ‘this’ not ‘that’ (7:34)
• Constructing a Constructor (7:19)
• Reusing Objects (11:47)

Prototype

• Creating Methods with the Prototype (7:11)
• Augmenting Built-in Objects (7:16)
• Static Properties and Methods (14:09)
• Moving Our Code into a Namespace (5:30)

Inheritance

• Functions that Have Functions (4:16)
• Inheriting Your Parents’ Belongings (9:45)
• Creating a Polyfill for Object.create (5:30)
• Overriding Properties and Methods (7:37)
• Creating an Alarm Clock (7:23)

Events and Callbacks

• Turning DIVs into Editable Content in HTML5 (5:01)
• Listening to Events (7:21)
• Setting the Alarm Time Dynamically (5:46)
• Dispatching Events (6:05)
• Custom Callbacks (10:48)

Get Packt Publishing – Learning Object-Oriented JavaScript At tenco.pro