An Interest In:
Web News this Week
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
- March 26, 2024
70 Awesome Free Resources To Learn JavaScript
Hey there, today in this blog we'll be discussing some great free resources to learn JavaScript right from the scratch.
So, are you excited? Let's go then!
So first things first, are you a person like me who prefers written tutorials more effective than video tutorials? (comment below )
Here are some GREAT tutorials out there:
Documentations
- MDN Web Docs : Link
This is regarded as bible of references, and why shouldn't? It might look overwhelming to look over the content but with time, it would act like a butter to your bread!
2. JavaScript Info : Link
It contain all topics you need, from the basics to advanced topics with simple, but detailed explanations.
3. W3 Schools : Link
You know W3 schools already. When I first started with HTML 3 years ago, I use this as my only ultimate reference. This tutorial will teach you JavaScript from basic to advanced.
4. DevDocs : Link
This is basically MDN docs in a fast, organized, and searchable interface.
5. JavaScript Garden : Link
This is a growing collection of documentation about the most quirky parts of the JavaScript programming language.
Web Tutorials
6. Learn JS: Link
This is an amazing interactive javascript tutorial in the form of chapters.
7. JavaScript Tutorial : Link
Divided and categorised into beautiful sections, this JavaScript Tutorial helps you learn the JavaScript programming language from scratch quickly and effectively.
GitHub Repositories
8. 30 seconds of code : Link
This awesome JS repo contains short JavaScript code snippets for all your development needs
9. Airbnb JavaScript Style Guide : Link
This is a clean and reasonable style guide to javascript language. Must have a look.
10. JS Questions: Link
A long list of (advanced) JavaScript questions, and their explanations.
11. 33 JS concepts: Link
Awesome resource containing 33 JavaScript concepts every developer should know.
12. JS by example: Link
As you must have guesses, here you can learn JavaScript by examples.
13. Modern JavaScript tutorials : Link
This repository has the English content of the Modern JavaScript Tutorial, published in https://javascript.info.
Free eBooks
You Don't Know JS (book series)- This is a series of books diving deep into the core mechanisms of the JavaScript language.
Eloquent JavaScript- This is a web book about JavaScript covering the language and runtime specifics.
Mostly Adequate Guide to Functional Programming- A documented web book covering functional programming in JavaScript, this is an excellent primer to functional programming using JavaScript.
Functional-Light JavaScript-This book explores the core principles of functional programming (FP) as they are applied to JavaScript.
JavaScript Design Patterns- This is a classical approach to JavaScript specific design patterns.
Human JavaScript - A great web book by @HenrikJoreteg
Speaking JavaScript- This is an in-depth guide beginning with the basics.
JavaScript For Beginners - Learn JavaScript Programming with ease
Interactive Tutorials
Codeacademy- Fundamentals of JavaScript.
Exercism JavaScript Track- Exercism provides individual practice and mentor-based learning for free.
Functional programming- Learn basic principles of functional programming in an interactive way by using map, filter, concatAll, reduce and zip.
Online Courses
YouTube Tutorials
JavaScript Tutorial for Beginners by JavaScript Mastery : Link
JavaScript Tutorial for Beginners - Full Course in 8 Hours by Clever Programmer : Link
JavaScript Full Course by Edureka : Link
Full JavaScript Course by Freecodecamp : Link
Learn JavaScript in 1 Hour by Programming With Mosh : Link
Tips and Tricks
I've learnt so many things from this one. Must have a look!
- JS tips - Link
Cheat Sheets
JS Cheatsheet by iLoveCoding: Link
Cheatography - JavaScript Cheat Sheet : Link
OverAPI - Link
JS CheatSheet - Link
Awesome Cheatsheets by LeCoupa - Link
Modern JavaScript Cheatsheet: Link
ES6 Cheatsheet by Devhints - Link
JavaScript Projects (Beginners to Advanced)
30 Day Vanilla JS by wesbos : Link
Learn JavaScript by Building 7 Games (YouTube) : Link
Build 15 JavaScript Projects by freecodecamp (YouTube) : Link
10 JS Projects in 10 Hours by FlorinPop : Link
Beginners JavaScript Projects by strongdan: Link
20+ Projects You Can Do With JavaScript : Link
40 JavaScript Projects for Beginners : Link
100+ JavaScript Projects: Link
50 projects 50 days by Brad Traversy : Link
DOM in JavaScript
Traversing the DOM with JavaScript - Link
A tutorial featuring native methods to traverse the DOM.DOM Enlightenment - Link
A whole book about how to access an manipulate the DOM without a library.You Might Not Need jQuery - Link
Get plain JavaScript code snippets (and see their jQuery equivalents).
ES6
ES6 Overview - Link
Bullet point overview including in-depth articles.Exploring ES6 - Link
Good introduction with in-depth chapters.Practical ES6 - Link
eBook with practical examples and advices.ES6 Katas - Link
Learn ES6 by solving unit test online.Setting up ES6 - Link
Explains how to set up ES6 projects that are transpiled to ES5.Exploring ES2016 and ES2017 - Link
Follow up of Exploring ES6.
Aand.. if you need to learn JS Algorithms
Some Awesome Free Resources
Get Butterfly : Link
30 seconds of code : Link
JavaScript Snippets : Link
JS source : Link
JS Fiddle : Link
Other Tutorials
Woah. Thank you for your precious time. Hope I have helped you somehow!
You can support me here :)
On a side note, please don't get stuck into tutorial hell, be aware! :)
Shreya | Frontend@eyeshreyaAre you stuck into tutorial hell, too? This trick can help you
#CodeNewbies #100DaysOfCode
1. Make a list of all those tutorials (of that particular language/topic ofc) which you wanna take.
2. choose one out of them randomly and leave the rest of them.
{1/3}12:37 PM - 20 May 2021
I have just started to share such resources on Twitter on a daily basis as well, have a look and let's connect! Twitter
Original Link: https://dev.to/shreya/70-awesome-free-resources-to-learn-javascript-2h4o
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To