DEV Community

loading...
Cover image for Ultimate FREE Javascript Resources

Ultimate FREE Javascript Resources

hulyakarakaya profile image Hulya Originally published at hulyakarakaya.hashnode.dev ・Updated on ・8 min read

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

2.Exploring JS

JavaScript books for programmers maintained by Dr. Axel Rauschmayer.

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

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

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

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

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

6.Learning JavaScript Design Patterns by Addy Osmani

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

7.A Smarter Way to Learn Javascript

Learn by repetition with lots of exercises.

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

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

9.JS For Cats

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

10.Regex One

Learn Regular Expressions with simple, interactive exercises.

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

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

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

13.Understanding ES6

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

14.Read Human Javascript

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

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

16.Javascript is Sexy

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

17.JS Tips

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

Alt Text

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

A quick introduction to the deeper ideas in JavaScript.

Alt Text

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

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

Discussion (24)

pic
Editor guide
Collapse
ashutoshkrris profile image
Ashutosh Krishna

Hey there !
I've built a blog website called iRead.
Would you like to write your blogs there?
You can add backlinks to your original works also.
Know More : iread.ga
Demo Video : youtu.be/jLdJnVgpV8U

Collapse
settrannaing profile image
Sett Ran Naing

Nice nice! Thanks.

Collapse
hulyakarakaya profile image
Hulya Author

Thank you, do you have any favorite ones?

Collapse
settrannaing profile image
Sett Ran Naing

Yeah, this one is what I looking for. Currently, I just go through with JavaScript30 from WebBoss.

Thread Thread
hulyakarakaya profile image
Hulya Author

Great πŸ‘

Collapse
shaijut profile image
Shaiju T

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

Collapse
jscoder17 profile image
Jscoder17

LOVE THE POST! JS30 is a great resource!

Collapse
hulyakarakaya profile image
Hulya Author

Thank you 😊

Collapse
cihat profile image
Cihat Salik

great resources, thank you

Collapse
hulyakarakaya profile image
Hulya Author

Glad it helps πŸ˜ƒ

Collapse
devhuz profile image
devhuz

mark! Thanks very much

Collapse
dome68 profile image
Domenico

A really amazing collection!!! Thanks.

Collapse
olsard profile image
olsard

Great! Many thanks for sharing!

Collapse
hulyakarakaya profile image
Hulya Author

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
hulyakarakaya profile image
Hulya Author

Thanks for the feedback, glad you enjoyed it πŸ˜ƒ

Collapse
anilpank profile image
Anil

Thanks for sharing the list. javascript 30 projects particularly looks very interesting.

Collapse
hulyakarakaya profile image
Hulya Author

Yes, you should try it πŸ‘

Collapse
aaravrrrrrr profile image
Aarav Reddy

Love this list.

Collapse
hulyakarakaya profile image
Hulya Author

Thank you ☺️

Collapse
hulyakarakaya profile image
Hulya Author

Thank you 😊 @aaravrrrrrr

Collapse
awesomescottby profile image
Scott Butcher

Cool selection, thanks! I've been looking for this for a long time.

Collapse
hulyakarakaya profile image
Hulya Author

Thank you, glad it helped you πŸ˜ƒ