So you think you know JavaScript?

Name: So you think you know JavaScript?
Rating: 4.7 (294 reviews)

What every intermediate and advanced developer needs to know!

Created by3D BUZZ Programming and Digital Art training, Nelson LaQuet

Last updated 5/2016

English

What you'll learn

Use closures and callbacks effectively
Understand how JavaScript variable scoping works
Be able top create prototype inheritance chains
No longer struggle with the meaning of the "this" keyword

Course content

5 sections • 25 lectures • 5h 50m total length

Introduction4:52
This video overviews what we will be learning in this course!
Installing live-server10:49
We will be using a package called live-server in our examples. This video demonstrates how to get it installed.
Building Our Workspace6:32
This video sets up our workspace for all of our examples.

Introduction6:56
This video shows a common issue that people often face in regards to how scoping and closures work in JavaScript.
The Global Scope10:00
The first scope-related topic we cover is the global scope. We discuss what it is, and why it can cause issues.
Creating Scopes17:19
Next up, we talk about what scopes are, and how to create them!
Immediately-Invoked Function Expression (IIFE)20:16
IIFE’s are used to resolve scoping issues - and this video demonstrates their syntax and usage in depth.
Hoisting19:41
Hoisting is an interesting JavaScript behavior that we explore in this video.
Static/Lexical vs Dynamic Scope15:13
This video discusses the differences between statically and dynamically scoped languages.
Closures - Part 119:30
Next up, closures! These are a very powerful tool in JavaScript - and in this video we take a look at what they are, how they’re used, and possible issues that you may have with them.
Closures - Part 220:01
This video continues the previous lecture about how to understand closures.
ES2015 Block Scoping14:35
In the final video, we discuss the new ES2015 block scoping feature - which gives us more control over how scopes are created and destroyed.

Introduction to This - Part 118:28
We first introduce the keyword, why it’s useful, and some of the issues a person may have with using it.
Introduction to This - Part 212:12
We finish our examples by showing more instances of how it can cause issues within your code if used improperly.
Changing This - bind/call/apply18:19
Three of the more interesting functions in JavaScript are bind, call and apply - and they get confused with each other! This video talks about what they are, and how they can be used to “change” this.
Bind - Final Words12:21
Bind is often a little more confusing than call and apply, so we continue the lecture by discussing more about how it is used.
ES2015 Arrow Functions11:20
ES2015 introduced a new type of function expression that affects the “this” binding. This video talks about how we can use it to resolve common issues.
Conclusion8:41
We wrap up this section with a discussion about a proposed new operator in the JavaScript language - that we may be seeing implemented within the next few specifications.

Object Prototypes - Part 119:48
The first thing we do is discuss object prototypes; what they are, and how they can be useful.
Object Prototypes - Part 214:06
We finish our discussion about object prototypes with more examples of their use.
Function Prototypes19:27
Next up, we discuss constructor functions, and the “prototype” property - which is very often a source of confusion.
Object.create16:36
Object.create is a new way, as of ES5, to create objects, and affect their prototype. In this video, we discuss that function in depth.
Prototypal Inheritance18:53
Finally, we talk in depth of how to achieve classical-style inheritance using prototypes, Object.create, and constructor functions.
ES2015 Classes11:11
ES2015 introduces a new way to define constructor functions with the “class” keyword. This video talks about the class keyword and how it’s used to simplify our code.

Requirements

You must have a basic understanding of your Operating System's command line
You must have a beginner to intermediate understanding of the JavaScript language

Description

Do you want to dive into three of the trickiest aspects of the JavaScript language? From beginner to intermediate - this course will bring you up to speed on some of the must have knowledge of being able to write in it effectively, while demystifying some its most often-misunderstood constructs!

In this course, you will learn all about scopes, “this”, and prototypes! Training content often doesn’t dive into the specifics of the nature of these “advanced” features. However, it is my belief that this is necessary knowledge to be an effective JavaScript programmer!

My goal at the end of this course is that variable scoping, the usage of the “this” keyword, and the creation and use of prototypes is well understood from a ground up perspective without compromise. Simply by having a firm grasp on these aspects of the language, many issues that even years-long JavaScript developers face can be resolved easily!

We will discuss, in depth:

Scopes and Closures
Immediately-Invoked Function Expressions (IIFEs)
Hoisting
The “this” keyword
The call/apply/bind functions
The nature of the magical “new” keyword
Object and function prototypes
And more!

Who this course is for:

This course is for beginner to intermediate JavaScript developers who want to get a better handle on scopes, closures, prototypes and the "this" keyword
This is NOT an introduction to JavaScript

So you think you know JavaScript?

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 22min

Scopes, Callbacks and Closures9 lectures • 2hr 24min

What is “this”?6 lectures • 1hr 21min

Prototypes6 lectures • 1hr 40min

The End1 lecture • 3min

Requirements

Description

Who this course is for: