JavaScript: Understanding the Weird Parts (2024 Edition)

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction and The Goal of This Course

Lecture 2: Setup

Lecture 3: Setup (Visual Studio Code)

Lecture 4: Big Words and Javascript

Lecture 5: Watching this Course in High Definition

Lecture 6: Understanding, Frameworks, and The Weird Parts

Chapter 2: Execution Contexts and Lexical Environments

Lecture 1: Conceptual Aside: Syntax Parsers, Execution Contexts, and Lexical Environments

Lecture 2: Conceptual Aside: Name/Value Pairs and Objects

Lecture 3: Downloading Source Code for This Course

Lecture 4: The Global Environment and The Global Object

Lecture 5: The Execution Context – Creation and Hoisting

Lecture 6: Conceptual Aside: Javascript and 'undefined'

Lecture 7: The Execution Context – Code Execution

Lecture 8: Conceptual Aside: Single Threaded, Synchronous Execution

Lecture 9: Function Invocation and the Execution Stack

Lecture 10: Functions, Context, and Variable Environments

Lecture 11: The Scope Chain

Lecture 12: Scope, ES6, and let

Lecture 13: What About Asynchronous Callbacks?

Chapter 3: Types and Operators

Lecture 1: Conceptual Aside: Types and Javascript

Lecture 2: Primitive Types

Lecture 3: Conceptual Aside: Operators

Lecture 4: Operator Precedence and Associativity

Lecture 5: Operator Precedence and Associativity Table

Lecture 6: Conceptual Aside: Coercion

Lecture 7: Comparison Operators

Lecture 8: Equality Comparisons Table

Lecture 9: Existence and Booleans

Lecture 10: Default Values

Lecture 11: Framework Aside: Default Values

Chapter 4: Objects and Functions

Lecture 1: Objects and the Dot

Lecture 2: Objects and Object Literals

Lecture 3: Framework Aside: Faking Namespaces

Lecture 4: JSON and Object Literals

Lecture 5: Functions are Objects

Lecture 6: Function Statements and Function Expressions

Lecture 7: Conceptual Aside: By Value vs By Reference

Lecture 8: Objects, Functions, and 'this'

Lecture 9: Conceptual Aside: Arrays – Collections of Anything

Lecture 10: 'arguments' and spread

Lecture 11: Framework Aside: Function Overloading

Lecture 12: Conceptual Aside: Syntax Parsers

Lecture 13: Dangerous Aside: Automatic Semicolon Insertion

Lecture 14: Framework Aside: Whitespace

Lecture 15: Immediately Invoked Functions Expressions (IIFEs)

Lecture 16: Framework Aside: IIFEs and Safe Code

Lecture 17: Understanding Closures

Lecture 18: Understanding Closures – Part 2

Lecture 19: Framework Aside: Function Factories

Lecture 20: Closures and Callbacks

Lecture 21: call(), apply(), and bind()

Lecture 22: Functional Programming

Lecture 23: Functional Programming – Part 2

Chapter 5: Object-Oriented Javascript and Prototypal Inheritance

Lecture 1: Conceptual Aside: Classical vs Prototypal Inheritance

Lecture 2: Understanding the Prototype

Lecture 3: Everything is an Object (or a primitive)

Lecture 4: Reflection and Extend

Chapter 6: Building Objects

Lecture 1: Function Constructors, 'new', and the History of Javascript

Lecture 2: Function Constructors and '.prototype'

Lecture 3: Dangerous Aside: 'new' and functions

Lecture 4: Conceptual Aside: Built-In Function Constructors

Lecture 5: Dangerous Aside: Built-In Function Constructors

Lecture 6: Dangerous Aside: Arrays and for..in

Lecture 7: Object.create and Pure Prototypal Inheritance

Lecture 8: ES6 and Classes

Chapter 7: Odds and Ends

Lecture 1: Initialization

Lecture 2: 'typeof' , 'instanceof', and Figuring Out What Something Is

Lecture 3: Strict Mode

Lecture 4: Strict Mode Reference

Chapter 8: Examining Famous Frameworks and Libraries

Lecture 1: Learning From Other's Good Code

Lecture 2: Deep Dive into Source Code: jQuery – Part 1

Lecture 3: Deep Dive into Source Code: jQuery – Part 2

Lecture 4: Deep Dive into Source Code: jQuery – Part 3

Chapter 9: Let's Build a Framework / Library!

Lecture 1: Requirements

Lecture 2: Structuring Safe Code

Lecture 3: Our Object and Its Prototype

Lecture 4: Properties and Chainable Methods

Lecture 5: Adding jQuery Support

Lecture 6: Good Commenting

Lecture 7: Let's Use Our Framework

Lecture 8: A Side Note

Chapter 10: EXTRA: TypeScript, ES6, and Transpiled Languages

Lecture 1: TypeScript, ES6, and Transpiled Languages

Lecture 2: Transpiled Languages References

Chapter 11: Promises, Async, and Await

Lecture 1: About This Section

Lecture 2: Promises, Async, and Await

Chapter 12: ES6: The Most Used Parts

Lecture 1: ES6: The Most Used Parts

Lecture 2: let

Lecture 3: const