What I used to learn how to code!!

There are a lot of resources online on how to develop applications, so I wanted to list out all the resources I used to get to where I am. I'm mainly a web developer by the way. I haven't explored apps outside of the browser yet though.
P.S. I'm a CS student, so I've used my university's resources too, but most of the useful thing I've learned have been self-taught.

Tools 🔨

First, I had to download the tools and technologies I use on a daily basis. Right now, I use VSCode as a code editor, github to manage my git repositories, zsh as a terminal, and I occasionally use github desktop to run git commands. I also need node.js for daily development as I'm mainly a js developer. And lastly, I use Figma to prototype my designs.

1. VSCode
2. GitHub Desktop
3. Node
4. ZSH
5. Figma

** It's really useful to know how to use your terminal btw. You should understand basic commands like cd and touch. I picked them up overtime, but I recommend looking up a tutorial if you're a complete beginner.

Tech Documentation 🗒

I think reading documentation is the best way to learn how to use a tool. Personally, I use React, Next.js, Tailwind CSS, and a few more. I find the documentation for them and the tutorials they provide to be the best starting point, so here they are:

1. New React Docs (with hooks!!)
2. Old React Docs (with classes but still useful)
3. Next.js Docs
4. Tailwind CSS Docs

Web Development 💻

• I've only really followed one full stack web development course from the University of Helsinki (not my university btw). It's a free, open online course, and I'm only 1/3 of the way through, but I've already learned so much. Like now I know more about react hooks, promises, how to make a json server, how to use axios, communicate with a backend rest api, use css, and more. The content and exercises are very high quality, and I really like it because you get to use VSCode as an editor and push your code to github. I find myself using the articles there as a reference too.
• I also bought this react tutorial earlier this year. I got through most of it and learned a lot of react basics, but it makes you write code in your browser, and it doesn't teach full stack web development.

Favorite YouTube Channels 📍

To get started in web development, I watched a lot of youtube tutorials because I was really lost on where to start, so here are my favorite tech related youtube channels that I always trust to explain complicated js topics and frameworks (like async/await functions for example). For each, I linked a video of theirs I linked btw. I do figma design too, and I don't have any favorite channels for that. I recommend just looking up tutorials on how to design full apps.

1. Traversy Media
2. Web Dev Simplified
3. Ben Awad (he's also a tiktok guy eek)
4. Programming with Mosh
5. FreeCodeCamp (also I love Mike Dane)

Java/Python Programming Problems (aka leetcode ?)

My university made us do a lot of coding problems in the intro to cs classes, and here are some resources I used to better understand oop and basic programming concepts. I don't really use Java or Python for web development or anything else though. However, I think it's still important to understand basic programming concepts.

1. The University of Helsinki's Open Online Intro to Programming Course in Python
2. The University of Helsinki's Java Programming Course
3. Python Crash Course Book
4. Data Strucutres in Java (ew)

Special Shoutout 🎼

Shoutout to Spotify for helping me not be bored while coding. I have a whole coding playlist btw. Enjoy!