https://frontendmasters.com/ If you want to learn React or Angular - this is the place and worth the money.

https://github.com/getify/You-Dont-Know-JS Great free Ebooks on JS

http://javascriptweekly.com/ Great Newsletter.

React tutorials and resources: reactfordesigners.com/labs/reactjs-introduction-f…

facebook.github.io/react/docs/tutorial.html

sitepoint.com/how-to-build-a-todo-app-using-react…

blog.andrewray.me/reactjs-for-stupid-people

medium.com/@dan_abramov/smart-and-dumb-components…

jlongster.com/Removing-User-Interface-Complexity,…

https://facebook.github.io/react/

fullstackreact.com/articles/react-tutorial-clonin…

blog.komand.com/building-svg-maps-with-react

medium.com/@david.gilbertson/react-and-firebase-s…

Javascript: Understanding the weird parts, this is just an excerpt from the full course but worth watching. Also Eloquent javascript and last but not least Daniel Shiffman, Coding rainbow he has beginner playlist, also does natural simulations and some cool algorithms definitely check his channel out. I also forgot to add, you can go on #javascrit irc channel on freenode and ask questions as you are coding to get real time support :D

I find Code Academy to be a great resource for beginners. Also plan to use w3schools as a reference.

Very good question.

For the most basics - w3schools

It is not the best resource, but it is the best one for total beginners especially ones who have 0 experience in programming, I usually start teaching my students who know only basics of HTML and CSS using w3schools program. It has short, clear description and examples.

P.S. w3schools is NOT related to W3C.

General Knowledge base - Mozilla Developer Network (MDN)

This is the #1 reference for any JS developer from beginners till very experienced ones. Go though each section, each article, each example. Go though each Object, each API, each method, each parameter. I promise you will find a lot of small tricks or cool functions you never heard about.

For example, one day I randomly was browsing Element documentation and found Element.getBoundingClientRect(). So you can find element's position in viewport in 1 line of Vanilla JS without any jQuery, it's cool, isn't it? And that was not the only one example...

1. For beginners I recommend first going though JavaScript Tutorials and Guides.
2. Intermediate and Advanced sections worth reading even for engineers with experience.
3. After that proceed to Reference and learn all the JavaScript build-in features, language constructions, all objects and Web APIs.
4. Finally master your tools with the help of "Tools & resources" section.

You can register, contribute, translate MDN knowledge base!

For everyone who knows a bit of jQuery - You Might Not Need jQuery

This is a solid starting point for everyone who was working with jQuery. Today it is still very useful resource even for those who never used jQuery because it contains all the main JavaScript functions from AJAX till DOM manipulation in one place.

The best way to learn is to see (Videos)

• FunFunFunction - My favorite YouTube channel about learning JavaScript by MPJ. Even if you know a lot, watching his videos is funny.
• JavaScript: The Good Parts by Douglas Crockford.

The best way to learn is to see how others are coding. Go to GitHub and browse the source code of many JavaScript projects.

JavaScript design patterns

• Learning JavaScript Design Patterns - A book by Addy Osmani, O'Reilly
• JS patterns

Metaprogramming in JavaScript

Awesome blog about how to program JavaScript itself. Want to change what 'instanceof' do or what happens if property on object doesn't exists?

Other great resources

• JavaScript Scene - probably #1 blog about modern JavaScript in the world, Eric Elliott. I strongly recommend to go though all the Eric Elliott's JavaScript articles like "Two Pillars of JavaScript", read and re-read them.
• ②ality – JavaScript and more - great Dr. Axel Rauschmayer's blog about the JavaScript.
• Eloquent JavaScript - second edition, book by Marijn Haverbeke

And many links available here:

• Essential JavaScript links - a huge collection of links
• Quora - What is the best way to learn JavaScript?

Community (Slack)

• Frontend Developers - World's biggest Slack channel about the frontend.
• LaraChat - mainly related to PHP Laravel community, but LaraChat is one of the largest Slack communities in the world. You may find help about JS there too.

P.S. I am available on both and on Hashnode's. If you will need something, feel free to ask @mevrael

Just open DevTools and go experimenting!

P.S. I also recommend to dig into the history of JavaScript, asynchronous programming, Web Standards, HTTP, UI development, DOM, events, accessibility and software engineering and architecture in general.

I didn't learn from tutorials or walkthroughs, but what opened my eyes to how to do simple things in JavaScript were sites like:

• http://youmightnotneedjquery.com
• https://gomakethings.com/ditching-jquery

These sites are aimed at showing people the Vanilla JS way to do things people commonly used jQuery to do, but it's not like I knew jQuery either! I learned the most from these sort of sites, just looking up what can be done and re-typing it until it works.

I'm about 3 years into my vanilla JavaScript journey and still only just getting a grasp on the language and what you can do with it. I'm very excited about the future knowing even just a little JS though, I can't wait to do more!