For becoming a front-end web developer you should start to learn web development basics.

HTML from beginner to advanced

CSS from beginner to advanced

JavaScript

jQuery library

CSS Frame works:Bootstrap, tailwind, MUI.

#Good to Know Stuff
These skills are not necessary, but they definitely will help you on your journey.

#How does the Internet work?
What is HTTP?
How do Browsers work?

#Basics
Now let's start off with the basics.

1) HTML
HTML is the foundation of Front End Web Development. One thing I notice is beginners trying to learn all HTML tags; you DON'T need to know all tags, for now, just the following would do:

HTML document structure
Basic tags such as html, head, title, body, form, input, p, h(1-6), etc. would suffice for now.

2) CSS
Once you learn HTML, you will be able to create a website, but it will definitely look unprofessional. Now it's time to add life to it using CSS. For starters, you could focus on only the basics:

1) Basic CSS Selectors
Selecting an element is the stepping stone to get started with CSS.


2) Box Model
CSS uses the Box Model to organize the different sections of all elements.

3)Positioning & other basic properties
Positioning helps to position elements and even take out elements from the flow of the website. Some other basic properties you should learn are color, background-color, and of course the properties making up the Box Model.

3) JAVASCRIPT
Of course, you would like to make your website interactive as well. JavaScript is the tool you need. The things you need to know for now are:

1) Basic Programming using JavaScript
JavaScript might be a bit intimidating (at least it definitely was for me) due to its asynchronous nature. You need to develop a feel for how the code is executed as unlike synchronous languages the code that appears first might not be executed first.

2) Creating and Disposing Event Listeners
Creating Event Listeners allows you to trigger a callback when an event occurs.

3) DOM Manipulation

To bring interactivity to your website, DOM Manipulation is the most important skill. Paired up with Event Listeners, it allows you to modify any part of the website when an event occurs.

I will continue the intermediate journey in my next post stay tune.

Lamodot
Twitter: https://twitter.com/Lamodots