Hello! I am Meher.

I'm a YouTuber, Udemy Trainer & a technologist.

On this site I share courses and articles that will help you build web apps with a deeper insight into web technologies.

I also share snippets of technology on my weekly newsletter Sunday Syntax

Isometric image of an astronaut looking at a holographic computer screen.

Udemy Courses

Explore the concepts of scopes, this keyword, objects & prototypes and how they apply in JavaScript.

UDEMY COURSE

1

JS Compilation & Execution Phase

Learn about the basic fundamental of the compilation nature of JS

2

Introduction to Scope

Understanding the concept of scope from the compilation phase perspective

3

Dynamic Global Variables

We look at how the JS used to create dynamic global variables and we will learn a way to avoid such pattern

4

How is Scope Implemented

We get deep at how the scope is implemented by the engine and what data structures are used to carry out the scope look-up.

5

Function Expressions & Scopes

We look at how scopes are treated differently by the javascript compiler and why we can invoke our function declarations before they are defined and assigned.

6

Function Scoping and IIFE

Learn how function scoping works and why IIFE works the way it looks.

7

Block Scoping and Let-Const

We look at the new ES6 block scoping and how can we create smaller units of scopes.

8

What is Hoisting and What it is No

Learn how hoisting is a metaphor to describe the compilation nature of JavaScript

Exploring JavaScript Scopes

8 Videos - 2 Hours

Link to Udemy course

UDEMY COURSE

1

What is THIS keyword

Learn about THIS keyword and why it is so much closer to dynamic scoping (something that JS doesn't have)

2

Implicit Binding

We look at how Implicit Binding in JavaScript works, this is the most common way of pointing this to a context

3

Explicit Binding

In this lesson, we look at how call/apply/bind can be used to set the context for THIS

4

Default Binding

We all know about default binding, even if we don't know if it's default binding. This is one of the reasons why THIS can get confusing.

5

NEW Keyword (binding)

Learn how using the new keyword impacts what context THIS will point to, the lesson keeps the advanced usage for a later lesson

6

Order of Precendence for Bindings

Shuffling several bindings can create a confusing pattern in determining what context THIS points, this guide will sail you through it.

7

Arrow Functions & THIS Binding - Part 1

THIS keyword takes a classical turn when handling the binding, and not so surprisingly, this is arrow function resolves the THIS binding lexically.

8

Arrow Functions & THIS Binding - 2

We take a look at another example but this time without the setTimeout API and we observe how THIS will get resolved.

Exploring JavaScript Objects

4 Videos - 31 Minute

Link to Udemy course
KINDLE MODE
Articles!

Linking Object or Inheriting From Objects

Linking objects is key to understanding the prototype system as it leads upto complex patterns involving constructor and subclassing

Read more

Default Binding - THIS Keyword

The default binding of the "this" keyword in JavaScript refers to the global object when used in a standalone function.

Read more

Implicit Binding - THIS Keyword

Implicit binding is the automatic binding of the "this" keyword to the object where a method is invoked, based on the calling context.

Read more