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

Опубликовано: 03 Март 2025
на канале: Dave Gray

730,539

14k

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

🔗 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.

💖 Support me on Patreon ➜   / davegray

⭐ Become a full-stack web dev with Zero To Mastery Courses:
Complete Web Developer Bootcamp: https://bit.ly/WebDevMaster
Build 20 Javascript Portfolio Projects: https://bit.ly/20JSProjects
Javascript: The Advanced Concepts: https://bit.ly/AdvancedJSCourse

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

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):
https://gist.github.com/gitdagray/383...

🔗 Rock, Paper, Scissors version 2 (chapter 16):
https://gist.github.com/gitdagray/a70...

🔗 Rock, Paper, Scissors version 3 (chapter 16):
https://gist.github.com/gitdagray/c33...

🔗 DOM Lesson (chapter 21) HTML & CSS source code: https://gist.github.com/gitdagray/dbe...

🔗 Event Listeners Lesson (chapter 22)
HTML: https://gist.github.com/gitdagray/7d1...
CSS: https://gist.github.com/gitdagray/cf6...
Note: You'll need to change display settings in the CSS for each example.

👀 Visual Studio Code: https://code.visualstudio.com/

📚 Further Reading:
Eloquent JavaScript: https://eloquentjavascript.net/
MDN Web Docs - JavaScript Basics: https://developer.mozilla.org/en-US/d...

✅ Follow Me:
Github: https://github.com/gitdagray
Twitter:   / yesdavidgray
LinkedIn:   / davidagray
Blog: https://yesdavidgray.com
Reddit:   / daveoneleven

☕ Buy Me A Coffee: https://www.buymeacoffee.com/DaveGray

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