Ultimate FREE Javascript Resources
Tags: javascript, beginners, webdev, programming
Published: 2021-03-26 04:36:23

Hello friends, today I will be sharing free Javascript resources that you can practice your skills. Learning Javascript is hard; but with practice, we can get better at it. I hope you will use these resources while learning and practicing Javascript. 

**I will not include video courses, but you can share your favorite video courses by commenting at the end of this post.**

## Blogs

### 1.[Dmitri Pavlutin Blog](https://dmitripavlutin.com/)

I have been following his tutorials for a year, and his blogs are always on point and easy to understand. Don't forget to subscribe to his newsletter.

![Screen Shot 2021-03-25 at 6.42.53 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616723007560/tUePe2Wol.png)

### 2.[Go Make Things by Chris Ferdinandi](https://gomakethings.com/)

Sign up for his free email newsletter to get a short email each weekday with code snippets, tools, techniques, and interesting stuff from around the web. 

![Screen Shot 2021-03-25 at 8.10.12 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728223142/FwL08MRQc.png)

### 3.[David Walsh Javascript Tutorials](https://davidwalsh.name/tutorials/javascript)

![Screen Shot 2021-03-25 at 8.33.49 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729638271/Cxh1S2FBk.png)

## Websites

### 1.[Javascript Info](https://javascript.info/)

The Modern JavaScript Tutorial, from the basics to advanced topics with simple, but detailed explanations. They have lots of practice questions. 

![Screen Shot 2021-03-25 at 6.57.23 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616723857476/dtrJtb65Z.png)

### 2.[Exploring JS](https://exploringjs.com/)

JavaScript books for programmers maintained by [Dr. Axel Rauschmayer](http://dr-axel.de/).

![Screen Shot 2021-03-25 at 7.46.52 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616726823291/i0l1c8y6Z.png)

### 3.[Eloquent JavaScript](https://eloquentjavascript.net/)

This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy. Written by Marijn Haverbeke.

![Screen Shot 2021-03-25 at 7.48.26 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616726922251/wasA883sr.png)

### 4.[Codesmith Free JavaScript Courses](https://codesmith.io/javascript-resources#resources-intermediate)

[Will Sentance](https://frontendmasters.com/teachers/will-sentance/) is co-founder and CEO at Codesmith, you may know him from Frontend Masters. You can find beginner to advanced JS courses and workshops and even join a remote pair-programming session.

![Screen Shot 2021-03-25 at 7.59.40 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616727808816/7EEFPsUnJ.png)

### 5.[The JavaScript Beginner's Handbook (2020 Edition) by Flavio Copes](https://www.freecodecamp.org/news/the-complete-javascript-handbook-f26b2c71719c/)

![Screen Shot 2021-03-25 at 8.12.47 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728377957/mYQqMb-Ic.png)

### 6.[Learning JavaScript Design Patterns by Addy Osmani](https://addyosmani.com/resources/essentialjsdesignpatterns/book/)

![Screen Shot 2021-03-25 at 8.17.55 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728692835/BSi2gsRHw.png)

### 7.[A Smarter Way to Learn Javascript](http://www.asmarterwaytolearn.com/js/index-of-exercises.html)

Learn by repetition with lots of exercises.

![Screen Shot 2021-03-25 at 8.19.57 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728806531/yGM4nwX0U.png)

### 8.[Super Hero JS](http://superherojs.com/)

This page is a collection of the best articles, videos, and presentations related to Javascript.

![Screen Shot 2021-03-25 at 8.23.31 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729026065/1kr68F5Wx.png)

### 9.[JS For Cats](http://jsforcats.com/)

![Screen Shot 2021-03-25 at 8.24.31 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729123933/srGQqu0SY.png)

### 10.[Regex One](https://regexone.com/)

Learn Regular Expressions with simple, interactive exercises.

![Screen Shot 2021-03-25 at 8.29.07 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729358409/CAK2v6AG7.png)

### 11.[JavaScript Garden](http://bonsaiden.github.io/JavaScript-Garden/)

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes and subtle bugs, as well as performance issues and bad practices, that non-expert JavaScript programmers may encounter on their endeavors into the depths of the language.

![Screen Shot 2021-03-25 at 8.37.56 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729887503/QlMJD9ETF.png)

### 12.[Learn Javascript](https://gitbookio.gitbooks.io/javascript/content/)

This book will teach you the basics of programming and Javascript. Whether you are an experienced programmer or not, this book is intended for everyone who wishes to learn the JavaScript programming language.

![Screen Shot 2021-03-25 at 8.39.22 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729981644/PACDb2t_w.png)

### 13.[Understanding ES6](https://leanpub.com/understandinges6/read)

![Screen Shot 2021-03-25 at 8.41.25 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730097037/2KL01e1Xt.png)

### 14.[Read Human Javascript](http://read.humanjavascript.com/ch01-introduction.html)

![Screen Shot 2021-03-25 at 8.43.03 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730221400/zyaFSMAck.png)


### 15.[JS The Right Way](http://jstherightway.org/)

This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.

![Screen Shot 2021-03-25 at 8.50.54 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730664097/_9g6RNTnA.png)

### 16.[Javascript is Sexy](http://javascriptissexy.com/)

![Screen Shot 2021-03-25 at 8.51.48 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730725608/aUwyhDAC3.png)

### 17.[JS Tips](https://www.jstips.co/en/javascript/)

JS Tips is a collection of useful daily JavaScript tips that will allow you to improve your code writing.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iagxpnf92h5g9amtb20n.png)

### 18.[Dmitry Soshnikov's Javascript The Core 2nd Edition](http://dmitrysoshnikov.com/ecmascript/javascript-the-core-2nd-edition/)

A quick introduction to the deeper ideas in JavaScript.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s6ouchn2qf1aewuzr4fc.png)

### 19.[Learn JS](https://www.learn-js.org/)

Interactive JavaScript tutorial. Whether you are an experienced programmer or not, this website is intended for everyone who wishes to learn the JavaScript programming language.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0y4031z9hihkn0j12r0u.png)

### 20.[java5cript](https://www.java5cript.com/)

Free JavaScript Resources.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x707muphuoiyel1txce4.png)

## REPOS

### 1.[You Don't Know JS by Getify](https://github.com/getify/You-Dont-Know-JS)

A book series on JavaScript. @YDKJS on Twitter.

![Screen Shot 2021-03-25 at 8.45.17 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730328558/uDoJtgrQB.png)

### 2.[33 JS Concepts](https://github.com/leonardomso/33-js-concepts)

33 concepts every JavaScript developer should know.

![Screen Shot 2021-03-25 at 8.56.21 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730992013/XjLvSgQz-.png)

### 3.[Clean Code Javascript](https://github.com/ryanmcdermott/clean-code-javascript)

Clean Code concepts adapted for JavaScript.

![Screen Shot 2021-03-25 at 9.12.32 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616731962943/NBVL4ZpxR.png)

### 4.[Javascript Questions](https://github.com/lydiahallie/javascript-questions)

A long list of (advanced) JavaScript questions, and their explanations.

![Screen Shot 2021-03-25 at 9.13.49 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732039155/zxH_hR1et.png)

### 5.[30 Days Of JavaScript](https://github.com/Asabeneh/30-Days-Of-JavaScript)

30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take up to 100 days, please just follow your own pace.

![Screen Shot 2021-03-25 at 9.15.02 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732112248/cBPhRvBYo.png)

### 6.[WTFJS](https://github.com/denysdovhan/wtfjs)

A list of funny and tricky JavaScript examples.

![Screen Shot 2021-03-25 at 9.16.32 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732203639/x-tfixvEL.png)

### 7.[Javascript Understanding The Weird Parts](https://github.com/jasonbaciulis/javascript-understanding-the-weird-parts)

Notes from the JavaScript course by [Tony Alicea](https://twitter.com/anthonypalicea).

![Screen Shot 2021-03-25 at 9.17.08 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732303578/Bn3frc7IH.png)

### 8.[Javascript the Good Parts Notes](https://github.com/dwyl/Javascript-the-Good-Parts-notes)

Notes on the seminal JavaScript the Good Parts by Douglas Crockford.

![Screen Shot 2021-03-25 at 9.19.28 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732384511/c_nr-_gD0.png)

### 9.[Javascript Algorithms](https://github.com/trekhleb/javascript-algorithms)

Algorithms and data structures implemented in JavaScript with explanations and links to further readings.


![Screen Shot 2021-03-25 at 9.20.39 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616732449509/JD_g8deed.png)


## PROJECTS

### 1.[Fun Javascript Projects by Chris Dixon](https://fun-javascript-projects.com/)

You will build a Tip Calculator, Running Tracker App, Guess The Number, Number Match Game, Photo Effects App, and a Music Player App, totally free.

![Screen Shot 2021-03-25 at 7.50.04 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616727013301/R7w05IuKU.png)

### 2.[Javascript 30 by Wes Bos](https://javascript30.com/)

Build 30 things in 30 days with 30 tutorials.

![Screen Shot 2021-03-25 at 8.06.52 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728029678/oU3Lf977p.png)

### 3.[Watch And Code by Gordon Zhu](https://watchandcode.com/courses/enrolled/350615)

Learn how to create a todo app with Javascript.

![Screen Shot 2021-03-25 at 8.32.28 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729558475/LTPVEo6kn.png)

 
## Cheatsheets and Tools

### 1.[JS Features](https://jsfeatures.in/)

You can use this website as a reference for the ES5, ES6, and ES7 syntax. 

![Screen Shot 2021-03-25 at 7.56.11 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616727388635/CnLp-UH_Q.png)

### 2.[Equality Table](https://dorey.github.io/JavaScript-Equality-Table/)

![Screen Shot 2021-03-25 at 7.57.30 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616727460459/10wws36sI.png)

### 3.[JavaScript Array Explorer](https://sdras.github.io/array-explorer/)

![Screen Shot 2021-03-25 at 7.58.13 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616727502863/IWaKixxb4.png)

### 4.[ES6 Cheatsheet by Swizec Teller](https://es6cheatsheet.com/)

![Screen Shot 2021-03-25 at 8.11.36 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616728307061/BEfr63Bm7.png)

### 5.[Regexr](https://regexr.com/)

RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

![Screen Shot 2021-03-25 at 8.27.52 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616729282836/uB9vFGphj.png)

### 6.[ES6 Features](http://es6-features.org/#Constants)

Compare ES5 and ES6 codes here with examples. 

![Screen Shot 2021-03-25 at 8.53.18 PM.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1616730830955/8zPGGjce9.png)

### 7.[Keycode by Wes Bos](http://keycode.info/)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g2ym6shjzc15iteeg22h.png)

### 8.[Javascripting](https://www.javascripting.com/)

The definitive source of the best JavaScript libraries, frameworks, and plugins.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgpqmnnodmsl634svjhc.png)

### 9.[Beautifier](https://beautifier.io/)

Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0v0c1948giey6288td7r.png)

### 10.[Minifier](https://www.minifier.org/)

Make your website smaller and faster to load by minifying the JS and CSS code.

This minifier removes whitespace, strips comments, combines files, and optimizes/shortens a few common programming patterns. And it comes with a huge test suite.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1e53mbote3jkeuexrnr.png)


## Wrapping Up

If you like this post, share it on your Twitter account to support me writing more, also you can support me by [buying  a coffee.](https://www.buymeacoffee.com/hulya)

You can follow me on [Twitter](https://twitter.com/hulyakarkya).

You can check out my other posts.

*CREDITS: Cover photo from [Pixabay](https://pixabay.com/photos)*