You want to become a web developer, but don't know where to start?
1. Choose a text-editor.
I would suggest VS Code(
@code). Get it here:
code.visualstudio.com
2. Learn HTML.
There are plenty of available learning resources. FreeCodeCamp (
@freeCodeCamp) is definitely one of the best.
freecodecamp.org/learn/2022/…
3. Learn CSS.
If you want to be a web developer, learning CSS should be the next step. Once again, I'd suggest FreeCodeCamp.
freecodecamp.org/learn/2022/…
4. Get better at CSS.
Still not feeling comfortable with CSS? Take this free course on CSS by Google Developers (
@googledevs).
web.dev/learn/css
5. Learn JavaScript.
Here starts the fun. You can learn JavaScript at
javascript.info.
6. Build projects.
Improve your coding skills by building real projects. If you can't come up with ideas, try
frontendmentor.io (
@frontendmentor).
7. Learn to use the command line.
You can use this free course by Open Classrooms(
@OpenClassrooms).
openclassrooms.com/en/course…
8. Learn how to use Git and GitHub.
This is a nice intro to Git and GitHub for beginners (
@HubSpot).
product.hubspot.com/blog/git…
9. Choose a JavaScript framework.
React and Vue are the most popular frameworks at the moment, so I'd suggest you start with one of those. You can learn another framework later. Brad Traversy (
@traversymedia) has crash courses for both.
youtube.com/@traversymedia
10. Build more projects.
Try to build something from scratch this time. Find ideas here:
github.com/florinpop17/app-i…, by
@florinpop17.
11. Deploy projects.
Are you happy with the things you built? Deploy them. Services like Netlify (
@Netlify) and Vercel (
@vercel) are easy to use. Here you can find a few more
web-dev-resources.com/#/?id=…
12. Make a CV.
There are plenty of free CV builders available. I'd recommend this one. It's a free and open-source project.
rxresu.me
13. Prepare for a coding interview.
You can use
leetcode.com (
@LeetCode) for practice.
14. Apply for jobs.
Again there are a lot of resources available. Choose something from
jobboardsearch.com.
15. Make an open source contribution (optional)
Here you have all the info you need
markodenic.com/make-your-fir….
* Discalimer: This is just one possible roadmap and something I would do myself if I were starting from scratch.
Happy coding!