Intermediate Topics Course

🔥 Get Instant Access to FREE JavaScript Resources! 🔥

Sign up now at https://stevencodecraft.com and download these must-have course materials for FREE:

• ✅ 600-Page JavaScript Pro Ebook – Master JavaScript like a pro
• ✅ 120-Page Active Recall Study Guide – Study smarter, not harder
• ✅ 226-Page JavaScript Essentials for Technical Interviews PDF – Ace your coding interviews
• ✅ Starter Project Files (GitHub) – Start coding immediately
• ✅ Finished Project Files (GitHub) – Compare and learn from completed projects

👉 Don’t miss out! Sign up and grab your free downloads today: https://stevencodecraft.com 🚀

Finished Files

Finished Files GitHub Repo

Video Link

Watch the Video

Video Course Sections - 9.5 Hours of FREE content

Section 1: Intro to Advanced Topics (17 minutes)

• 00:00:00 Intro
• 00:01:52 Why this course works for you?
• 00:05:59 Course Materials
• 00:11:40 Setting up the Development Environment
• 00:17:10 Social Media

Section 2: Objects (1 hour 22 minutes)

• 00:17:40 What is OOP?
• 00:19:40 Four Pillars of OOP
• 00:26:45 Object Literals
• 00:30:46 Factories
• 00:34:46 Constructors
• 00:39:18 Constructor Property
• 00:40:19 Functions are Objects
• 00:44:23 Value vs Reference Types
• 00:47:20 Adding or Removing Properties
• 00:51:18 Enumerating Properties
• 00:56:36 Abstraction
• 01:11:56 Private Properties and Methods
• 01:34:34 Getters and Setters
• 01:39:23 Summary

Section 3: Prototypes (55 minutes)

• 01:40:36 Inheritance
• 01:44:52 Prototypes and Prototypical Inheritance
• 02:03:07 Multilevel Inheritance
• 02:04:54 Property Descriptors
• 02:14:00 Constructor Prototypes
• 02:17:34 Prototype vs Instance Members
• 02:23:29 Iterating Instance and Prototype Members
• 02:28:15 Avoid Extending the Built-in Objects
• 02:32:17 Summary

Section 4: Prototypical Inheritance (54 minutes)

• 02:35:40 Creating Your Own Prototypical Inheritance
• 02:47:30 Resetting the Constructor
• 02:54:03 Calling the Super Constructor
• 02:59:18 Intermediate Function Inheritance
• 03:03:25 Method Overriding
• 03:08:08 Polymorphism
• 03:13:50 When to Use Inheritance
• 03:21:45 Mixins
• 03:27:56 Summary

Section 5: ES6 Classes (1 hour 10 minutes)

• 03:29:36 ES6 Classes
• 03:36:48 Hoisting
• 03:42:13 Static Methods
• 03:50:02 The "this" keyword
• 03:55:50 Private Members Using Symbols
• 04:11:44 Private Members Using WeakMaps
• 04:19:42 Getters and Setters
• 04:26:20 Inheritance
• 04:33:06 Method Overriding
• 04:38:01 Summary

Section 6: ES6 Tooling (53 minutes)

• 04:40:15 Modules
• 04:44:33 CommonJS Modules
• 04:45:09 ES6 Modules
• 05:05:14 ES6 Tooling
• 05:10:55 Babel
• 05:22:13 Webpack
• 05:31:59 Summary

Section 7: Node Module System (1 hour 29 minutes)

• 05:33:30 What is Node
• 05:36:10 Node Architecture
• 05:38:53 How Node Works
• 05:43:58 Intro to the Node Module System
• 05:49:38 Global Object
• 05:55:21 Modules
• 06:03:29 Creating a Module
• 06:08:32 Loading a Module
• 06:14:17 Module Wrapper Function
• 06:19:02 Path Module
• 06:24:43 OS Module
• 06:28:43 File System Module
• 06:34:31 Events Module
• 06:39:57 Event Arguments
• 06:45:24 Extending EventEmitter
• 06:52:57 HTTP Module
• 07:00:04 Summary

Section 8: Node Package Manager (1 hour 16 minutes)

• 07:02:34 Intro to the Node Package Manager
• 07:07:59 package.json
• 07:13:13 Installing a Node Package
• 07:18:14 Using a Package
• 07:21:56 Package Dependencies
• 07:28:00 NPM Packages and Source Control
• 07:33:39 Semantic Versioning
• 07:38:40 Listing the Installed Packages
• 07:43:24 Viewing Registry Info for a Package
• 07:47:21 Installing a Specific Version of a Package
• 07:51:04 Updating Local Packages
• 07:56:11 DevDependencies
• 08:00:50 Uninstalling a Package
• 08:04:47 Working with Global Packages
• 08:09:39 Publishing a Package
• 08:14:41 Updating a Published Package

Section 9: Asynchronous JavaScript (1 hour 12 minutes)

• 08:19:03 Synchronous vs Asynchronous Code
• 08:24:08 Patterns for Dealing with Asynchronous Code
• 08:35:17 Callbacks
• 08:41:26 Callback Hell
• 08:52:49 Named Functions
• 09:03:21 Promises
• 09:08:49 Replacing Callbacks with Promises
• 09:12:01 Creating Settled Promises
• 09:15:54 Running Promises in Parallel
• 09:23:04 Async and Await
• 09:28:06 Summary

Phase 1 — Foundation Rebuild

Add these folders before your current object section:

00-foundation/ │── 01-execution-context.js │── 02-variables.js │── 03-memory-model.js │── 04-scope.js │── 05-hoisting.js │── 06-functions.js │── 07-closures.js │── 08-this-keyword.js │── 09-value-vs-reference.js

Why first?

Because these are the actual foundations of everything you already studied.

Your old repo jumped ahead.

Now we fix that.

Phase 2 — Functional JavaScript

Add:

07-functional-js/ │── 01-map.js │── 02-filter.js │── 03-reduce.js │── 04-find.js │── 05-some-every.js │── 06-sort.js │── 07-pure-functions.js │── 08-immutability.js

Very important for React.

Phase 3 — Advanced Async

Extend your async folder:

06-async/ │── 07-event-loop.js │── 08-microtask-vs-macrotask.js │── 09-fetch-api.js │── 10-error-handling.js │── 11-promise-all.js │── 12-promise-race.js

Your current async section is good, but incomplete.

Phase 4 — Browser Engineering

Add:

08-dom/ │── 01-select-elements.js │── 02-modify-elements.js │── 03-events.js │── 04-event-delegation.js │── 05-forms.js │── 06-localstorage.js │── 07-fetch-ui.js

This is where internship projects start becoming real.

Phase 5 — Project Folder

Add:

projects/ │── 01-counter-app/ │── 02-todo-app/ │── 03-weather-app/ │── 04-github-user-search/ │── 05-expense-tracker/ │── 06-task-manager/

This is critical.

Concepts alone do not get internships.

Projects do.

Phase 6 — Interview Practice

Add:

interview-prep/ │── 01-hoisting-questions.js │── 02-closure-questions.js │── 03-this-questions.js │── 04-event-loop-questions.js │── 05-promise-questions.js

This becomes your revision vault.