Intro
Hello Guys, My name is Abeer. This is your ultimate resource for becoming a web developer from someone who doesn't know how to write a single line of code to someone who is a job-ready developer. This is not a course made by myself, but a compilation of tutorials from some of the brilliant teachers on the internet. The thing is I organized them in a way so that you can get the 100% value of a paid course. There are some paid courses we see on different platforms like Udemy and Coursera that are good in my opinion. But most people seek free resources and for them, this tutorial outline provides the same value as a paid web development course.
FrontEnd Development
This course outline is for Front-End development:
Know about Web Development first - Practical Guide to becoming a web developer in 2023
CSS pre-processor (CSS Extension) - SASS Tutorial (Build Your Own CSS Library)
Command prompt(CMD) / Terminal - 15+ Terminal Commands Every Developer Must Know
Git and GitHub - Choose one of these videos
Install VS code: How to Install Visual Studio Code
JavaScript - Choose one of the courses below. Each one is good enough
React.js - Choose one of these videos
Redux - React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial
Tailwind CSS (CSS framework) - Tailwind CSS Full Course for Beginners | Complete All-in-One Tutorial | 3 Hours
Firebase React Course For Beginners - Learn Firebase V9+ in 2 Hours
Make a project or clone a well-known website. For example, create a blogging site where users can signup, login, write a blog and save, delete and others can read blog posts.
Now, take a pause. You have completed the most essential part of becoming a front-end developer. Now, you can call yourself a front-end developer and can apply for a job. You should apply for a job by the way. But before you apply, make sure you have a good-looking and well-explained portfolio site as well as a resume.
There is a chance that you might face difficulty in finding a job because nowadays TypeScript and NextJS are two hot technologies that organizations, firms, or startups really fond of. So, you should not stop applying for an entry-level position but continue learning these two.
You can learn TypeScript and Next.js from the following tutorials:
TypeScript - Watch at least one video from these two. I would suggest going for the first one. But also check out the second one. The second one covers some missing topics I guess.
Next.js - I would suggest watching at least the first one. Then see what missing parts you can learn from Dave Gray's one.
Make a couple of projects. There is no alternative to making projects or showcasing your tasks to acquire a job. You can watch Antonio's Youtube Channel to practice making projects.
So, that's all you need to become a very good front-end developer. But you need to upgrade your knowledge every now and then. There are so many npm packages and other helpful libraries that you need to know how they can be used in a project. This is crucial.