JavaScript Course for Beginners 2024

Learn how to use the JavaScript programming language. This beginner's tutorial will teach you all the basics of JavaScript and also includes quiz sections.

Course developed by @StevenCodeCraft

⭐️ Contents ⭐️
Section 1: Getting Started
(0:00:00) Introduction
(0:01:22) What is JavaScript?
(0:02:30) Setting up the Development Environment

Section 2: JavaScript Variables
(0:07:46) Variables
(0:12:40) Constants
(0:14:31) Primitive Types
(0:19:30) Dynamic Typing
(0:21:13) Objects
(0:24:38) Arrays
(0:27:24) Functions
(0:29:48) Types of Functions
(0:31:30) Summary of Variables

Section 3: JavaScript Operators
(0:32:31) Intro to Operators
(0:32:45) Arithmetic Operators
(0:35:43) Assignment Operator
(0:36:24) Comparison Operators
(0:38:22) Equality Operators
(0:41:39) The Ternary Operator
(0:43:47) Logical Operators
(0:51:19) Logical Operators with Non-booleans
(0:54:37) Operator Precedence
(0:55:29) Summary of Operator

Section 4: Control Flow
(0:56:31) If-Else Statements
(1:01:03) Switch-Case Statements
(1:05:32) For Loops
(1:10:58) While Loops
(1:14:05) Do-while Loops
(1:15:44) Infinite Loops
(1:17:33) For-in Loops
(1:19:43) For-of Loops
(1:21:38) Break and Continue
(1:30:01) Exercise: Max of two numbers
(1:31:05) Exercise: FizzBuzz
(1:33:36) Exercise: Even and Odd Numbers
(1:35:03) Summary of Control Flow

Section 5: JavaScript Objects
(1:35:55) Object Literals
(1:37:26) Factory Functions
(1:40:33) Constructor Functions
(1:44:10) Objects are Dynamic
(1:46:39) The Constructor Property
(1:48:25) Functions are Objects
(1:51:31) Value vs Reference types
(1:53:54) Enumerating Properties of an Object
(1:57:43) Cloning an Object
(2:00:00) Garbage Collection
(2:00:28) The Built in Math Function
(2:03:19) String Methods
(2:08:52) Template Literals
(2:10:58) The Date Object
(2:13:12) Summary of Objects

Section 6: JavaScript Arrays
(2:14:03) Introduction to Arrays
(2:14:39) Adding Elements
(2:17:34) Finding Elements (Primitives)
(2:21:13) Finding Elements (Reference Types)
(2:23:40) Arrow Functions
(2:26:16) Removing Elements
(2:29:06) Emptying an Array
(2:31:25) Combining and Slicing Arrays
(2:33:15) Spread Operator
(2:34:48) Iterating an Array
(2:36:44) Joining Arrays
(2:41:19) Sorting Arrays
(2:46:06) Testing the Elements of an Array
(2:50:12) Filtering an Array
(2:53:19) Mapping an Array
(2:57:43) Reducing an Array

Section 7: JavaScript Functions
(3:01:21) Function Declarations vs Expressions
(3:03:55) Hoisting
(3:06:06) Arguments
(3:09:29) The Rest Operator
(3:13:48) Default Parameters
(3:17:47) Getters and Setters
(3:21:59) Try and Catch
(3:24:58) Local vs Global Scope
(3:28:03) Let vs Var
(3:31:11) The ‘this’ keyword

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[StevenCodeCraft]

Thank you FreeCodeCamp for sharing my first course! I'll be making more content on React and Expo React Native teaching web, mobile, and API development. (Also I did get some feedback that my editing and talking was too fast, so please consider setting the playback speed to 0.75)

[mia_seym]

I am already quite experienced in JS, but I decided to listen through this course as a review while I work around the house. I really like this instructor's pace and clarity. I can see beginners getting flustered at the speed, so maybe there should be a reminder of how to change the video speed on the player in YouTube. I am enjoying listening. Thanks for posting!

[Furieren.Genshin_Impact]

This is perfect I decided to learn JavaScrpt after learning Python and this helped me a lot ty guys

[lohituchil]

To anyone starting this, adjust the speed to 0.75 when stuff gets too complicated especially for beginners

[syedaffanhameed]

Just finished this course! for people who are thinking about whether to spend your time on this video ! I would recommend you to go for it if you want to learn JS from scratch or if you are coming from another language.I see people commenting about the fast pace of the instructor. Believe me it helps if you can grasp English quickly and you feel like you have covered a lot many concepts in a short time.I like the way Steven design this course in short snippets along with subject retention quizzes.

[sleeksilk]

Nice refresher, kept me up to speed with some new features, and clarified the concepts I hitherto struggled with.

[DrTiggy]

Thanks guys, I was hoping for this one.

[shafnisha]

this tutorial is awesome, also it focuses on logic which is really important! thanks steven!

[Cathronau]

Thank you for laying the fundamentals and basics of javascripts. It has helped me greatly

[CauseOfFreedom-mcfx]

Thanks for sharing this course Steven!

[vbmvxbx]

thanks, that's great format for learning something new. I write python for years and just start to learn JS recently.

[Prasadavajjhala]

Thank you so much for explaining the very basic of steps, for a first time coder that no other JS course has done.

[pradenHighlights]

Good video to refresh your knowledge. Now sure if it's good for beginners.

[rodinamohamed]

you guys talking about the speed of the instructor while i speed up the video to 1.5 and still with him, it's my first time to hear about JavaScript but the instructor made it pretty easy without wasting my time or even make me fall asleep

[sudhir]

@StevenCodeCraft: Wonderful video on Javascript for beginners like me. It persuaded me to learn more about Javascript. Btw, are these concepts same/similar for other JS frameworks like React and Angular?

[MirSwastik]

Hello Steven Thank you very much for this course I'll surely follow along.
Just a request please suggest a course covering advance JS and can you make a course covering advance topics

[zhuli]

Correction: for == loose equality, when compare number with string, string is converted to number, not the other way around. Also, when compare boolean with string, both are converted to number. That is why true == '1', it's not explained in the video.

[GaryJRobinson]

I'm very grateful for you creating and uploading this tutorial; however, even at 0.5 playback speed, I find that the video moves along way too fast for me to be able to follow, especially during the chapters that focus on arrays. Quite often, I find that the source code I am reading has disappeared from the screen before I can process and rewrite the code myself. It would have been great to have had some space here and there in order to make it easier to follow. Thanks!

[IsxaaqAcademy]

Pls make a video about fine tuning & RAG (especially for non-english model)

There's alot of confusion

[iamtharunraj]

I tested a while loop and my browser crashed lol 😂

*Thanks for the tutorial!* ❤