Vanilla JS is a fast, lightweight, cross-platform framework
The Vanilla JS team maintains every byte of code in the framework and works hard each day to make sure it is small and intuitive. Who’s using Vanilla JS? Glad you asked! Here are a few:
Facebook Google YouTube Yahoo Wikipedia Windows Live Twitter Amazon LinkedIn MSN eBay Microsoft Tumblr Apple Pinterest PayPal Reddit Netflix Stack Overflow
In fact, Vanilla JS is already used on more websites than jQuery, Prototype JS, MooTools, YUI, and Google Web Toolkit – combined.
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…
- Intermediate and Advanced sections worth reading even for engineers with experience.
- 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
The best way to learn is to see (Videos)