Thread by @saviomartin7

Want to become an Aspiring Front-end Web Developer?

This thread is for you.

Understand Front-end Web Development with easy 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

{ 5 / 10 }

6. Version Control

Git is a version control system that enables developers to track changes in their project. Git helps developers collaborate as a team.

Learn Fundamentals:
- Usage of Git
- Repo Hosting
- GitHub

{ 6 / 10 }

7. Package Managers

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!

Hey, I'm Savio 👋
I write daily threads on web development and developer resources.

If you found this Thread useful:
- Follow me (@saviomartin7) ✅
- Retweet it
- Turn on the notifications

Thank you for the support friends! 🙏