Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Learning Object-Oriented JavaScript to your Wishlist.

Add to Wishlist

Learning Object-Oriented JavaScript

Acquire advanced JavaScript skills and create complex and reusable applications
4.3 (47 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
506 students enrolled
Last updated 2/2015
English English
$10 $75 87% off
2 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I 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
View Curriculum
Requirements
  • 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.
Description

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!

About the Author

Ben Fhala discovered his passion for data visualization six years ago while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, and an Adobe ACP. He enjoys spending most of his time learning and teaching and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world.

He has built many interactive experiences for companies such as Target, AT & T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards. Among Ben's publications are Packt’s HTML5 Graphing and Data Visualization Cookbook.

Who is the target audience?
  • This course is intended for JavaScript developers as an easy gateway into the world OOP by presenting a simple project and then enhancing it through object-oriented mythologies.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 23 Lectures Collapse All 23 Lectures 02:48:19
+
Creating a Clock
5 Lectures 29:18

This is our setup lesson to start working in JavaScript.

Preview 08:24

Before we can manipulate any data in our document, we need to know whether it's completely loaded.

Knowing When the Document is Loaded
03:47

This video provides a quick revision of the basic theory of JavaScript.

Understanding What Objects Are
06:52

Unfortunately, different brand servers react differently to our JavaScript. We will see how we can work around it.

The Difference between Browsers
04:43

Our clock is almost ready; we just need to format it and get it to tick. That's exactly what we will do in this video.

Tying Up Loose Ends
05:32
+
Object-Oriented Programming
4 Lectures 35:20

The whole point of object-oriented programming is to enable you to cluster concepts into buckets.

Preview 08:40

As a traditional developer, there was no relevance to relativism. One of the biggest advantages of working in an object-oriented mindset is the concept of relative relationships.

Scoping for Your Scope: ‘this’ not ‘that’
07:34

In the previous video, we created our first object that leverages the built-in object. The next step is the process to actually create a complete standalone object.

Constructing a Constructor
07:19

One of the biggest features of object oriented programming is the ease of reusing code. Once you complete building an object, you don't even need to remember or know how it actually works. All you need to do is remember how to work with it.

Reusing Objects
11:47
+
Prototype
4 Lectures 34:07

So far, everything that we did worked perfectly as long as we weren't planning on expanding our object to be able to work with other objects.

Preview 07:12

We don't need to learn new techniques to learn another way to leverage our new knowledge of the prototype. Every built-in object has a prototype as well, and we can automatically add features to any object, including built-in objects, by expanding and adding more methods into the prototype.

Augmenting Built-in Objects
07:16

In the previous sections, we focused on the functions and properties that belong to objects, but there are different types of properties and methods that belong to the actual constructor.

Static Properties and Methods
14:09

As you start building your own objects, you're going to encounter a problem at some point of time. A common problem occurs when you create a function name that has already been created by someone else.

Moving Our Code into a Namespace
05:30
+
Inheritance
5 Lectures 34:32

Every function in JavaScript, just by being a function, is a type of object (a Function Object), and this means that every function has built-in methods.

Preview 04:17

In the previous sections, we've been creating objects and making them more dynamic. Apart from expanding features of other objects with object-oriented programming in JavaScript, we can tell an object to lean on another object for methods and properties.

Inheriting Your Parents' Belongings
09:45

The Object.create message that we used in the previous section to create an inheritance chain between our objects is a modern update to JavaScript and does not exist in older versions of it.

Creating a Polyfill for Object.create
05:30

Now that we have object-oriented inherited objects, it’s time to update a specific method or change it while keeping all the rest.

Overriding Properties and Methods
07:37

In the course of the previous sections, we've been expanding our capabilities as object-oriented programmers with inheritance. It's time for us to practice our new skills.

Creating an Alarm Clock
07:23
+
Events and Callbacks
5 Lectures 35:02

One of the new cool features in HTML5 is the capability of automatically turning HTML elements to become live editable content in the browser.

Preview 05:02

It's time for us to move into events, a completely new topic and capability in object-oriented programming.

Listening to Events
07:21

In the previous video, we learned how to listen to events. In this section, we will continue to work with those events.

Setting the Alarm Time Dynamically
05:46

Not every object has a built-in event dispatcher, and the most common way to create a notifier mechanism in JavaScript is by using callbacks.

Dispatching Events
06:05

Now that we have reached the end of the course, let’s see how we can cut down on the number of intervals in our clock.

Custom Callbacks
10:48
About the Instructor
4.0 Average rating
3,632 Reviews
29,861 Students
311 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



Report Abuse