2022-Front-End-Web-Developer-Roadmap
This is my ultimate guide to becoming a front-end web developer in 2022 with resources.
There are a lot of free courses you can learn from. Below I have listed some of the best from YouTube. If you dont like learning with videos, I recommend you start your journey of (freecodecamp.org)[https://www.freecodecamp.org/]
-
Command-line/Terminal
- FreeCodeCamp - Command-line Crash Course: https://youtu.be/yz7nYlnXLfE
-
Git and GitHub
- Traversy Media - Git & GitHub Crash Course For Beginners: https://youtu.be/SWYqp7iY_Tc
-
Code Editor (Visual Studio Code)
- Academind - Visual Studio Code Tutorial for Beginners - Introduction: https://youtu.be/VqCgcpAypFQ
-
HTML/CSS
- DesignCourse - HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!: https://youtu.be/D-h8L5hgW-w
-
CSS(Framework) - Bootstrap/TailwindCSS
- Bootstrap - DesignCourse - Getting Started with Bootstrap 5 for Beginners - Crash Course: https://youtu.be/1nxSE0R27Gg
- TailwindCSS - DesignCourse - Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition: https://youtu.be/Vp6GC3jKG20
-
JavaScript
- FreecodeCamp - Learn JavaScript - Full Course for Beginners: https://youtu.be/PkZNo7MFNFg
-
JavaScript Framework (React, Vue, Angular, Svelt)
- React - Academind - React Crash Course for Beginners 2021: https://youtu.be/Dorf8i6lCuk
- Vue - Traversy - Vue JS Crash Course 2021: https://youtu.be/qZXt1Aom3Cs
- Angular - Traversy - Angular Crash Course 2021: https://youtu.be/3dHNOWTI7H8
- Svelt - Traversy - Svelte Crash Course 2021: https://youtu.be/3TVy6GdtNuQ
-
Deployment (Netlify, Vercel, GitHub)
- Netlify - Programming with Erik - Deploy Your Website In Minutes With Netlify : https://youtu.be/gaC-l9MAE9Q
- Vercel Official Website: https://vercel.com/
Note that on the above list I din't mention some popular technologies such as SCSS, Next.js and others. I recommend you learn the above first and then you can explore the rest after having a solid understing of the above