Getting Started with JavaScript - Ultimate Free Resources
Tags: javascript, webdev, programming
Published: 2021-07-17 01:35:24

In recent times few friends reached out to me, asking for links to resources that can help them kickstart into learning JavaScript/ES6. I have curated a list of links which are completely free that will help anyone in their journey towards learning JavaScript.

### Documentation

MDN (Mozilla) JavaScript Reference is the main documentation with examples and other information. It’s great to get in-depth information about individual language functions, methods etc.

One can find it at  [MDN JavaScript Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript.).

### Compatibility tables

Since JavaScript is a developing language, new features get added regularly and some of them might not be supported by all browsers or engines. The below sites help you in identifying which features are supported by what browser/engine or version of a browser etc.

- http://caniuse.com – per-feature tables of support, e.g. to see which engines support modern cryptography functions: http://caniuse.com/#feat=cryptography.

- https://kangax.github.io/compat-table – a table with language features and engines that support those or don’t support.

### IDE's

Some of my favorite IDE's I use for development I have listed below

1. [Atom](https://atom.io/) 
2. [Visual Studio Code](https://code.visualstudio.com/) 
3. [Sublime Text](http://www.sublimetext.com/) 
4. [Notepad ++](https://notepad-plus-plus.org/) 


### Tutorials / Courses

1.  [MDN JavaScript Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript.)
2. [The Modern Javascript Tutorial](https://javascript.info/) 
3.  [Getting Started with JavaScript for Web Development Courses](https://scotch.io/courses/getting-started-with-javascript-for-web-development)
4. [ES6-features.org](http://es6-features.org/)
5. [JavaScript Tutorial](https://www.javascripttutorial.net/)
6. [ES6 Tutorial](https://www.javascripttutorial.net/es6/)
7. [Intro to ES6](https://scrimba.com/learn/introtoes6)
8. [Tutorials Point - ES6 for beginners](https://www.tutorialspoint.com/es6/index.htm)
9. [JavaScript Free Resources](https://www.java5cript.com/)

### Videos/ Courses
1. [Learn JavaScript - Full Course for Beginners - Video By freecodecamp.org](https://www.youtube.com/watch?v=PkZNo7MFNFg&list=PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V&ab_channel=freeCodeCamp.orgfreeCodeCamp.orgVerified)
2. [ES6 - JavaScript Improved](https://www.udacity.com/course/es6-javascript-improved--ud356)
3. [Javascript Essentials](https://www.udemy.com/course/javascript-essentials/)
4. [Learning ECMAScript The Next Generation of Javascript](https://www.udemy.com/course/ecmascript2015/)


### Books
1. [Eloquent JavaScript](https://eloquentjavascript.net/)
2. [Understanding ECMAScript 6](http://superherojs.com/)
3. [JavaScript the Good Parts](https://andersonguelphjs.github.io/OReilly_JavaScript_The_Good_Parts_May_2008.pdf)
4. [Speaking JavaScript](http://speakingjs.com/es5/index.html)


### Learn JavaScript by building small projects
1. [30 Day Vanilla JS Coding Challenge](https://javascript30.com/)
2. [Learn Javascript by building 7 games](https://www.freecodecamp.org/news/learn-javascript-by-building-7-games-video-course/)
3. [24days of christmas](https://scrimba.com/learn/adventcalendar/welcome-to-24-days-of-javascriptmas-cg2QbehG)
4. [Learn JavaScript](https://scrimba.com/learn/learnjavascript)
5. [JavaScript Algorithms and Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
6. [Freecodecamp.org](https://www.freecodecamp.org/) - You can search for javaScript courses and pick the ones which are more suitable for you
7. [Build a Quiz App with HTML, CSS, and JavaScript](https://www.udemy.com/course/build-a-quiz-app-with-html-css-and-javascript/)
8. [Smarter Way to learn JavaScript](http://www.asmarterwaytolearn.com/js/index-of-exercises.html)
9. [30 Days of JavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript)
10. [Learn JavaScript Online](https://learnjavascript.online/)
11. [learn-js.org interactive JavaScript tutorial.](https://www.learn-js.org/en/)

### Github Repositories

1. [Javascript Algorithm and Data Structures](https://github.com/trekhleb/javascript-algorithms) 
2.  [33 JS Concepts](https://github.com/leonardomso/33-js-concepts) 
3.  [20+ Web Projects With Vanilla JavaScript](https://github.com/bradtraversy/vanillawebprojects) 
4.  [50 Projects in 50 Days - HTML/CSS and JavaScript](https://github.com/bradtraversy/50projects50days) 
5.  [JavaScript Style Guide]([https://github.com/airbnb/javascript)
6. [30 seconds of code](https://github.com/30-seconds/30-seconds-of-code)
7. [30 Day Vanilla JS Coding Challenge](https://github.com/wesbos/JavaScript30)
8. [Clean Code Javascript](https://github.com/ryanmcdermott/clean-code-javascript)
9. [Javascript Questions](https://github.com/lydiahallie/javascript-questions)
10. [The Algorithms - JavaScript](https://github.com/TheAlgorithms/Javascript)


### Coding Challenges
One of the ways to learn any kinda programming language in a fun way is to take coding challenges. I love those challenges, I have listed the sites below, some are specific to javascript, while others such as hackerrank, leet code etc let you solve the challenges in the programming language of your choice such as JavaScript or Python or C or C++.

1. [Hackerrank](https://www.hackerrank.com/) 
2. [Coding Game](https://www.codingame.com/)
3. [Leet Code](https://www.hackerrank.com/)
4. [Coder Byte](https://coderbyte.com/)
5. [Exercism](https://exercism.io/my/tracks/javascript)
6. [Elevator Saga](http://play.elevatorsaga.com/)
7. [Code Wars](https://www.codewars.com/)
  

### Coding Ground 
Coding grounds are online coding environment, which are readily available for developers to practice any new programming language they want to learn without having to worry about the environment set up in their local machines.
Below are the couple of my favorite coding grounds which i use on a day-to-day basis when creating small code snippets for a functionality. They have been really useful when testing small sections/snippets, some of them also let you save these snippets so that you can refer them in the future as well.

1. [Codepen](https://codepen.io/your-work)
2. [Js fiddle](https://jsfiddle.net/)
3. [Tutorials Point Coding Ground](https://www.tutorialspoint.com/codingground.htm).

### Blogs

1. [Dmitri Pavlutin](https://dmitripavlutin.com/all-posts/)
2. [David Walsh](https://davidwalsh.name/tutorials/javascript)
3. [SuperHero.JS](http://superherojs.com/)
4. [Medium](https://medium.com/)
5. [dev.to](https://dev.to/)
6. [Hashnode](https://hashnode.com/)


I hope this is useful for anyone who is getting started with Javascript.
Let me know whats your favorite resource among the list in the comments below.


### Conclusion
These are some of the resources I used  when I initially started with JavaScript and would recommend to anyone who is starting to learn JavaScript, some of the coding challenges are something which I always have fun doing. I will update this post as and when I find new resources. Let me know in the comments below if you think there are other resources which should be added to this list as well.


References:
- [MDN JavaScript Docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript.)
- [The Modern Javascript Tutorial](https://javascript.info/) 

Lets connect on  [Twitter](https://twitter.com/KritikaPattalam)  | [LinkedIn](https://www.linkedin.com/in/kritika-p-296739155/) for more web development related chats.

Check out my other blog post: 
- [Create a GitHub Profile README.md with widgets](https://dev.to/kritikapattalam/create-a-github-profile-readme-md-with-widgets-47j7)