ROADMAP FOR FRONTEND WEBDEVELOPMETN IN 2022.

Kumar sanu
2 min readAug 28, 2022

--

HEY GUYS.

I HOPE YOU GUYS ARE DOING GREAT .TODAY WE GONA DISSCUSS ABOUT FRONTEND WEBDEVELOPMENT ROADMAP AND ABOUT WHAT RESOURSES YOU NEED TO FOLLOW. AND SOME BASIC PROJCT TO MASTER FRONTEND .

  1. HTML

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.

It is foundation of website .

RESOURSE:- https://www.w3schools.com/html/

2.CSS

Cascading Style Sheets(CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML.

CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript

RESOURCE:-https://www.tutorialspoint.com/css/index.htm

3.CSS FRAMEWORK

What are CSS Framework ?

In essence, a CSS framework comprises several CSS stylesheets ready for use by web developers and designers. The stylesheets are prepped for use for standard web design functions: setting colors, layout, fonts, navbars, etc. Generally, stylesheets are supported and expanded by other scripting technologies like SASS and JavaScript.

With a CSS framework, the user has a completed CSS stylesheet, and they only have to code the HTML with accurate classes, structure, and IDs to set up a web page. The framework already has classes built-in for common website elements — footer, slider, navigation bar, hamburger menu, column-based layouts, et

Here are some of greatest framework -

*BOOTSTRAP :-Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains HTML, CSS and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

RESOURSE:-https://getbootstrap.com/

*TAILWIND CSS :-Tailwind CSS is basically a Utility first CSS framework for building rapid custom UI. It is a highly customizable, low-level CSS framework that gives you all of the building blocks that you need. Also, it is a cool way to write inline styling and achieve an awesome interface without writing a single line of your own CSS.

RESOURSE:-https://tailwindcss.com/

4.JAVASCRIPT

JavaScript, often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS.

As of 2022, 98% of websites use JavaScript on the client side for webpage behavior, often incorporating third-party libraries.

Javascript is very important ,so i would recommend you to give some time on it.

RESOURSE:-https://javascript.info/

5.FRAMEWORK OF JAVASCRIPT

There are lots of framework that you can learn .Here are some of them:-

*ANGULAR JS

*REACT JS

*VUE JS

If you ask me I would recommend you to learn react.js . It is most used and you will get hell lots of free resources.

Congrats now you have completed frontend web development .

REQUEST:- If you liked this article do like it and follow me .Next article will be on Backend web development. Till then good byyy.

VISIT MY POTFOLIO:-https://kumarsanu12.netlify.app/

--

--