Awesome JavaScript Resources
JavaScript is an object-oriented computer programming language commonly used to create interactive effects within web browsers. JavaScript, often abbreviated as JS, is a programming language that conforms to the ECMAScript specification. JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.
List inspired by the awesome JamStack
A curated list of JavaScript resources for beginners. Please note that for each section, there will be so many links to both videos and articles, so You get to use anyone you prefer, as they almost convey the same message. I decided to add so many links, so you get to understand these topics from different angles written/taught by different writers/creators.
Table of Contents
JavaScript Crash Courses
Here are some complete JavaScript videos and guides to help you understand JavaScript as a whole. After you've taken the time to watch these videos or read through these guides, you can now move on to understanding individual concepts for a broader understanding.
Articles
Videos
- JavaScript Crash Course For Beginners - by Traversy Media
- JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020] - by Clever Programmer
Basic JavaScript
As a beginner it is very mandatory you understand JavaScript's basics before proceeding to ES6.
Introduction to JavaScript
Things you need to know to get started with JavaScript.
Articles
Videos
- Introduction to JavaScript - By freeCodeCamp
- JavaScript Tutorial for Beginners - By Mosh
- Javascript beginner tutorial 1 - Introduction to JavaScript - By Quentin Watt Tutorials
Comments in JavaScript
Writing comments in JavaScript.
Articles
Videos
- How to Comment Code - JavaScript Tutorial - By Easy Learn Tutorial
- How To Write Comments In JavaScript - by JavaScript Tutorials
Variable Declaration
Declaring variables in Javascript.
Articles
- [JavaScript Variables - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-variable#:~:text=JavaScript uses reserved keyword var,it or before using it.&text=In the above example%2C we,%3A one%2C two and three.)
- [What is the difference between global and local Variables in JavaScript](https://www.tutorialspoint.com/What-is-the-difference-between-global-and-local-Variables-in-JavaScript#:~:text=JavaScript variables have only two,always local to that function.)
Videos
- JavaScript how to properly declare a variable - by techsith
- Variables in JavaScript - by Kirupa Chinnathambi
- Variables - JavaScript Tutorial for Beginners - by Easy Learn Tutorial
- Javascript Variables Explained - by Clever Techie
- Local and global variables in javascript - by kudvenkat
- Javascript Variables & Data Types - by Dev Ed
- How to Create Variables in JavaScript - by mmtuts
- JavaScript Variables - by The Net Ninja
Data Types
Understanding the various Data types in JavaScript.
Articles
Videos
- JavaScript: Introduction to Data Types - by Renaissance Coders
- Intro to Data Types | JavaScript 101 Tutorials - by Devmountain | Lehi
- Common Datatypes In JavaScript - by mmtuts
- Different Data Types in JavaScript - by mmtuts
- JavaScript Tutorial | Variables & Data Types - by Telusko
Operators in JavaScript
Various Operators in JavaScript.
Articles
- [Javascript Operators - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-operators#:~:text=JavaScript includes operators as in,and 2 is right operand.)
Videos
- Different Types of Operators in JavaScript - by mmtuts
- JavaScript Tutorial | Operators - by Telusko
- Logical Operators - by codedamn
Strings
Understanding Strings.
Articles
Videos
- 20 String Methods in 7 Minutes - by freeCodeCamp
- JavaScript Strings - by Programming with Mosh
- String Operator in JavaScript Explained - by mmtuts
- Working With Strings | JavaScript - by Mike Dane
- Strings in JavaScript - by kudvenkat
Concatenation
Various ways to concatenate.
Articles
- [JavaScript String concat() Method - W3Schools](https://www.w3schools.com/jsref/jsref_concat_string.asp#:~:text=The concat() method is,text of the joined strings.)
Videos
- Concatenation in Javascript - by WebDevMentors
- Javascript String Concatenation - by Dev Ed
- Strings and Concatenation in JavaScript - by Kody Simpson
- JavaScript String Concatenation - by Steve Griffith
Arrays
Understanding arrays and how to manipulate arrays.
Articles
Videos
- JavaScript Arrays - by Programming with Mosh
- 8 Must Know JavaScript Array Methods - by Web Dev Simplified
- Array in JavaScript | JavaScript Array Methods - by edureka!
- JavaScript Tutorial | Introduction to Array - by Telusko
- JavaScript Arrays - by Chris Walker
Function
Understanding functions and how it can be used.
Articles
Videos
- JavaScript Functions - by Programming with Mosh
- Functions - Beau teaches JavaScript - by freeCodeCamp
- JavaScript Functions - by edureka!
- JavaScript Functions Tutorial for Beginners - by Clever Techie
- Functions in Javascript for beginners - by Awais Mirza
- Javascript Functions - by LearnCode.academy
- Introduction to functions in javascript - by Hitesh Choudhary
Objects
Objects in JavaScript.
Articles
Videos
- JavaScript - Objects - by Yusuf Shakeel
- What's an Object in JavaScript? - by O'Reilly
- JavaScript OBJECTS in ONE Video - by Code Explained
- Modern JavaScript Tutorial - Objects - by The Net Ninja
- Different Ways of Creating Objects in JavaScript - by Steve Griffith
Conditional Statements
Conditional statement in Javascript.
Articles
Videos
- How to Create Conditions in JavaScript - by mmtuts
- How to use if/else conditions in JavaScript - by Zenva
- Conditional statements in javascript - by kudvenkat
- JavaScript if else (tutorial) - by Programming with Mosh
- complex conditions - by Quentin Watt Tutorials
- Conditionals (if statement) - by sentdex
Loops & Iteration
Detailed resources to perfectly understand Loops.
Articles
Videos
- JavaScript Loops - by Programming with Mosh
- JavaScript Loops Tutorial for Beginners - by Clever Techie
- JavaScript Loops - by Coding Journey
- JavaScript Loops Made Easy - by codeSTACKr
- JavaScript Tutorial | For Loop - by Telusko
- Using JavaScript forEach to Loop over an Array - by Love2Dev
ES6
Introduction to ECMAScript 6(ES6)
Articles
Videos
- ES6 JavaScript Tutorial for Beginners - Getting Started - by Academind
- ES6 Tutorial - #1 Intro - by Code Realm
- ES6 Tutorial 1: Introduction - by codedamn
Generators
Articles
Videos
- JavaScript ES6 / ES2015 - Generators - by Traversy Media
- JavaScript ES6 Tutorial - Generators - by The Net Ninja
- Using Generators in JavaScript ES6 - by Paul Halliday
- Javascript Generators - THEY CHANGE EVERYTHING - ES6 - by LearnCode.academy
- JavaScript Generators - by Kyle Robinson Young
- ES6 Iterator & Generator Fundamentals - by Steve Griffith
Promises
Articles
- [ES6 - Promises - Tutorialspoint](https://www.tutorialspoint.com/es6/es6_promises.htm#:~:text=Promises are a clean way,and its implementation%2C using Callbacks.)
Videos
- JavaScript ES6 / ES2015 - Promises - by Traversy Media
- JavaScript Promises In 10 Minutes - by Web Dev Simplified
- ES6 Promises - JavaScript - by Paul Halliday
- Promise In JavaScript ES6 - by Cheezy Code
- JavaScript promises explained tutorial - by techsith
- ES6 Tutorial - Promises (then / catch) - by Code Realm
Arrow Functions
Articles
Videos
- JavaScript ES6 Arrow Functions Tutorial - by Web Dev Simplified
- Javascript ES6 - Arrow Functions - by DoingITeasyChannel
- ES6 Arrow Function - by The Coding Train
- Arrow functions in JavaScript - What, Why and How - by Fun Fun Function
- Arrow Functions (short syntax) - by dcode
- ES6 JavaScript Arrow Functions - by Steve Griffith
- JavaScript ES6 / ES2015 - Arrow Functions - by Traversy Media
- ES6 arrow functions - by TempleCoding
String & Number Methods
Articles
Videos
- JavaScript ES6 / ES2015 - New String & Number Methods - by Traversy Media
- Learn Javascript ES6 String and Number methods - by Code Marshal
- Learn Javascript- Number Methods in Javascript - by Unacademy - Programming
- Number methods and math objects in JavaScript - by mmtuts
Classes and Inheritance
Articles
Videos
- JavaScript ES6 / ES2015 - Classes and Inheritance - by Traversy Media
- Inheritance in JavaScript - by The Coding Train
- ES6 Tutorial - Classes - by Code Realm
- JavaScript ES6 - Classes - by Nodecasts
- Object Oriented JavaScript Tutorial - Class Inheritance - by The Net Ninja
- JavaScript Classes : Inheritance & Extends - by dcode
- JavaScript ES6 : class , method and inheritance - by Tutplus24
Let and Const Declaration
Articles
Videos
- JavaScript ES6 / ES2015 - Let and Const Declaration - by Traversy Media
- var, let and const - ES6 JavaScript Features - by Fun Fun Function
- var, let and const in Javascript explained - by Coding Blocks
- How to Code - JavaScript Const and Let - by OpenCanvas
- JavaScript ES6 - var, let and const - by Nodecasts
Map, Weakset & WeakMap
Articles
Videos
- JavaScript ES6 / ES2015 - [08] Set, Map, WeakSet - by Traversy Media
- JavaScript ES6 : Set, Map, WeakSet , WeakMap - by Tutplus24
- JavaScript Set vs Map vs WeakSet vs WeakMap - by Typing Turtle
- ES6 Tutorial 15: Weakmaps - by codedamn
- Map, Set, WeakMap & WeakSet in JavaScript - by JS Helper
Template Literals
Articles
Videos
- JavaScript ES6 / ES2015 - Template Literals - by Traversy Media
- JavaScript Template Literals - by Programming with Mosh
- Template Literals in ES6 - by Paul Halliday