A collection of free front-end and JavaScript-centric resources. I recommend starting with this roadmap 💜. You'll often see Udemy courses being recommended, and while I'm sure some of them are great, they cost money and there seems to be plenty of great free material out there so I won't bother mentioning them here. I'm a big fan of FreeCodeCamp 💜, but I'm a bit lost as to how best to navigate their resources a lot of the time. Regardless, it's still worth checking their site for any up-to-date guides. If you're just starting out, Codecademy is still a great place to start to familiarise yourself with the basics of coding; just bear in mind it's quite hand-holdy, and you'll want to complement your learning with basic coding challenges.
Some of the sections below are incomplete (🚧). 💜's are reserved for resources I've personally used and recommend; the rest is stuff others have told me they found useful. If you find this page helpful, please give it a star! 🌟 And remember, build as much as you can!
- FullStackOpen • React • Redux • Node.js • MongoDB • GraphQL • TypeScript
a good place to start if you're already familiar with JavaScript or are coming from a different tech stack
- Odin Project • JavaScript • React • Node.js • MongoDB 💜
more oriented towards absolute beginners. Written well and nice for revision. If you have the discipline to self-teach, start here.
A JavaScript library used to produce HTML from dynamic components. Start with the recently updated docs 💜! I also think NextJS' brief tutorial is a great place to start. After that, you might want to consider looking in to frameworks, such as Next.js.
But what about Create React App? Read this for why you might not want to use it.
- Scrimba • ~11+ hrs 💜
- Egghead • ~2 ½
- Codecademy
Turbo and Stimulus, if you're prefer to stick with something more Rails-y.
- Hotrails
- Odin Project Turbo Drive and Turbo pages 💜
Just remember, you'll eventually want to learn TypeScript but it's worth getting comfortable with JS first.
Another great resource to remember for later is Effective TypeScript, though sadly it's not free.
- Leetcode 💜
- Get comfortable with technical assessment sites like Code Signal, Codility and CoderByte that are used by larger companies.
- classes
- time to interactive
- event loop • Video 💜
- callbacks • Video
fantastically well explained tutorials, I can't recommend them enough (just be sure to check whether they've been updated recently)
Start learning about and using 💜 Docker! The official tutorial is also a great place to start. I also recommend these resources from FreeCodeCamp and IBM for written introductions to Docker.
A contentious topic for Bootcamp graduates, and one I don't feel well qualified to talk about. The general consensus (i.e. what Reddit says) seems to be that there several important concepts to learn with some being more important than others. CS50 is probably a good place to start. Something more targeted might a better use of one's time, however. There's also plenty of nice free stuff of course.