If you are a total stranger to the world of computers and electronics like my "brother" who only knows how to use a calculator, I would fully recommend mastering the basic skills to understand what computers are and how dumb machines can be, by watching CS50, 2020 provided by Harvard.
Once you master these very fundamentals of computers and became close friends with basic terminologies and theories, you may go ahead with a little more advanced topic.
If you like learning by watching videos which I personally prefer sometimes when I want to learn things by visualizing them, freeCodeCamp.org distributes very high-quality engineering content on YouTube for free. When I said high quality, I really meant it.
Interesting topics to watch (Optionals)
- What the heck is the event loop anyway? | Philip Roberts | JSConf EU - Interesting video about event loop. Interesting topics to watch before jumping to learn asynchronous programming.
- Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks - though the course builds a very basic app, it covers all the most essential topics in React JS
- Learn React JS - Full Course for Beginners - an introductory course to React, covers the most essential topics.
- Code 15 React Projects - Complete Course
With all the knowledge up until now, you are good to build awesome frontend web pages. If you are still interested in learning more and building more, you can watch other cool application development video tutorials in freeCodeCamp. I particularly find the following ones very interesting in this list:
- React Tutorial: Build an e-commerce site from scratch using React and Netlify
- Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets
- Getting first React job without experience - Ask Preethi
At this point, what you have learned in React JS will be more than enough to start your career, at least an entry-level job as a front-end developer.
- Full Stack React & Firebase Tutorial - Build a social media app - If you have some experience with Firebase, it's a great video to build a full-fledged React application.
- Learn Angular - Full Tutorial Course - an introductory course for Angular JS
- Learn Angular Material - Full Tutorial - an introductory course to master angular material.
- Angular Advanced Concepts - a really good collection of advanced Angular concepts.
I think these three video tutorials would be enough to understand the fundamentals of Angular JS, but I did not spend a lot of time researching Angular JS as I found it unnecessary when I was teaching my "brother". He also confirms it's unnecessary to learn all frontend frameworks. He is just content with ReactJS.
- Learn Node.js - Full Tutorial for Beginners - Beginner tutorial to learn the basics of Node JS
- Node.js and Express.js - Full Course - a little more advanced and updated content on Express JS and NodeJS.
- User Authentication in Web Apps (Passport.js, Node, Express) - hands-on experience building real authentication application using NodeJS and Express JS.
- Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js) - if you want to try full stack development, but a requirement is that you need to know MongoDB and ExpressJS at a basic level.
- Parallel Programming & Concurrent Programming
- Distributed Programming (distributed computing and storage)
- Databases (SQL, Graph, Document and etc) and systems - I would highly recommend the book "Designing Data-Intensive Application" by Kleppmann.
- Operation Systems - Linux
In addition to these all above, I would also recommend reading the books