Read on Twitter
2021 Roadmap for Front-End Developers
This
is for you
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.
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.
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
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
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
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
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
You may also want to take a look at package managers, things like
1. npm
2. yarn
Happy Coding
