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
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💕
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.
