r/learnjavascript • u/DaveOnEleven • Mar 28 '21

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

https://youtu.be/EfAl9bwzVZk
138 Upvotes

98% Upvoted

12 comments sorted by

9

u/DaveOnEleven Mar 28 '21

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 framework like React JS, Vue JS, or others.

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

(0:00​) Quick Start

(7:43​) Link JavaScript to HTML

(15:16​) Strings

(22:14​) Numbers

(27:54​) Math Methods

(32:57​) Code Challenge

(40:04​) If Statements

(46:10​) Switch Statements

(49:39​) Ternary Operators

(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

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 for Beginners | Complete All-in-One Tutorial | 8 Hours: https://youtu.be/EfAl9bwzVZk

2

u/NightRaven1122 Mar 29 '21

What can I do/make after watching this tutorial?

2

u/DaveOnEleven Mar 30 '21

Some sweet jumps :) Also, lots of JavaScript web apps and websites with interactivity. I have a JavaScript project tutorial playlist here: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PA3nkkEAr91n4bK-NunwPU

2

u/drbob4512 Mar 29 '21

You can teach anyone programming. You can't teach creativity. Figure out how to make someones life easier (Or yours) and go from there. Those are the best motivators on what to build.

1

u/cumhereandtalkchit Mar 29 '21

What's helping for me is playing around with event listeners (interacting by following the mouse etc.) and just manipulating the DOM. By setting up a site to create new objects etc. Like a site to add your favorite movies, add functions, events to manipulate the layout etc.

These are pretty simple things when you figure them out, but you can make them as advanced as you like, while getting a good grasp on how functions, loops, bubbling etc. It's also really visual, which helps a lot (for me).

3

u/codeAtorium Mar 29 '21

Is that PHP on the screen in the thumbnail?

2

u/krowvin Mar 29 '21

Looks like Node.js in MS Visual Studio Code

1

u/codeAtorium Mar 29 '21

#With comments like this?

1

u/highlypaid Mar 29 '21

It's Ruby.

there's a reference to _spec.rb and also the comments are denoted by '#'

which is funny for a js tut lol

1

u/krowvin Mar 29 '21

Ahh misses that entirely

1

u/OldSchool_Pizza Jun 18 '23

Hi! I’m seven hours into the JavaScript Full Course and loving it -

I'm currently working on the Promises Async and Await using fetch on http://api.icndb.com/jokes/random? But running into the following error -
Access to fetch at 'http://api.icndb.com/jokes/random?firstName=Chuck&lastName=Norris' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
I’m on a roll, and hoping to not get side-tracked chasing this down. Apologies if there is a more appropriate place to post this question or if I didn't include enough info.

1

u/OldSchool_Pizza Jun 28 '23

I ended up just using a working API to work through the code example on my own - which turned out to be a better learning experience anyway!