JavaScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours

🔗 This JavaScript Full Course for Beginners is an all-in-one beginner tutorial and complete course full of nearly 8 hours of JavaScript code and instruction to level up your programming skills. Web development beginners should learn Vanilla JavaScript (what this course is) before moving to a JavaScript library or framework like React JS, Vue JS, Svelte, Angular or others.

⭐ Become a full-stack web dev with Zero To Mastery Courses:

JavaScript Full Course for Beginners:

(0:00:00) Quick Start
(0:07:43) Link JavaScript to HTML
(0:15:16) Strings
(0:22:14) Numbers
(0:27:54) Math Methods
(0:32:57) Code Challenge
(0:40:04) If Statements
(0:46:10) Switch Statements
(0:49:39) Ternary Operators
(0:54:38) User Input
(1:04:37) Your First Game
(1:20:25) Loops
(1:36:19) Functions
(1:48:09) Scope - var, let, const
(2:05:28) Arrays
(2:33:47) Refactor the Game with Arrays
(2:51:52) Objects
(3:14:43) Classes
(3:45:34) JSON
(3:52:19) Handling Errors
(4:06:54) Document Object Model (DOM)
(4:42:06) Event Listeners
(5:21:07) Web Storage API
(5:39:40) Modules
(5:56:27) Higher Order Functions
(6:06:44) Promises / Fetch / Async & Await
(7:11:18) Regular Expressions
(7:33:06) Applying RegEx in JavaScript

Source Code Resources:
🔗 Rock, Paper, Scissors version 1 (chapter 11):

🔗 Rock, Paper, Scissors version 2 (chapter 16):

🔗 Rock, Paper, Scissors version 3 (chapter 16):

🔗 Event Listeners Lesson (chapter 22)
Note: You'll need to change display settings in the CSS for each example.

📚 Further Reading:

✅ Follow Me:

Was this JavaScript full course with 8 hours of instruction helpful? If so, please share. Let me know your thoughts in the comments.

#javascript #full #course

[DaveGrayTeachesCode]

No fluff intros or extra talking in this video. Nearly 8 full hours of code and instruction to help you start from scratch and level up. I bookmarked all 28 chapters in the description. If you tackle one lesson per day, you'll complete the full course in about one month. Post questions in the comments below. ⬇⬇⬇

[vcdvcdvcd]

Personally, I would not mind an ad after every chapter. Watching the ads is the least I can do to return the favor 🙂 this is good suff

[AIZEN]

In order to find a course like this, you must pay at least $200, but Dave provides it to us for free. Thank you very much, Professor Dave

[influencerab]

00:01 Introduction to JavaScript basics
07:21 Setting up a dev environment for JavaScript
20:36 JavaScript string and number methods
27:57 Learned about JavaScript's math object
41:57 Learn about if statements and switch statements in JavaScript
48:14 Learn about turn area operators in JavaScript
1:02:32 Learned how to handle user input and check for specific values.
03:41 A JavaScript program to play rock, paper, scissors game with the computer.
1:24:00 Learn about loops in JavaScript
1:30:42 Learn about loops and control statements in JavaScript
1:44:19 Functions provide reusable code.
1:51:07 Understanding global and local scopes in JavaScript
2:07:36 Learn how to manipulate arrays in JavaScript
2:14:30 Manipulating arrays in JavaScript
2:28:15 Refactoring rock paper scissors game with while loop and array
2:35:03 Refactored rock paper scissors game with while loop and array
2:46:38 Refactored Rock Paper Scissors game into functions
2:52:48 Objects in JavaScript can store properties, methods, and nested objects.
00:02 Learn about objects in JavaScript
3:13:10 Learned about JavaScript classes and passing parameters to objects
3:26:40 Creating a child class and using a factory function in JavaScript
3:33:42 Factory functions and classes in JavaScript can create private fields.
3:46:48 JSON is a universally shared format for data exchange.
3:53:14 JavaScript error types include syntax, type, and reference errors.
4:05:55 Learn about try-catch and finally block pattern and document object model
4:12:41 Different ways to select elements in HTML using JavaScript
4:26:22 Learn how to navigate the DOM tree
4:33:23 Learn how to navigate and manipulate the DOM using JavaScript
4:46:36 Adding and removing event listeners in JavaScript
4:53:30 Event listeners can use event bubbling or capture to propagate events.
5:08:35 Toggle classes in JavaScript to add and remove classes in a smart way
5:15:43 Learned about event listeners and preventing default behavior of forms
5:28:37 Using JSON with web storage API is ideal for storing data
5:35:56 JavaScript local storage and session storage methods
5:49:22 Imports and exports in JavaScript modules
5:55:50 Learn about higher order functions in JavaScript
6:09:33 Promises have three states: pending, fulfilled, and rejected.
6:16:31 Promises are used to handle asynchronous operations in JavaScript
6:30:34 Using async/await to handle promises in JavaScript
6:38:20 When working with async functions, it's important to be aware of the order of events and to wait for promises to resolve before working with the data.
6:52:15 Learn how to use the post method in fetch API
6:58:56 Abstracting API calls into functions
7:13:09 Learn about RegX flags, character sets, anchors, and more.
7:19:36 Learn how to use RegEx quantifiers to select specific patterns.
7:31:59 Using RegX to validate phone numbers in JavaScript
7:38:58 Validating and formatting phone numbers using RegX and JavaScript
7:52:26 Cleaning text before encoding is important for URL parameters.

[brandonwhite]

I normally watch tutorials on 1.25-1.5 speed. Dave’s lectures are so information packed, it’s impossible to do that. Every word he says is useful and he always reminds you of keyboard shortcuts so you aren’t pausing to remember or relook them up. Best tutorials by far!

[Sevenstarz]

I'm upset that this video doesn't have more views! Wasted a lot of time with other fluffy tutorials. This one is great and straight to the point.

[theamziss]

I don't often comment on a youtube video, but wow what a great tutorial. I hope you know what a wonderfull teacher you are. You don't oversimplify the concepts, yet you make them easy ti comprehend. Which is a beautifull balance. In other javascript tutorials I either found it 'too basic' aka: You don't actually learn to put anything into practise and they skip out on important details ór I found them wayy too difficuly where the speaker continously assumed you knew x and y and wouldn't explain everything he was doing. I'm at the 2 hour mark now, but it has taken me over 5 hours because I keep pausing, replaying, googling and trying stuff out (which is a good thing! It means your video is content packed!) I'm enjoying this tutorial so much I need to force myself to take breaks. I'm hoping to get this course done within the next few weeks and then I'll rewatch it and google on each subject into more detail :)

[gl]

3 months ago I decided to learn programming, then I found your channel I learned HTML and CSS from you and I created 5 projects using HTML and CSS, tomorrow I'll start with js with this video, you're an amazing teacher it's mind blowing how you explain things can't thank you enough❤

[gilidev]

I have watched lots of tutorials, but this one I can say is the best. I'm not finished yet but I felt that I had to comment here to thank you for such a complete and perfect job. Thank you so much Dave 👏🥰🌺

[ivona]

Came here after HTML and CSS tutorials. I can't say how happy I am to stumble upon this gem of acc. Thank you Dave!

[Horizon-triy]

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

html,
body {
width: 100%;
font-size: 16px;
background-color: #000;
color: #fff;
}

main {
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

h1 {
font-size: 250%;
}

CSS CODE

[AsithMahatHD]

This is the complete package for JS tutorial. From front-end to back-end basics. Covers basically everything like a good tutorial should. Thanks Dave.
Will be following your uploads closely for topics that interests me and maybe even more.

[humptydumpty]

I am a beginner learner to JavaScript.And I also followed and studied your HTML and CSS tutorials.What can I say... thank you a million times on behalf of every one who are studyying from your materials on youtube.Its been a great help for the masses...Thank You So Very Much...cannot thank you enough....eee haaaa to Mr. Dave Gray.Thank You Sir!!!

[djheckler]

Finished the course, learned a lot! Can tell you have a background in academia, you're a fantastic teacher. Would have been useful to have the sample code for the DOM/event listener sections, but could still code along with you so no big deal. Going to continue with your tutorials, thanks a lot for posting them! Hope your channel gets bigger

[justicejatau]

A lot courses I've seen and watched especially long ones gets to boring and eventually makes me give up but this is the best I've seen, this is really education, and we appreciate all the effort to make such good stuff, Thank you so much.

[moments-to-share]

Hi Dave, I totally love your teaching style. Straight to the point and absolutely NO BS.

[RR-uxbt]

This guy is such a good teacher- this is one of the best js tutorials iv'e seen.. and I've watched a lot. I suggest you do a beginners git/ github tutorial and a tutorial on building your own portfolio from scratch.
I watch your videos everyday please upload more regular content like this and your bound to get 100k subs by the end of this year!

[roshanleembu]

It's probably the most basic to advanced js free course available on youtube. Thank you very much Dave.💯

[chinedujonathan]

I completed the course!!

I learnt a lot about JavaScript from this course, which took me 1hr everyday till I was able to complete it.
Thank you, Sir Dave, for this opportunity. I look forward to learning more from you!

Onto building projects🙂

[xzex]

as a python developer who is learning JS, and already is in the middle of some other good Js tutorial (both video and web sites) when I see some of your python videos, I said to myself I got to see this guy JS tutorial, and I really shocked how good this tutorial is both for beginners and those who know other languages and want the fastest possible way to get to the core of things. It really make me to stop all my other tutorials ( except Bro code) and like I already didn't know most of the things, I dont want to lose a second of this tutorial. it is the greatest, it really don't waste your time and I really appreciate this, whilst the beginners also have a safe speed to get to expert stuff as soon as they possibly can.