Lay out a Roadmap
- Chrome Dev Tools
Practical JS introduces Chrome Dev Tools, which is really useful for debugging. You can learn it in depth on Google’s site. It does a good job of going through all the features in an understandable way.
What is a call stack, heap, queue, event loop? These phrases would pop up on Stack Overflow or various other forums in answers to complex problems. I would always google for an answer — but the concepts were so abstract that I couldn’t really wrap my head around it. This video of Philip Roberts explaining function executions with visuals that finally connected the dots for me.
- You Don’t Know JS
- Frameworks and Libraries
- Data Structures & Algorithms
Programs are comprised of data and algorithms. You’ve already touched on some data structures already at this point (arrays) and you’ve been writing algorithms (loops). When I first embarked on learning these topics, I was thrown off by all sorts of foreign words like big O, DP, bloom filter, etc. I’d proceed to Wikipedia and be bombarded with even more foreign phrases and explanations that were way over my head. I’m still working on deepening my understanding of these concepts, but these are some great resources I’ve found so far:
Big O Notation
Computer Science Concepts Explained
Good luck and let me know if there’s anything I missed!