Javascript Fundamentals

Javascript Fundamentals
15 Projects Video :

Products I Use:

Books I Recommend:

Disclosure: This video is not sponsored. Some links above are affiliate links, and l may earn a small commission from any purchases at no additional cost to you. Thank you for supporting my channel!

Timeline

Intro 00:00
Info 02:23
Goals 04:57
Structure 06:40
Dev Environment 08:56
Vs Code And Chrome 09:56
Extensions 13:22
Emmet 24:57
Basics Intro 28:24
Setup Project 28:41
Inline Javascript 31:51
Internal Javascript 35:07
External Javascript 42:59
Cleanup Workspace 53:01
Helper Methods 54:10
Statments And Comments 1:04:17
Variables 1:16:20
Assign Value Later 1:25:08
Variable Naming Rules 1:29:31
Const, Let, Var 1:35:36
Quatation Marks 1:40:51
String Concatenation 1:46:43
Number Basics 1:52:08
Numbers - Additional Features 2:00:29
Implicit Type Conversion 2:08:53
Data Types 2:20:54
Arrays 2:29:08
Functions - Declare, Invoke 2:40:23
Functions - Parameters, Arguments 2:46:50
Functions - Return 2:59:47
Functions - Expressions 3:13:09
Objects 3:20:53
Conditional Statements - Basics 3:29:17
Conditional Statements Continued 3:35:15
Equality 3:42:18
Logical Operators 3:46:43
Switch Statement 3:51:08
While Loops 3:58:36
Do While Loops 4:04:32
For Loop 4:07:30
Connect The Dots 4:11:34
String Properties And Methods 4:11:58
Template Literals 4:28:33
Array Properties And Methods 4:34:43
Exercise - Full Name 4:46:34
Exercise - Calculate Total 4:56:48
Value Vs Reference 5:11:29
Null And Undefined 5:17:21
Truthy And Falsy 5:19:36
Ternary Operator 5:24:11
Global Scope 5:28:27
Local Scope 5:35:53
Variable Lookup 5:42:55
Callback Functions, Higher Order Functions 5:49:47
Array Iterators 6:04:54
For Each 6:07:16
Map 6:17:00
Filter 6:27:43
Find 6:31:38
Reduce 6:40:08
Math Object 6:49:56
Date Object 6:58:29
Dom Intro 7:07:47
DOM - General Concepts 7:10:26
Window And Document Overview 7:19:06
GetElementById 7:23:21
Get Elements By Tag Name 7:30:13
Get Elements By Class Name 7:38:45
QuerySelector And QuerySelectorAll 7:41:19
Navigate The Dom - Children 7:48:05
Navigate The Dom - Parent Element 7:53:00
Navigate The Dom - NextSibling, PrevSibling 7:56:07
Navigate The Dom - Next/Prev Element Sibling 8:00:36
TextContent And NodeValue 8:01:52
GetAttribute(), SetAttribute() 8:04:50
ClassList And ClassName 8:13:00
CreateElement 8:22:29
InsertBefore 8:30:39
ReplaceChild 8:34:23
Prepend InnerText 8:36:47
Remove And RemoveChild 8:39:57
InnerHTML And TextContent 8:44:50
Change CSS With Style Property 8:53:15
Events Overview 8:58:23
Click Event 9:00:13
Function Reference 9:07:37
Mouse Events 9:12:29
Key Events 9:17:47
Event Object 9:22:01
CurrentTarget Vs Target 9:32:50
Event Bubbling Capturing 9:40:24
Event Propogation Example 9:51:04
Form Submit 9:58:32
Local Storage 10:04:24
Local Storage With Multiple Values 10:13:46

[ahurein]

So this great man gave us 20 projects with vanilla js and he was like hmm, what about those who don't know js, went to his desk and produce 10hrs of content for free...i know js already but still thank you bro

[finnam]

i completed in 5 days.. its take 2-3 hours a day (include practicing)
This course is really amazing if you are really a beginner, he didn't let you loose the details. Thanks John.

[preciousdaniel]

I have been out of the job for a month now and thank God they let me go, I have learned a lot in a month than I learned in a year there.
Just saw this course boom I already the basics to build on.
People like john deserve a noble price.
No money??? no worries!! so far you are willing to learn john's got you.
Happy that you gave people with no means the opportunity to learn for free. You have been a blessing to me.

[kananverma]

This is one of the coding channels which has taught me the whole web development. Really thankful to John.

[samueluche]

I finally finished this course in 4 weeks. Super proud of myself as someone with no computer science knowledge or previous tutor, in-depth understanding over speed.✌

[kevintran]

I needed a JS refresher and this was by far the greatest JS fundamentals course on YT ever.

[Gunjuzone]

I was struggling with JS fundamentals and a friend recommended this channel. He said JS didnt make sense to him until he watched this video. I have been following this Video for the past 4 days and I just finished them and JS suddenly is not as difficult, it makes sense. I am excited to keep learning with you. I am going to proceed to the project version.
Thanks a lot, you are my hero.

[danneytee]

your teaching style is completely mindblowing. you doesnt just show me "how" to do it but more importantly "why" .
i gave up many time on js because i thought i was a dumbass until you came along. im forever in debt to you, my sensei =]

[huntikpro]

just completed till 4:11:42 and now I'm on my route to learning more stuff. thank you very much John 👍👍👍
edited:
currently at 5:12:09

[princeoppong]

One of the reasons I love this guy's tutorials is that he sometimes makes little jokes to make the class fun instead of being serious all the time....always makes me pause and laugh bit before I continue 😂

[sarajosh]

Hi John! Many many thanks to you. I have started learning JavaScript, React JS and recently Node JS from your tutorial. Also, the e-commerce project. I am happy to tell you, I got a job today. I will be always greatful to you. Your teaching skill is awesome.

[briandesign]

best javascript vids on youtube! appreciate the free content! I finally just started learning react the other day

[ryanm]

This is the most lucid and patient tutuorial on Javascript fundamentals that I have run across. I hope John continues to make tutorials.

[debbief]

This is supposed to be top of the recommended Javascript videos. God bless you!

[syedquadri]

John is pure love. A champ in his own league. Much love John and peace....

[velariono]

I finished the course today, and I am glad to say that getting all this knowledge even though I studied a long time ago, it helped me get back to where I wanted to be in terms of Front-end Development. Thank you for all the help John!

[viallymboma]

wow people are really using their lives effectively...this guy's grace is not heavy...it is tremendous...

[kvnagendra]

*Well done bro we're learning alot from for free but we'll watch ads displayed on ur video completely, it may generate a good revenue for worthy tutorials*

[mk]

Man, am so addicted with your tutorials.I dont know how to thank you, but God Bless you John. I was able to grasp the concepts and how to apply them without a miss. You are one of a kind with the way you teach especially for us begginers.Thumbs up Bro.

[briandacallos]

I watched a lot of Javascript tutorial but this one is so different, john will give you the assurance that you will learn a lot in a simple and fun way. You're a gift to the coding community sir John, please keep sharing your knowledge. I'm not a kind of guy who always commit my self to someone but I'll do then, I'll donate for your account when I got my first job as a IT professional <3 Thank you sir, love from The Philippines <3