Resources:

This page is dedicated to share some of the resources that helped me to learn what I learned and potential gems to learn about react and others:

Web development as a field:

TheOdinProject is a good place to start. the course is open source, which means that it get updated with the latest information about the technologies regularly. The course goes through various topics such as: basic Git & GitHub, advanced HTML/CSS, JavaScript, React, Node.js and more (You can pick Ruby's path and learn Ruby on Rails instead of focusing on JavaScript only).

• NOTE: To navigate around the subjects go to All Paths -> Explore whatever Path -> Open Course a course you want to peek at.

MDN Curriculum is provides a structured guide to the essential skills and practices for being a successful front-end developer, along with recommended learning resources. Last updated: February 2024 which means it is new.

MDN Web Docs provides some rich documentation about the web technologies.

MDN AI Help A ChatGPT based AI Help which tries to give you an accurate answer using the official MDN docs as a base.

• NOTE: The Odin Project goes through various topics, you can directly search for the topics that interest you if you want to peek at it. (Example: Setting up Git, Installing Node.js, Setting Up A React Environment and more)

Web Dev Simplified Is a great YouTube channel to learn more about web technologies. He is a great guy, and the videos are fast passed but understandable.

Vim:

ThePrimeagen is a great guy and a software engineer, EXFAANG BTW. He has some high quality videos about Neo(Vim) as an editor for the Linux users but also about Vim motions which can be used in almost every IDE known to mankind.

• NOTE: You can ignore the Neovim setup and just learn the motions on it's own.

For more advanced motions, you can watch some random videos about Vim.

• NOTE: Be careful, some tips will work on the Vim editor itself and not on your IDE, you might even have some conflicts between some shortcuts that you need to resolve manually through digging in the settings and the config of your IDE.

Computer Science as A whole:

CS50 x 2024 Lectures Is a good playlist to start, from the one and only Harvard university, so you know it good.

Other skills & tools:

typing.com has some good free lessons to learn how to type properly and use all you fingers.

Introduction to Git:

Getting started with Git

React:

video playlist the most important concepts you need in React.