How to be a Front-end dev in 2022?

#discuss #codenewbie #webdev

To become a front-end dev, first you need to learn HTML,CSS,JS.
Before learning to code in HTML,CSS,JS. Know there roles in web development or in web page.
1.What to learn in HTML?
1.HTML semantic layouts, some of the basic tags like ,

, , etc....
2.difference between block level and inline tags or elements.

div and span elements 5.how to structure the document.

2.What to learn in CSS?
1.How to Use CSS in web development (inline, internal, external) styling
2.Then learn the CSS box model (this is a must learn for everyone)

Then the selectors (class, id, universal, etc...)
Learn the combinators(+, ~,>, ).
learn about display property (block, inline, inline-block) 6.Positon property (absolute, relative, fixed, sticky)
Flex and grid
build a website using HTML and CSS without JS.

3.What to learn in JS?

JS basics (data types, variables, functions, for, while, do-while loop, arrays, objects etc...)

after learning the above concepts. start practicing it at https://edabit.com/challenges, only for beginners, who just started to learning to code.
DOM concepts, if u are using a framework (its not a must)
now go through the concepts like hoisting, closure and all the concepts.

Bonus tips,

u should learn HTML and css, as you work on the real-world projects
In JS, practice try to practice array and object structure most often
in arrays must know methods are filter, map, reduce, push, pop, shift, unshift, slice, findIndex, indexOf and etc..

At last pick one framework or library of JS. (Angular, vue, React ).

DEV Community

How to be a Front-end dev in 2022?

Top comments (0)

Read next

The Rise of AI-Driven Web Development

Why Webflow is the Future for Developers 2025

Building SaaS Faster with Ercas for SaaS: A Template for Indie Hackers

React + Vite: The ultimate guide to static application deployment