Resources: 1. https://developer.chrome.com/devtools/docs/console-api https://developer.chrome.com/devtools/docs/console-api 2. https://developer.chrome.com/de

Resources: 1. https://developer.chrome.com/devtools/docs/console-api https://developer.chrome.com/devtools/docs/console-api 2. https://developer.chrome.com/devtools/docs/commandline-api https://developer.chrome.com/devtools/docs/commandline-api If you are doing webdev, Chrome DevTools is everything. The console and CLI are your window to the truth. It literally spells the difference between wondering why things work like an idiot and knowing it like a boss. Pay special attention to getEventListeners(IClickThisAndItBreaks), debug(WeirdFunction), console.trace(). 3. http://caniuse.com/ http://caniuse.com/ The things in that list: You should know a lot of them. You should know OF almost all of them (what they do on a conceptual level). 4. Hate to reco a paid thing, but this book was critical to me: Secrets of the Javascript Ninja by Resig. TL;DR: Everything in JS is a function. There is 1 thing to know about functions: The "Everything/Nothing Rule" (my paraphrase) - Scope has everything to do with how the function is declared and nothing to do with how it's called. "this" has everything to do with how a function is called and nothing to do with how it's declared. 5. Embrace Function-ness: lodash.com/docs 6. Embrace Event-ness: http://api.jquery.com/callbacks.add/ http://api.jquery.com/callbacks.add/ 7. Embrace Async-ness. Easiest way for me on this was to dabble with Node - async.js & promises. 8. After you lock all that down (don't get scared - it's actually easier than it sounds), learn how a browser really works and performs. Good place to start on that: http://superherojs.com/ http://superherojs.com/ - "Under the Hood" section. (Other good links there, too.) 9. Follow people like Jake Archibald to learn about the Web's "coming soon" stuff like https://jakearchibald.github.io/isserviceworkerready/ https://jakearchibald.github.io/isserviceworkerready/