DEV Community

Cover image for Ultimate FREE Javascript Resources
Hulya
Hulya

Posted on • Edited on • Originally published at hulyakarakaya.hashnode.dev

Ultimate FREE Javascript Resources

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

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

2.Go Make Things by Chris Ferdinandi

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

3.David Walsh Javascript Tutorials

Screen Shot 2021-03-25 at 8.33.49 PM.png

Websites

1. Learn HTML, CSS, and JavaScript from Scratch

This course by Educative is an essential starting point for anyone aiming to build a solid foundation in web development. This course guides learners through the fundamental building blocks of the web—HTML for structuring content, CSS for styling and design, and JavaScript for interactive functionalities.

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

3.Exploring JS

JavaScript books for programmers maintained by Dr. Axel Rauschmayer.

Screen Shot 2021-03-25 at 7.46.52 PM.png

4.Eloquent JavaScript

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

5.Codesmith Free JavaScript Courses

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

6.The JavaScript Beginner's Handbook (2020 Edition) by Flavio Copes

Screen Shot 2021-03-25 at 8.12.47 PM.png

7.Learning JavaScript Design Patterns by Addy Osmani

Screen Shot 2021-03-25 at 8.17.55 PM.png

8.A Smarter Way to Learn Javascript

Learn by repetition with lots of exercises.

Screen Shot 2021-03-25 at 8.19.57 PM.png

9.Super Hero JS

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

10.JS For Cats

Screen Shot 2021-03-25 at 8.24.31 PM.png

11.Regex One

Learn Regular Expressions with simple, interactive exercises.

Screen Shot 2021-03-25 at 8.29.07 PM.png

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

13.Learn Javascript

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

14.Understanding ES6

Screen Shot 2021-03-25 at 8.41.25 PM.png

15.Read Human Javascript

Screen Shot 2021-03-25 at 8.43.03 PM.png

16.JS The Right Way

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

17.Javascript is Sexy

Screen Shot 2021-03-25 at 8.51.48 PM.png

18.JS Tips

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

Alt Text

19.Dmitry Soshnikov's Javascript The Core 2nd Edition

A quick introduction to the deeper ideas in JavaScript.

Alt Text

20.Learn JS

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

21.java5cript

Free JavaScript Resources.

Alt Text

REPOS

1.You Don't Know JS by Getify

A book series on JavaScript. @YDKJS on Twitter.

Screen Shot 2021-03-25 at 8.45.17 PM.png

2.33 JS Concepts

33 concepts every JavaScript developer should know.

Screen Shot 2021-03-25 at 8.56.21 PM.png

3.Clean Code Javascript

Clean Code concepts adapted for JavaScript.

Screen Shot 2021-03-25 at 9.12.32 PM.png

4.Javascript Questions

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

Screen Shot 2021-03-25 at 9.13.49 PM.png

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

6.WTFJS

A list of funny and tricky JavaScript examples.

Screen Shot 2021-03-25 at 9.16.32 PM.png

7.Javascript Understanding The Weird Parts

Notes from the JavaScript course by Tony Alicea.

Screen Shot 2021-03-25 at 9.17.08 PM.png

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

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

PROJECTS

1.Fun Javascript Projects by Chris Dixon

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

2.Javascript 30 by Wes Bos

Build 30 things in 30 days with 30 tutorials.

Screen Shot 2021-03-25 at 8.06.52 PM.png

3.Watch And Code by Gordon Zhu

Learn how to create a todo app with Javascript.

Screen Shot 2021-03-25 at 8.32.28 PM.png

Cheatsheets and Tools

1.JS Features

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

2.Equality Table

Screen Shot 2021-03-25 at 7.57.30 PM.png

3.JavaScript Array Explorer

Screen Shot 2021-03-25 at 7.58.13 PM.png

4.ES6 Cheatsheet by Swizec Teller

Screen Shot 2021-03-25 at 8.11.36 PM.png

5.Regexr

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

Screen Shot 2021-03-25 at 8.27.52 PM.png

6.ES6 Features

Compare ES5 and ES6 codes here with examples.

Screen Shot 2021-03-25 at 8.53.18 PM.png

7.Keycode by Wes Bos

Alt Text

8.Javascripting

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

Alt Text

9.Beautifier

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

Alt Text

10.Minifier

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

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.

You can follow me on Twitter.

You can check out my other posts.

CREDITS: Cover photo from Pixabay

Top comments (22)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
jscoder17 profile image
Jscoder17

LOVE THE POST! JS30 is a great resource!

Collapse
 
hulyamasharipov profile image
Hulya

Thank you 😊

Collapse
 
muhammadwasi81 profile image
Muhammad wasi

Nice

Collapse
 
cihat profile image
Cihat Salik

great resources, thank you

Collapse
 
hulyamasharipov profile image
Hulya

Glad it helps 😃

Collapse
 
shaijut profile image
Shaiju T

Nice, But which is the best one to get started ?

Collapse
 
devhuz profile image
devhuz

mark! Thanks very much

 
hulyamasharipov profile image
Hulya

Great 👍

Collapse
 
dome68 profile image
Domenico

A really amazing collection!!! Thanks.

Collapse
 
olsard profile image
olsard

Great! Many thanks for sharing!

Collapse
 
hulyamasharipov profile image
Hulya

I hope you will learn with these resources 🙏🏻 @olsard

Collapse
 
somanathgoudar profile image
Somanath Goudar

Hey, Thank You for the share. Helped me a lot

Collapse
 
hulyamasharipov profile image
Hulya

Thanks for the feedback, glad you enjoyed it 😃

Some comments may only be visible to logged-in visitors. Sign in to view all comments.