Want to become an Aspiring Frontend Web Developer?
This thread is for you.
Front-end Web Developer Roadmap, zero to advanced. Understand all concepts with explanations.
Mega Thread π§΅β
1. Understanding Internet.
You should get a clear view of how browsers work and what runs between. Basic knowledge of the Internet is the first step.
Learn the fundamentals:
- How does the Internet work?
- What is HTTP?
- How do Browsers work?
{ 1 / 10 }
2. HTML
HTML comes up next. HTML is the standard markup language for Web pages. Start with basics by understanding DOM, Forms and then move on to larger concepts like SEO and Accessibility.
Learn Fundamentals:
- DOM Structure
- Basic Tags
- SEO
{ 2 / 10 }
3. CSS
CSS is the language used to style a Web Page. CSS is easy to learn and will help you to create beautiful sites. Start with basics of making layouts and then move on to create responsive sites.
Learn Basics:
- Selectors
- Box Model
- Media Queries
{ 3 / 10 }
4. JavaScript
JavaScript is a programming language used to define certain function and handle change of the Web Page. JavaScript could control everything that runs on the web page.
Learn Basics:
- Syntax
- DOM Manipulation
- Events
{ 4 / 10 }
5. APIs
API are protocols that allow apps to communicate with each other via the internet.
Learning APIs can help:
- Increase development speed
- Reduce software cost
- Increase quality of the software
A package manager is a collection of software that automates different process of installing, uprading, configuring and so on.
Popular Package Managers:
- NPM
- Yarn
{ 7 / 10 }
8. Choose a JavaScript Framework
JavaScript frameworks are pre-writted JavaScript library to speed up frontend web development by starting from basic structures. Learning only one framework is necessary.
Popular JavaScript Frameworks:
- React
- Angular
- Vue
{ 8 / 10 }
9. Use CSS Frameworks
CSS frameworks are a library of pre-written CSS styles from which one can easily use it in their web page. CSS frameworks will make the development way faster and beutiful.
Popular CSS Frameworks:
- Tailwind
- Bootstrap
- Material Design
{ 9 / 10 }
10. Learn to Deploy
Here comes the final part. After coding a project, it is time to deploy it, so the world could see and use it. There are different sites which offer you free hosting and domain.
Popular Free Deploying Sites:
- Vercel
- Netlify
- Firebase
{ 10 / 10 }
π₯³ Conclusion:
Congrats on being an aspiring fronted web developer. Building is the best way to learn. Start building projects and rock on.
Wishing you all success! π
Thank you for reading!
I'm Savio π
Helping you become an aspiring web developer. Daily threads on web development.
If you found this Thread useful:
- Follow me β
- Retweet it
- Turn on the notifications
Thank you for the support friends! π
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh