Become a Reddit Mega Soy JS Dev

js-guide.md

Become a Reddit Mega Soy JS Dev

1. Go through the What is web development? w3schools roadmap (just read)
2. Go through the entire sidebar of the w3schools HTML guide. You'll already be familiar with a good bit of this but there are a lot of new HTML elements including things like <canvas> etc. that it would be good to be vaguely familiar with. Go through some of the quick little exercises for anything you are unfamiliar with but otherwise don't bother.
3. Same deal with the w3schools CSS guide. There's some really useful stuff in here since CSS 3 came out, and the more you know about it the better. A bunch of it I probbaly don't even know about.
4. Go through all of the w3schools Javascript guide. Everything here is relevant so you can get a solid foundation.
5. Get familiar with the NodeJS ecosystem. To get started you should install nvm to manage your NodeJS versions (similar to rvm in the Ruby ecosystem). The reason you want to do this and not just install node from your package manager is different projects are usually pegged to particular node versions and nvm will switch to the proper version automatically given the presence of a .nvmrc file. Just do nvm install 12 && nvm use 12 to get a decent version of node.
6. Do the w3schools NodeJS tutorial -- while we don't use NodeJS directly on the server side, there are a lot of useful concepts here that introduce you to the ecosystem (NPM, ES6+, etc).
7. Play around with vanilla (ES5 compatible) JavaScript. Use vanilla JS and CSS to make some divs travel in random directions when the page loads, continuing forever bouncing off the screen pong style. Use an outer space background and try to make the divs resemble the graphical style of halo 1 menus
8. Follow the full Vuejs guide. Have discussions with someone about how it works because omg.
9. Buy a macbook sit in a starbucks (COVID equivalent sit at home w/fair trade coffee) wearing a beanie and do some js.
10. You are now a reddit mega soy js dev.