JavaScript Essentials Course – Foundational JS Skills for New Developers Tutorial

Learn JavaScript essentials with this course that covers everything from object-oriented programming fundamentals to advanced asynchronous techniques.

Course from Steven Garcia.

Contents
Sections 1: Intro to Advanced Topics (17 minutes)
0:00:00 Intro
0:02:18 Why this course works for you?
0:06:25 Course Materials
0:12:06 Setting up the Development Environment
0:17:36 Social Media

Section 2: Objects (1 hour 22 minutes)
0:18:06 What is OOP?
0:20:06 Four Pillars of OOP
0:27:11 Object Literals
0:31:12 Factories
0:35:12 Constructors
0:39:44 Constructor Property
0:40:45 Functions are Objects
0:44:49 Value vs Reference Types
0:47:46 Adding or Removing Properties
0:51:44 Enumerating Properties
0:57:02 Abstraction
1:12:22 Private Properties and Methods
1:35:00 Getters and Setters
1:39:49 Summary

Section 3: Prototypes (55 minutes)
1:41:02 Inheritance
1:45:18 Prototypes and Prototypical Inheritance
2:03:33 Multilevel Inheritance
2:05:20 Property Descriptors
2:14:26 Constructor Prototypes
2:18:00 Prototype vs Instance Members
2:23:55 Iterating Instance and Prototype Members
2:28:41 Avoid Extending the Built-in Objects
2:32:43 Summary

Section 4: Prototypical Inheritance (54 minutes)
2:36:06 Creating Your Own Prototypical Inheritance
2:47:56 Resetting the Constructor
2:54:29 Calling the Super Constructor
2:59:44 Intermediate Function Inheritance
3:03:51 Method Overriding
3:08:34 Polymorphism
3:14:16 When to Use Inheritance
3:22:11 Mixins
3:28:22 Summary

Section 5: ES6 Classes (1 hour 10 minutes)
3:30:02 ES6 Classes
3:37:14 Hoisting
3:42:39 Static Methods
3:50:28 The "this" keyword
3:56:16 Private Members Using Symbols
4:12:10 Private Members Using WeakMaps
4:20:08 Getters and Setters
4:26:46 Inheritance
4:33:32 Method Overriding
4:38:27 Summary

Section 6: ES6 Tooling (53 minutes)
4:40:41 Modules
4:44:59 CommonJS Modules
4:45:35 ES6 Modules
5:05:40 ES6 Tooling
5:11:21 Babel
5:22:39 Webpack
5:32:25 Summary

Section 7: Node Module System (1 hour 29 minutes)
5:33:56 What is Node
5:36:36 Node Architecture
5:39:19 How Node Works
5:44:24 Intro to the Node Module System
5:50:04 Global Object
5:55:47 Modules
6:03:55 Creating a Module
6:08:58 Loading a Module
6:14:43 Module Wrapper Function
6:19:28 Path Module
6:25:09 OS Module
6:29:09 File System Module
6:34:57 Events Module
6:40:23 Event Arguments
6:45:50 Extending EventEmitter
6:53:23 HTTP Module
7:00:30 Summary

Section 8: Node Package Manager (1 hour 16 minutes)
7:03:00 Intro to the Node Package Manager
7:13:39 Installing a Node Package
7:18:40 Using a Package
7:22:22 Package Dependencies
7:28:26 NPM Packages and Source Control
7:34:05 Semantic Versioning
7:39:06 Listing the Installed Packages
7:43:50 Viewing Registry Info for a Package
7:47:47 Installing a Specific Version of a Package
7:51:30 Updating Local Packages
7:56:37 DevDependencies
8:01:16 Uninstalling a Package
8:05:13 Working with Global Packages
8:10:05 Publishing a Package
8:15:07 Updating a Published Package

Section 9: Asynchronous JavaScript (1 hour 12 minutes)
8:19:29 Synchronous vs Asynchronous Code
8:24:34 Patterns for Dealing with Asynchronous Code
8:35:43 Callbacks
8:41:52 Callback Hell
8:53:15 Named Functions
9:03:47 Promises
9:09:15 Replacing Callbacks with Promises
9:12:27 Creating Settled Promises
9:16:20 Running Promises in Parallel
9:23:30 Async and Await
9:28:32 Summary

[riham]

Nostalgia feeling when I heard Beau's voice in a FreeCodeCamp course. Took be back to 2020 !! lots of love Beau!

[StevenCodeCraft]

Thank you FreeCodeCamp for sharing my course. This is my third course I shared with FreeCodeCamp, and I look forward to creating many more.
To help you get the most out of this course, I've put together FREE course materials to accompany your learning.
You can find them on my website, linked in the GitHub repository (see the YouTube description)

✅ 600-Page JavaScript Essentials Ebook – Master the Essentials of JavaScript
✅ 120-Page Active Recall Study Guide – Study smarter, not harder
✅ 226-Page JavaScript Essentials for Technical Interviews PDF – Prepare for your technical phone screen interviews
✅ Starter Project Files (GitHub) – Start coding with the starter files
✅ Finished Project Files (GitHub) – Compare and learn from completed projects

JavaScript is a massive and versatile language, and while I couldn't cover everything in one course, I plan to create more content in the future. I'll also be focusing more on React Native content, because building mobile apps with JavaScript is very fun.

[edehchinedu]

Nigeria developer here.. maybe next year. I will be a paid developer 🎉❤

[shahriarahmeddipto]

By looking at the topics covered, I can say this is a gem for anyone trying to learn JS fundamentals and in depth!

So many thanks to the creator for this huge contribution.

[CodeSnap]

best way to learn javascript . believe me its gold.

[raph]

Just im time before Bootcamp starts. ❤thanks you

[Mohixcode]

special thanks for your good information

[bakaryjassey]

Am newbie 😂 wish to become one of the best..

[pavanvtayde]

Babe wake up, code camp just dropped a video.

[diggee]

This course is probably great but I think title is misleading. What course do you recommend for a true beginner with JavaScript? Basic concepts before jumping into OOP. Thanks

[AnoNymous-elmr]

Hi, a little advice here, the course is probably great!
But next time, make sure the text you output on the screen is the same you're reading. Because you make it hard for viewer to focus on something!
Since there are little differences between what you're saying and what is on the screen, it's hard focus on one, and makes it harder to tag along i.e follow your explanation.
I mean if you want to explain a concept, first read exactly what you output on the screen, then dive deeper in explanation without printing it! But avoid printing a text and then adding extra words while reading!

[shimirwaremypatrick]

hey steven if i finish this course what would recommend me to learn or to move on. thak this video is so helpfull.

[mohammedothman]

Does anyone have the link to the ebook? Thanks <3

[grahamm]

Just what the world needs, another JavaScript basics course 🙄

[jrocha.developer]

Could you enable AI translation in your channel? It will help lots of people!

[tom-log]

Please add auto-translation functionality for pt-br

[TheVirtualArena]

Is it really possible to get a job without a degree? Are 4 months enough to learn something and get a job?

[tejaxvi]

Ok stop spying on me FCC ! how do you know exactly what i've been looking up ?

[luisdominguesforprogramaca]

The oop introduction sucks and is an abuse of the method this "enlightned" aims to implement. With code you show the construction and application of the meaning that turn into concepts, you don't talk of meaningless abstractions in the air. Beyond that those "concepts" are mimicking the already known as bad things of the oop practice. Inheritance is usually a nightmare and polymorphism by class inheritance is a no go.