Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/olawanlejoel/Awesome-Javascript-resources

A Curated list of Awesome JavaScript Resources
https://github.com/olawanlejoel/Awesome-Javascript-resources
awesome awesome-list beginners-guide beginners-tutorial-series javascript javascript-basics javascript-es6 javascript-library javascript-resources javascript-tools tutorial
Last synced: 16 days ago
JSON representation
A Curated list of Awesome JavaScript Resources
Host: GitHub
URL: https://github.com/olawanlejoel/Awesome-Javascript-resources
Owner: olawanlejoel
License: cc0-1.0
Created: 2020-06-21T00:03:28.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2022-05-17T17:58:32.000Z (over 2 years ago)
Last Synced: 2024-05-19T22:47:48.609Z (7 months ago)
Topics: awesome, awesome-list, beginners-guide, beginners-tutorial-series, javascript, javascript-basics, javascript-es6, javascript-library, javascript-resources, javascript-tools, tutorial
Homepage:
Size: 44.9 KB
Stars: 165
Watchers: 6
Forks: 23
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project

ultimate-awesome - Awesome-Javascript-resources - A Curated list of Awesome JavaScript Resources . (Other Lists / Monkey C Lists)
README

        # Awesome JavaScript Resources

![Cover Image](https://user-images.githubusercontent.com/57611810/153705584-cd084aeb-1966-4790-a2e4-9ae3c1efd1b3.jpg)

[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) ![license](https://img.shields.io/github/license/mashape/apistatus.svg)

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.

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

  

    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 🧾

  

    


    

 - [Learn JavaScript – Free JS Courses for Beginners - Freecodecamp](https://www.freecodecamp.org/news/learn-javascript-free-js-courses-for-beginners/)

  

  

  

    Videos 📹

  

    


 - [JavaScript Crash Course For Beginners](https://www.youtube.com/watch?v=hdI2bqOjy3c) - by Traversy Media

 - [JavaScript Programming - Full course](https://www.youtube.com/watch?v=jS4aFq5-91M) - by Freecodecamp.org

 - [JavaScript Tutorial for Beginners - Full Course in 8 Hours [2020]](https://www.youtube.com/watch?v=Qqx_wzMmFeA) - 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 🧾

  

    


    

 - [JavaScript Introduction - W3Schools](https://www.w3schools.com/js/js_intro.asp) 

 - [An Introduction to JavaScript - Javascript.info](https://javascript.info/intro) 

 - [What is JavaScript? Complete Introduction](https://www.guru99.com/introduction-to-javascript.html)

 - [Introduction - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction)

 - [A re-introduction to JavaScript (JS tutorial) - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)

 - [Introduction to JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/introduction-to-javascript/)

    

	

  

    Videos 📹

  

    


    

 - [Introduction to JavaScript](https://www.youtube.com/watch?v=_y9oxzTGERs) - By freeCodeCamp

 - [JavaScript Tutorial for Beginners](https://www.youtube.com/watch?v=W6NZfCO5SIk) - By Mosh

 - [Javascript beginner tutorial 1 - Introduction to JavaScript](https://www.youtube.com/watch?v=jkTzHEtHd54) - By Quentin Watt Tutorials

    

    

	

---

	

  

    Comments in JavaScript

  

    


*Writing comments in JavaScript.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript Comments - W3Schools](https://www.w3schools.com/js/js_comments.asp)

 - [Comments - JavaScript.info](https://javascript.info/comments)

 - [JavaScript comment - javatpoint](https://www.javatpoint.com/javascript-comment)

 - [How to Write Comments in JavaScript - Tutorial Republic](https://www.tutorialrepublic.com/faq/how-to-write-comments-in-javascript.php)

    

  

    Videos 📹

  

    


    

 - [How to Comment Code - JavaScript Tutorial](https://www.youtube.com/watch?v=0ytpp7Minc4) - By Easy Learn Tutorial

 - [How To Write Comments In JavaScript](https://www.youtube.com/watch?v=9eRSZpG23gs) - by JavaScript Tutorials

 - [JavaScript Comments](https://www.youtube.com/watch?v=8w0sxLVZLE4)

    

	

---

	

  

    Variable Declaration

  

    


*Declaring variables in Javascript.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript Variables - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-variable#:~:text=JavaScript%20uses%20reserved%20keyword%20var,it%20or%20before%20using%20it.&text=In%20the%20above%20example%2C%20we,%3A%20one%2C%20two%20and%20three.)

 - [JavaScript Variables - W3Schools](https://www.w3schools.com/js/js_variables.asp)

 - [Declaring JavaScript Variables: var, let and const ― Scotch.io](https://scotch.io/courses/10-need-to-know-javascript-concepts/declaring-javascript-variables-var-let-and-const)

 - [Variables - JavaScript.info](https://javascript.info/variables)

 - [Variables and Datatypes in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/variables-datatypes-javascript/)

 - [The Ultimate Guide to JavaScript Variables: var, let, and const ...](https://www.javascripttutorial.net/javascript-variables/)

 - [Global and Local variables in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/global-and-local-variables-in-javascript/)

 - [Understanding Local and Global Variables in JavaScript](https://www.dotnettricks.com/learn/javascript/understanding-local-and-global-variables-in-javascript)

 - [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%20variables%20have%20only%20two,always%20local%20to%20that%20function.)

    

  

    Videos 📹

  

    


    

 - [JavaScript how to properly declare a variable](https://www.youtube.com/watch?v=v1Q7pkcpShs) - by techsith

 - [Variables in JavaScript](https://www.youtube.com/watch?v=PL5VX5Iab3Y) - by Kirupa Chinnathambi

 - [Variables - JavaScript Tutorial for Beginners](https://www.youtube.com/watch?v=TlrbYH8zo18) - by Easy Learn Tutorial

 - [Javascript Variables Explained](https://www.youtube.com/watch?v=Fo5FyZkmpIM) - by Clever Techie

 - [Local and global variables in javascript](https://www.youtube.com/watch?v=g4FG9lwIfEw) - by kudvenkat

 - [Javascript Variables & Data Types](https://www.youtube.com/watch?v=edlFjlzxkSI) - by Dev Ed

 - [How to Create Variables in JavaScript](https://www.youtube.com/watch?v=9aGIAL16DL4) - by mmtuts

 - [JavaScript Variables](https://www.youtube.com/watch?v=u0Mq3FzpsmI) - by The Net Ninja

    

	

---

	

  

    Data Types

  

    


*Understanding the various Data types in JavaScript.*

	

  

    Articles 🧾

  

    


    

 - [Data types - JavaScript.info](https://javascript.info/types)

 - [JavaScript Data Types - W3Schools](https://www.w3schools.com/js/js_datatypes.asp)

 - [JavaScript data types and data structures - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures)

 - [JavaScript Data Types - Tutorial Republic](https://www.tutorialrepublic.com/javascript-tutorial/javascript-data-types.php)

 - [JavaScript data types - javatpoint](https://www.javatpoint.com/javascript-data-types)

 - [Variables and Datatypes in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/variables-datatypes-javascript/)

    

  

    Videos 📹

  

    


    

 - [JavaScript: Introduction to Data Types](https://www.youtube.com/watch?v=qfN0AjnZNhw) - by Renaissance Coders

 - [Intro to Data Types | JavaScript 101 Tutorials](https://www.youtube.com/watch?v=_r_LCMBvxmg) - by Devmountain | Lehi

 - [Common Datatypes In JavaScript](https://www.youtube.com/watch?v=0tykxma-3TU) - by mmtuts

 - [Different Data Types in JavaScript](https://www.youtube.com/watch?v=O9by2KcR2v4) - by mmtuts

 - [JavaScript Tutorial | Variables & Data Types](https://www.youtube.com/watch?v=Hrd3SfCCXZw) - by Telusko

    

	

---

	

  

    Operators in JavaScript

  

    


*Various Operators in JavaScript.*

	

  

    Articles 🧾

  

    


    

 - [Javascript Operators - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-operators#:~:text=JavaScript%20includes%20operators%20as%20in,and%202%20is%20right%20operand.)

 - [JavaScript Operators Reference - W3Schools](https://www.w3schools.com/jsref/jsref_operators.asp)

 - [JavaScript Operators - W3Schools](https://www.w3schools.com/js/js_operators.asp)

 - [JavaScript Comparison and Logical Operators - W3Schools](https://www.w3schools.com/js/js_comparisons.asp)

 - [Expressions and operators - JavaScript - MDN - Mozilla](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators)

 - [Basic operators, maths - JavaScript.info](https://javascript.info/operators)

 - [JavaScript - Operators - Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_operators.htm)

 - [JavaScript operators - javatpoint](https://www.javatpoint.com/javascript-operators)

 - [JavaScript Operators - Tutorial Republic](https://www.tutorialrepublic.com/javascript-tutorial/javascript-operators.php)

    

  

    Videos 📹

  

    


    

 - [Different Types of Operators in JavaScript](https://www.youtube.com/watch?v=FZzyij43A54) - by mmtuts

 - [JavaScript Tutorial | Operators](https://www.youtube.com/watch?v=ULNJSTSJc7s) - by Telusko

 - [Logical Operators](https://www.youtube.com/watch?v=9cjprgamsrY) - by codedamn

    

	

---

	

  

    Strings

  

    


*Understanding Strings.*

	

  

    Articles 🧾

  

    


    

 - [String - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)

 - [JavaScript Strings - W3Schools](https://www.w3schools.com/js/js_strings.asp)

 - [Strings - JavaScript.info](https://javascript.info/string)

 - [JavaScript string - javatpoint](https://www.javatpoint.com/javascript-string)

 - [15 JavaScript String Functions — SitePoint](https://www.sitepoint.com/15-javascript-string-functions/)

 - [JavaScript string methods & properties - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-string-methods-and-property)

 - [Strings - JavaScript.com](https://www.javascript.com/learn/strings)

 - [JavaScript | Strings - GeeksforGeeks](https://www.geeksforgeeks.org/javascript-strings/)

    

  

    Videos 📹

  

    


    

 - [20 String Methods in 7 Minutes](https://www.youtube.com/watch?v=VRz0nbax0uI) - by freeCodeCamp

 - [JavaScript Strings](https://www.youtube.com/watch?v=09BwruU4kiY) - by Programming with Mosh

 - [String Operator in JavaScript Explained](https://www.youtube.com/watch?v=uli67N4Z03Y) - by mmtuts

 - [Working With Strings | JavaScript](https://www.youtube.com/watch?v=3JJyYmkXMSA) - by Mike Dane

 - [Strings in JavaScript](https://www.youtube.com/watch?v=hoa2VhyHX4w) - by kudvenkat

    

	

---

	

  

    Concatenation

  

    


*Various ways to concatenate.*

	

  

    Articles 🧾

  

    


    

 - [3 Ways to Concatenate Strings in JavaScript - Mastering JS](https://masteringjs.io/tutorials/fundamentals/string-concat)

 - [JavaScript | String concat() - GeeksforGeeks](https://www.geeksforgeeks.org/javascript-string-prototype-concat-function/)

 - [JavaScript String concat() Method - W3Schools](https://www.w3schools.com/jsref/jsref_concat_string.asp#:~:text=The%20concat()%20method%20is,text%20of%20the%20joined%20strings.)

 - [Concatenating strings with the + operator - Scripting Master](http://www.scriptingmaster.com/javascript/concatenating-strings-javascript.asp)

 - [How to concatenate multiple string variables in JavaScript?](https://www.tutorialspoint.com/How-to-concatenate-multiple-string-variables-in-JavaScript)

    

  

    Videos 📹

  

    


    

- [Concatenation in Javascript](https://www.youtube.com/watch?v=kX1wEDCe148) - by WebDevMentors

 - [Javascript String Concatenation](https://www.youtube.com/watch?v=9Q8BAZffbz8) - by Dev Ed

 - [Strings and Concatenation in JavaScript](https://www.youtube.com/watch?v=6X0yYyLV7wk) - by Kody Simpson

 - [JavaScript String Concatenation](https://www.youtube.com/watch?v=7ktrTvRhhqk) - by Steve Griffith

    

	

---

	

  

    Arrays

  

    


*Understanding arrays and how to manipulate arrays.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript Arrays - W3Schools](https://www.w3schools.com/js/js_arrays.asp)

 - [Array - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)

 - [Arrays - JavaScript.info](https://javascript.info/array)

 - [Arrays | Codecademy](https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-arrays)

 - [Arrays in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/arrays-in-javascript/)

 - [Data Structures: Objects and Arrays :: Eloquent JavaScript](https://eloquentjavascript.net/04_data.html)

 - [JavaScript - The Arrays Object - Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_arrays_object.htm)

 - [JavaScript array - javatpoint](https://www.javatpoint.com/javascript-array)

 - [Arrays - Learn JavaScript - Free Interactive JavaScript Tutorial](https://www.learn-js.org/en/Arrays)

 - [Manipulating Arrays in JavaScript - Bolaji Ayodeji](https://bolajiayodeji.com/manipulating-arrays-in-javascript-cjvuuty3500354js1sba6z6yr)

 - [Hacks for Creating JavaScript Arrays - freeCodeCamp.org](https://www.freecodecamp.org/news/https-medium-com-gladchinda-hacks-for-creating-javascript-arrays-a1b80cb372b/)

    

  

    Videos 📹

  

    


    

 - [JavaScript Arrays](https://www.youtube.com/watch?v=oigfaZ5ApsM) - by Programming with Mosh

 - [Javascript Arrays | Javascript Tutorial For Beginners](https://www.youtube.com/watch?v=8FmBEN0XZyI) - by Dev Ed

 - [8 Must Know JavaScript Array Methods](https://www.youtube.com/watch?v=R8rmfD9Y5-c) - by Web Dev Simplified

 - [Array in JavaScript | JavaScript Array Methods](https://www.youtube.com/watch?v=5kFOWBh5zKE) - by edureka!

 - [JavaScript Tutorial | Introduction to Array](https://www.youtube.com/watch?v=SrT8-9I4WnE) - by Telusko

 - [JavaScript Arrays](https://www.youtube.com/watch?v=5tPO0ncWN9k) - by Chris Walker

    

	

---

	

  

    Function

  

    


*Understanding functions and how it can be used.*

	

  

    Articles 🧾

  

    


    

 - [Functions - JavaScript - MDN - Mozilla](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions)

 - [JavaScript Functions - W3Schools](https://www.w3schools.com/js/js_functions.asp)

 - [Functions - JavaScript.info](https://javascript.info/function-basics)

 - [JavaScript Functions — Understanding The Basics - codeburst](https://codeburst.io/javascript-functions-understanding-the-basics-207dbf42ed99)

 - [JavaScript - Functions - Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_functions.htm)

 - [Function in JavaScript - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-function)

 - [Functions :: Eloquent JavaScript](https://eloquentjavascript.net/03_functions.html)

 - [Functions in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/functions-in-javascript/)

 - [JavaScript Define & Call Functions with Example - Guru99](https://www.guru99.com/learn-functions-in-javascript-in-5-minutes.html)

 - [Functions - Learn JavaScript](https://www.learn-js.org/en/Functions)

 - [JavaScript function - javatpoint](https://www.javatpoint.com/javascript-function)

 - [Functions | Codecademy](https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-functions)

    

  

    Videos 📹

  

    


    

 - [JavaScript Functions](https://www.youtube.com/watch?v=N8ap4k_1QEQ) - by Programming with Mosh

 - [Functions - Beau teaches JavaScript](https://www.youtube.com/watch?v=R8SjM4DKK80) - by freeCodeCamp

 - [JavaScript Functions](https://www.youtube.com/watch?v=QX3kGsfGqz8) - by edureka!

 - [JavaScript Functions Tutorial for Beginners](https://www.youtube.com/watch?v=bBDcmLgyyJ8) - by Clever Techie

 - [Functions in Javascript for beginners](https://www.youtube.com/watch?v=0yRiAoV-p1U) - by Awais Mirza

 - [Javascript Functions](https://www.youtube.com/watch?v=AY6X5jZZ_JE) - by LearnCode.academy

 - [Introduction to functions in javascript](https://www.youtube.com/watch?v=KWk9BNBtFtg) - by Hitesh Choudhary

    

	

---

	

  

    Objects

  

    


*Objects in JavaScript.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript Objects - W3Schools](https://www.w3schools.com/js/js_objects.asp)

 - [Object - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object)

 - [Objects | Codecademy](https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-objects)

 - [Objects - JavaScript.info](https://javascript.info/object)

 - [Objects in Javascript - GeeksforGeeks](https://www.geeksforgeeks.org/objects-in-javascript/)

 - [Data Structures: Objects and Arrays :: Eloquent JavaScript](https://eloquentjavascript.net/04_data.html)

 - [JavaScript Object - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/javascript-object)

 - [JavaScript Objects - javatpoint](https://www.javatpoint.com/javascript-objects)

 - [How to create objects in JavaScript - freeCodeCamp.org](https://www.freecodecamp.org/news/a-complete-guide-to-creating-objects-in-javascript-b0e2450655e8/)

 - [Working with Javascript Objects and Arrays | UniversalClass](https://www.universalclass.com/articles/computers/javascript/working-with-javascript-objects-and-arrays.htm)

 - [How To Use Object Methods in JavaScript | DigitalOcean](https://www.digitalocean.com/community/tutorials/how-to-use-object-methods-in-javascript)

 - [A Deeper Look at Objects in JavaScript - Kirupa](https://www.kirupa.com/html5/a_deeper_look_at_objects_in_javascript.htm)

    

  

    Videos 📹

  

    


    

 - [What Are Objects in JavaScript & How to create them](https://www.youtube.com/watch?v=4uVwGw317QM) - by mmtuts

 - [JavaScript - Objects](https://www.youtube.com/watch?v=bNdFQc-AlEQ) - by Yusuf Shakeel

 - [What's an Object in JavaScript?](https://www.youtube.com/watch?v=8iXoWC9XcU8) - by O'Reilly

 - [JavaScript OBJECTS in ONE Video](https://www.youtube.com/watch?v=37YIF_evtEk) - by Code Explained

 - [Modern JavaScript Tutorial - Objects](https://www.youtube.com/watch?v=X0ipw1k7ygU) - by The Net Ninja

 - [Different Ways of Creating Objects in JavaScript](https://www.youtube.com/watch?v=UrM9xgPxq1E) - by Steve Griffith

    

	

---

	

  

    Conditional Statements

  

    


*Conditional statement in Javascript.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript if else else if - W3Schools](https://www.w3schools.com/js/js_if_else.asp)

 - [Making decisions in your code — conditionals](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/conditionals)

 - [Conditionals | Codecademy](https://www.codecademy.com/learn/introduction-to-javascript/modules/learn-javascript-control-flow)

 - [JavaScript Conditional Statements: IF, Else, Else IF](https://www.guru99.com/how-to-use-conditional-statements-in-javascript.html)

 - [Conditional Statements in JavaScript | Study.com](https://study.com/academy/lesson/conditional-statements-in-javascript.html)

 - [JavaScript - if...else Statement - Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_ifelse.htm)

 - [JavaScript Conditionals: The Basics with Examples](https://www.javascript.com/learn/conditionals)

 - [Conditional operators: if - JavaScript.info](https://javascript.info/ifelse)

 - [Conditional Basics: Using If Statements in JavaScript](https://alligator.io/js/if-statements/)

 - [if-else Statement in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/else-statement-javascript/)

    

  

    Videos 📹

  

    


    

 - [How to Create Conditions in JavaScript](https://www.youtube.com/watch?v=N4V0FZASK60) - by mmtuts

 - [How to use if/else conditions in JavaScript](https://www.youtube.com/watch?v=vp6GWYJl878) - by Zenva

 - [Conditional statements in javascript](https://www.youtube.com/watch?v=TPDz_84UJGw) - by kudvenkat

 - [JavaScript if else (tutorial)](https://www.youtube.com/watch?v=IsG4Xd6LlsM) - by Programming with Mosh

 - [complex conditions](https://www.youtube.com/watch?v=G7Ynas6GLZ0) - by Quentin Watt Tutorials

 - [Conditionals (if statement)](https://www.youtube.com/watch?v=HQTUwz1slAQ) - by sentdex

    

	

---

	

  

    Loops & Iteration

  

    


*Detailed resources to perfectly understand Loops.*

	

  

    Articles 🧾

  

    


    

 - [JavaScript for Loop - W3Schools](https://www.w3schools.com/js/js_loop_for.asp)

 - [JavaScript while Loop - W3Schools](https://www.w3schools.com/Js/js_loop_while.asp)

 - [Loops and iteration - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration)

 - [Loops in JavaScript - GeeksforGeeks](https://www.geeksforgeeks.org/loops-in-javascript/)

 - [JavaScript Array Iteration - W3Schools](https://www.w3schools.com/js/js_array_iteration.asp)

 - [JavaScript Loops - javatpoint](https://www.javatpoint.com/javascript-loop)

 - [JavaScript While, Do-While, For and For-In Loops - Tutorial Republic](https://www.tutorialrepublic.com/javascript-tutorial/javascript-loops.php)

 - [JavaScript - For Loop - Tutorialspoint](https://www.tutorialspoint.com/javascript/javascript_for_loop.htm)

 - [JavaScript Loops Explained: For Loop, While Loop, Do...while - freecodecamp.org](https://www.freecodecamp.org/news/javascript-loops-explained-for-loop-for/)

 - [Exploring JavaScript Iteration - freeCodeCamp.org](https://www.freecodecamp.org/news/exploring-javascript-for-in-loops-bdfc226d8515/)

 - [Ways of iterating over a array in JavaScript. - GeeksforGeeks](https://www.geeksforgeeks.org/ways-iterating-array-javascript/)

 - [Looping JavaScript Arrays Using for, forEach & More](https://love2dev.com/blog/javascript-for-loop-foreach/)

    

  

    Videos 📹

  

    


    

 - [JavaScript Loops](https://www.youtube.com/watch?v=s9wW2PpJsmQ) - by Programming with Mosh

 - [JavaScript Loops Tutorial for Beginners](https://www.youtube.com/watch?v=E6xX51Zcrl8) - by Clever Techie

 - [For Loops - Beau teaches JavaScript](https://www.youtube.com/watch?v=24Wpg6njlYI) - by freeCodeCamp.org

 - [JavaScript Loops](https://www.youtube.com/watch?v=rTDAAhUgJZM) - by Coding Journey

 - [JavaScript Loops Made Easy](https://www.youtube.com/watch?v=Kn06785pkJg) - by codeSTACKr

 - [JavaScript Tutorial | For Loop](https://www.youtube.com/watch?v=DIA0J4vJBHQ) - by Telusko

 - [Using JavaScript forEach to Loop over an Array](https://www.youtube.com/watch?v=zF48zb631Lg) - by Love2Dev

    

---

## ES6

  

    Introduction to ECMAScript 6(ES6)

  

    


	

  

    Articles 🧾

  

    


    

 - [ECMAScript 6 - W3Schools](https://www.w3schools.com/js/js_es6.asp)

 - [Introduction To Es6 - Learn.co](https://learn.co/lessons/introduction-to-es6)

 - [Introduction to ES6 - GeeksforGeeks](https://www.geeksforgeeks.org/introduction-to-es6/)

 - [Introduction to ES6 modules - Bolaji Ayodeji](https://bolajiayodeji.com/introduction-to-es6-modules-49956f580da)

 - [ES6 Tutorial - JavaScript Tutorial](https://www.javascripttutorial.net/es6/)

 - [ES6 Intro | LearnersBucket](https://learnersbucket.com/tutorials/es6/es6-intro/)

    

  

    Videos 📹

  

    


    

 - [ES6 JavaScript Tutorial for Beginners - Getting Started](https://www.youtube.com/watch?v=IEf1KAcK6A8) - by Academind

 - [ES6 Tutorial - #1 Intro](https://www.youtube.com/watch?v=qYbURDUzTQM) - by Code Realm

 - [ES6 Tutorial 1: Introduction](https://www.youtube.com/watch?v=1L4L5cnni1c) - by codedamn

    

	

---

	

  

    Generators

  

    


	

  

    Articles 🧾

  

    


    

 - [Understanding Generators in ES6 JavaScript with Examples](https://codeburst.io/understanding-generators-in-es6-javascript-with-examples-6728834016d5)

 - [Iterators and generators - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Iterators_and_Generators)

 - [Introduction to Generators in ES6 - CodinGame](https://www.codingame.com/playgrounds/6725/introduction-to-generators-in-es6)

 - [Understanding Generators in ES6 Javascript - DEV](https://dev.to/phung_cz/understanding-generators-in-es6-javascript-7fm)

 - [JavaScript Generators](https://www.javascripttutorial.net/es6/javascript-generators/)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 - Generators](https://www.youtube.com/watch?v=dcP039DYzmE) - by Traversy Media

 - [JavaScript ES6 Tutorial - Generators](https://www.youtube.com/watch?v=Ojis8iFIjDQ) - by The Net Ninja

 - [Using Generators in JavaScript ES6](https://www.youtube.com/watch?v=FNPRGDufaSk) - by Paul Halliday

 - [Javascript Generators - THEY CHANGE EVERYTHING - ES6](https://www.youtube.com/watch?v=QO07THdLWQo) - by LearnCode.academy

 - [JavaScript Generators](https://www.youtube.com/watch?v=Zk_rX2n3Ml8) - by Kyle Robinson Young

 - [ES6 Iterator & Generator Fundamentals](https://www.youtube.com/watch?v=NoUPIQobeLw) - by Steve Griffith

    

	

---

	

  

    Promises

  

    


	

  

    Articles 🧾

  

    


    

 - [Promise - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise)

 - [ES6 - Promises - Tutorialspoint](https://www.tutorialspoint.com/es6/es6_promises.htm#:~:text=Promises%20are%20a%20clean%20way,and%20its%20implementation%2C%20using%20Callbacks.)

 - [A Simple Guide to ES6 Promises - codeburst](https://codeburst.io/a-simple-guide-to-es6-promises-d71bacd2e13a)

 - [JavaScript Promises: An introduction - Web.dev](https://web.dev/promises/)

 - [Promises in JavaScript with ES6 / ES2015 ← Alligator.io](https://alligator.io/js/promises-es6/)

 - [ES6 | Promises - GeeksforGeeks](https://www.geeksforgeeks.org/es6-promises/)

 - [The Definitive Guide to the JavaScript Promises](https://www.javascripttutorial.net/es6/javascript-promises/)

 - [ES6 Promises in Depth - Pony Foo](https://ponyfoo.com/articles/es6-promises-in-depth)

 - [JavaScript Promise Tutorial: Resolve, Reject, and Chaining explained](https://www.freecodecamp.org/news/javascript-es6-promises-for-beginners-resolve-reject-and-chaining-explained/)

 - [Promises for asynchronous programming - Exploring JS](https://exploringjs.com/es6/ch_promises.html)

 - [Promise - JavaScript.info](https://javascript.info/promise-basics)

 - [Promises chaining - JavaScript.info](https://javascript.info/promise-chaining)

 - [JavaScript Promises for Dummies ― Scotch.io](https://scotch.io/tutorials/javascript-promises-for-dummies)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 -  Promises](https://www.youtube.com/watch?v=XJEHuBZQ5dU) - by Traversy Media

 - [JavaScript Promises In 10 Minutes](https://www.youtube.com/watch?v=DHvZLI7Db8E) - by Web Dev Simplified

 - [ES6 Promises - JavaScript](https://www.youtube.com/watch?v=490Hhpqaho4) - by Paul Halliday

 - [Promise In JavaScript ES6](https://www.youtube.com/watch?v=65tbETkrxxM) - by Cheezy Code

 - [JavaScript promises explained tutorial](https://www.youtube.com/watch?v=s6SH72uAn3Q&vl=en) - by techsith

 - [ES6 Tutorial - Promises (then / catch)](https://www.youtube.com/watch?v=Hfqqe0CWbCQ) - by Code Realm

    

	

---

	

  

    Arrow Functions

  

    


	

  

    Articles 🧾

  

    


  

 - [JavaScript Arrow Function - W3Schools](https://www.w3schools.com/js/js_arrow_function.asp)

 - [Arrow function expressions - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions)

 - [Arrow functions, the basics - JavaScript.info](https://javascript.info/arrow-functions-basics)

 - [Getting Started with ES6 Arrow Functions in JavaScript](https://www.digitalocean.com/community/tutorials/getting-started-with-es6-arrow-functions-in-javascript)

 - [When (and why) you should use ES6 arrow functions](https://www.freecodecamp.org/news/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26/)

 - [A Gentle Introduction to JavaScript Arrow Function](https://www.javascripttutorial.net/es6/javascript-arrow-function/)

 - [A tutorial to JavaScript Arrow Functions - Flavio Copes](https://flaviocopes.com/javascript-arrow-functions/)

 - 

    

  

    Videos 📹

  

    


 - [JavaScript ES6 Arrow Functions Tutorial](https://www.youtube.com/watch?v=h33Srr5J9nY) - by Web Dev Simplified

 - [Javascript ES6 - Arrow Functions](https://www.youtube.com/watch?v=qMgP1Q-E4MI) - by DoingITeasyChannel

 - [ES6 Arrow Function](https://www.youtube.com/watch?v=mrYMzpbFz18) - by The Coding Train

 - [Arrow functions in JavaScript - What, Why and How](https://www.youtube.com/watch?v=6sQDTgOqh-I) - by Fun Fun Function

 - [Arrow Functions (short syntax)](https://www.youtube.com/watch?v=2_B2U_zCj7Q) - by dcode

 - [ES6 JavaScript Arrow Functions](https://www.youtube.com/watch?v=2v4bulVra-w) - by Steve Griffith

 - [Arrow Functions - Beau teaches JavaScript](https://www.youtube.com/watch?v=22fyYvxz-do) - by freeCodeCamp.org

 - [JavaScript ES6 / ES2015 - Arrow Functions](https://www.youtube.com/watch?v=u4URamXstM0) - by Traversy Media

 - [ES6 arrow functions](https://www.youtube.com/watch?v=Lq0UbHdjlc4) - by TempleCoding

    

	

---

	

  

    String & Number Methods

  

    


	

  

    Articles 🧾

  

    


    

 - [ES6 in Action: New Number Methods - SitePoint](https://www.sitepoint.com/es6-number-methods/)

 - [ES6 | New String Methods - GeeksforGeeks](https://www.geeksforgeeks.org/es6-new-string-methods/)

 - [JavaScript Number Methods - W3Schools](https://www.w3schools.com/js/js_number_methods.asp)

 - [ES6 - Number - Tutorialspoint](https://www.tutorialspoint.com/es6/es6_number.htm)

 - [ES6 - Strings - Tutorialspoint](https://www.tutorialspoint.com/es6/es6_strings)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 - New String & Number Methods](https://www.youtube.com/watch?v=XGG-OY8pJqA) - by Traversy Media

 - [Learn Javascript ES6 String and Number methods](https://www.youtube.com/watch?v=vca8efbwR8I) - by Code Marshal

 - [Learn Javascript- Number Methods in Javascript](https://www.youtube.com/watch?v=XYT0SZNYcLg) - by Unacademy - Programming

 - [Number methods and math objects in JavaScript](https://www.youtube.com/watch?v=zq9CF9G3Isw) - by mmtuts

 - [20 String Methods in 7 Minutes](https://www.youtube.com/watch?v=VRz0nbax0uI) - freecodecamp.org

    

	

---

	

  

    Classes and Inheritance

  

    


	

  

    Articles 🧾

  

    


    

- [Classes and Inheritance: JavaScript ES6 Feature Series](https://itnext.io/classes-and-inheritance-javascript-es6-feature-series-part-8-4a81fa3adf0f)

- [Classes - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Classes)

- [Class inheritance - JavaScript.info](https://javascript.info/class-inheritance)

- [Understanding ECMAScript 6: Class and Inheritance - SitePoint](https://www.sitepoint.com/understanding-ecmascript-6-class-inheritance/)

- [JavaScript Inheritance Using extends And spper Keywords](https://www.javascripttutorial.net/es6/javascript-inheritance/)

- [Inheritance in JavaScript - TutorialsTeacher](https://www.tutorialsteacher.com/javascript/inheritance-in-javascript)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 - Classes and Inheritance](https://www.youtube.com/watch?v=RBLIm5LMrmc) - by Traversy Media

 - [Inheritance in JavaScript](https://www.youtube.com/watch?v=MfxBfRD0FVU) - by The Coding Train

 - [ES6 Tutorial - Classes](https://www.youtube.com/watch?v=2wWq6e6jz0g) - by Code Realm

 - [JavaScript ES6 - Classes](https://www.youtube.com/watch?v=MsbNJPsjD-w) - by Nodecasts

 - [Object Oriented JavaScript Tutorial - Class Inheritance](https://www.youtube.com/watch?v=_cgBvtYT3fQ) - by The Net Ninja

 - [JavaScript Classes : Inheritance & Extends](https://www.youtube.com/watch?v=fQ1oNTRdByA) - by dcode

 - [JavaScript ES6 : class , method and inheritance](https://www.youtube.com/watch?v=CqEeUJ-h34c) - by Tutplus24

    

	

---

	

  

    Let and Const Declaration

  

    


	

  

    Articles 🧾

  

    


    

 - [const - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/const)

 - [Let and Const in JavaScript with ES6 / ES2015 ← Alligator.io](https://alligator.io/js/let-const-variables-es6/)

 - [ES6 in Action: let and const - SitePoint](https://www.sitepoint.com/es6-let-const/)

 - [Declaring JavaScript Variables: var, let and const ― Scotch.io](https://scotch.io/courses/10-need-to-know-javascript-concepts/declaring-javascript-variables-var-let-and-const)

 - [Var, Let, and Const – What's the Difference?](https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/)

 - [JavaScript ES6 Variable Declarations with let and const](https://strongloop.github.io/strongloop.com/strongblog/es6-variable-declarations/)

 - [Breaking Down ES6: let and const - DEV](https://dev.to/torianne02/breaking-down-es6-let-and-const-1al6)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 - Let and Const Declaration](https://www.youtube.com/watch?v=KWUcTt15fQs) - by Traversy Media

 - [var, let and const - ES6 JavaScript Features](https://www.youtube.com/watch?v=sjyJBL5fkp8) - by Fun Fun Function

 - [var, let and const in Javascript explained](https://www.youtube.com/watch?v=nmwEG_fpZlk) - by Coding Blocks

 - [How to Code - JavaScript Const and Let](https://www.youtube.com/watch?v=Vy-uh6T5G4I) - by OpenCanvas

 - [JavaScript ES6 - var, let and const](https://www.youtube.com/watch?v=1sHq04erG9o) - by Nodecasts

    

	

---

	

  

    Map, Weakset & WeakMap

  

    


	

  

    Articles 🧾

  

    


    

 - [ES6 Collections: Using Map, Set, WeakMap, WeakSet](https://www.sitepoint.com/es6-collections-map-set-weakmap-weakset/)

 - [WeakMap - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/WeakMap)

 - [Keyed Collections in JavaScript: Set vs Map vs WeakSet vs WeakMap](https://medium.com/@jimmyfarillo/keyed-collections-in-javascript-set-vs-map-vs-weakset-vs-weakmap-f50d86052da2)

 - [ES6 — set, map, weak - ECMAScript 2015 - Medium](https://medium.com/ecmascript-2015/es6-set-map-weak-a2aeb7e2d384)

 - [Maps and Sets - Exploring JS](https://exploringjs.com/es6/ch_maps-sets.html)

    

  

    Videos 📹

  

    


    

 - [JavaScript ES6 / ES2015 - [08] Set, Map, WeakSet](https://www.youtube.com/watch?v=ycohYSx5h9w) - by Traversy Media

 - [JavaScript ES6 : Set, Map, WeakSet , WeakMap](https://www.youtube.com/watch?v=Zfc7F-_ivlw) - by Tutplus24

 - [JavaScript Set vs Map vs WeakSet vs WeakMap](https://www.youtube.com/watch?v=imLC6oVh6bQ) - by Typing Turtle

 - [ES6 Tutorial 15: Weakmaps](https://www.youtube.com/watch?v=_QbWw_HD84I) - by codedamn

 - [Map, Set, WeakMap & WeakSet in JavaScript](https://www.youtube.com/watch?v=rMmnFYvqKtw) - by JS Helper

    

	

---

	

  

    Template Literals

  

    


	

  

    Articles 🧾

  

    


    

 - [Template literals (Template strings) - JavaScript | MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)

 - [JavaScript Template Literals](https://www.javascripttutorial.net/es6/javascript-template-literals/)

 - [JavaScript | template literals - GeeksforGeeks](https://www.geeksforgeeks.org/javascript-template-literals/)

 - [JavaScript — What are Template Literals - codeburst](https://codeburst.io/javascript-what-are-template-literals-5d08a50ef2e3)

 - [An Introduction to ES6 Template Literals - DEV](https://dev.to/sarah_chima/an-introduction-to-es6-template-literals-94l)

 - [All you need to know about Template literals in ES6: JavaScript](https://buginit.com/javascript/all-you-need-to-know-about-template-literals/)

 - [What Are Template Literals In Javascript And Why You Should use them](https://hackernoon.com/what-are-template-literals-in-javascript-and-why-you-should-use-them-ese03yxu)

    

  

    Videos 📹

  

    


    

 - [Template Literals (ES6) - Beau teaches JavaScript](https://www.youtube.com/watch?v=kj8HU-_P2NU) - by freeCodeCamp.org

 - [JavaScript ES6 / ES2015 - Template Literals](https://www.youtube.com/watch?v=INPob8yPyBo) - by Traversy Media

 - [JavaScript Template Literals](https://www.youtube.com/watch?v=NgF9-pdTDGs) - by Programming with Mosh

 - [Template Literals in ES6](https://www.youtube.com/watch?v=svK04BoRY6w) - by Paul Halliday

    

---

	

## JavaScript Projects

  

    JavaScript projects for beginners

  

    


    

- [Build 15 JavaScript Projects with Vanilla JavaScript](https://www.youtube.com/watch?v=3PHXvlpOkf4&t=5s) - by Freecodecamp.org 

    

## Contributing

Found an awesome JavaScript resource? Kindly send a pull request and follow the [contributors guidelines](/CONTRIBUTING.md).