Learning Object Oriented JavaScript [Video]

Learning Object Oriented JavaScript [Video]

Ben Fhala

1 customer reviews
Optimize your code with object oriented JavaScript – follow this video course and learn a range of JavaScript design patterns that will simplify complex code
Mapt Subscription
FREE
€29.98/m after trial
Video
€64.26
RRP €75.58
Save 14%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
€0.00
€64.26
€29.98p/m after trial
RRP €75.58
Subscription
Video
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Video Details

ISBN 139781783554331
Course Length2 Hours 47 minutes

Video Description

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!

Style and Approach

Get object-oriented with this course, which cuts down long debates on theory and takes you on a journey using hands-on tools, features, and ways to improve your productivity using OOP techniques.

Table of Contents

Creating a Clock
Setting Up the HTML and CSS
Knowing When the Document is Loaded
Understanding What Objects Are
The Difference between Browsers
Tying Up Loose Ends
Object-Oriented Programming
Building with Objects
Scoping for Your Scope: ‘this’ not ‘that’
Constructing a Constructor
Reusing Objects
Prototype
Creating Methods with the Prototype
Augmenting Built-in Objects
Static Properties and Methods
Moving Our Code into a Namespace
Inheritance
Functions that Have Functions
Inheriting Your Parents' Belongings
Creating a Polyfill for Object.create
Overriding Properties and Methods
Creating an Alarm Clock
Events and Callbacks
Turning DIVs into Editable Content in HTML5
Listening to Events
Setting the Alarm Time Dynamically
Dispatching Events
Custom Callbacks

What You Will Learn

  • Customize the built-in objects to create a digital clock
  • Explore the world of prototypes to leverage the functionality of objects
  • Dive into the world of objects, which can talk and see each other through events and callbacks
  • Shed the traditional methods and work with constructors and scopes
  • Make your code more efficient and productive with the use of methods, properties, and inheritance

Authors

Screenshots

Table of Contents

Creating a Clock
Setting Up the HTML and CSS
Knowing When the Document is Loaded
Understanding What Objects Are
The Difference between Browsers
Tying Up Loose Ends
Object-Oriented Programming
Building with Objects
Scoping for Your Scope: ‘this’ not ‘that’
Constructing a Constructor
Reusing Objects
Prototype
Creating Methods with the Prototype
Augmenting Built-in Objects
Static Properties and Methods
Moving Our Code into a Namespace
Inheritance
Functions that Have Functions
Inheriting Your Parents' Belongings
Creating a Polyfill for Object.create
Overriding Properties and Methods
Creating an Alarm Clock
Events and Callbacks
Turning DIVs into Editable Content in HTML5
Listening to Events
Setting the Alarm Time Dynamically
Dispatching Events
Custom Callbacks

Video Details

ISBN 139781783554331
Course Length2 Hours 47 minutes
Read More
From 1 reviews

Read More Reviews

Recommended for You

Getting started with Shiny [Video] Book Cover
Getting started with Shiny [Video]
€ 142.78
€ 121.38
Getting Started with Spring 5.0 [Video] Book Cover
Getting Started with Spring 5.0 [Video]
€ 142.78
€ 121.38
Fundamentals of Continuous Delivery Pipeline [Video] Book Cover
Fundamentals of Continuous Delivery Pipeline [Video]
€ 142.78
€ 121.38
Mastering Your Web Application Using Functional Javascript [Video] Book Cover
Mastering Your Web Application Using Functional Javascript [Video]
€ 142.78
€ 121.38
Responsive Web Development with HTML5, CSS3, and JavaScript [Video] Book Cover
Responsive Web Development with HTML5, CSS3, and JavaScript [Video]
€ 142.78
€ 121.38
Vue.js 2 Recipes [Video] Book Cover
Vue.js 2 Recipes [Video]
€ 142.78
€ 121.38