2021 Roadmap for Front-End Developers

This is for you

INTERNET

1. Learn how the internet works and what it does.
2. Learn about HTTP.
3. Learn about DNS, domain names and hosting.⁣

HTML

Now you can start looking into HTML,

1. Learn the fundamentals
2. Conventions and best practices
3. Semantic HTML
4. Forms and validation
5. SEO basics as well as accessibility.⁣

CSS

Once you know a good amount of HTML and are confident you can create a webpage you want to start styling that page, you can do this by learning CSS

1. Learn the fundamentals
2. Floats
3. Positioning
4. Display
5. Box Model https://twitter.com/TechParida/status/1296447900847931392?s=20

JAVASCRIPT

Now that you know some CSS start learning some javascript. This will add functionality to your website. Learn the fundamentals before trying anything else.⁣

1. Learn the fundamentals
2. Syntax & constructs
3. DOM manipulation
4. Fetch API/AJAX
5. ES6 & Modular JS

VERSION CONTROL SYSTEM

Now at this point, you could stop here and you'd have your first website, but when working with large teams on projects you want to know about version-control systems like git.

1. Learn basic git commands
2. Repository hosting system

WEB SECURITY

You now have a webpage that was built using HTML, CSS, and JavaScript. It's using version control and you want to host it. First, you should understand a little about web security, things like

1. HTTPS
2. Content Security Policy
3. CORS
4. OWASP security

PACKAGE MANAGERS

You may also want to take a look at package managers, things like

1. npm
2. yarn

Happy Coding