Frontend Development Path
Tags: javascript, webdev, beginners, programming
Published: 2022-10-09 18:32:22

Do you wanna become a frontend web developer? 
"Yes!" But I have some question to you. Here we have lot of technologies, but What can I choose for become a successfull frontend web developer? 

Awesome! very impressive question. 

To become a frontend developer, firstly You have to know about HTML, CSS & JavaScript. These three lanague will help you to become a expert web developer. **HTML** is used to structure a web page and its content and **CSS** is used to style and layout web pages . Here is a simple example like web development with HTML & CSS 

![HTML && CSS](https://pbs.twimg.com/media/D1F2A6CXgAAa730.jpg)

**JavaScript** is a text-based programming language used both on the client-side and server-side that allows you to make web pages interactive.

![javascript](https://miro.medium.com/max/1400/1*lXKAoEYXdDvEUV8TeeqeBg.png)

For learning HTML, CSS & Javascript - you can follow w3schools.com website. Where everything is easily documented. Any beginners can easily learn from there. 

If you want to make website for larger application. Only CSS is not good enought for you and for your time. Here you can learn a CSS most popular framework **TailwindCSS**. Which is create for desiging website by utility classes. Also you can easily customize as you want by following https://tailwindcss.com website documentaition. If you like you can choose Bootstrap.

![TailwindCSS image](https://laravelnews.s3.amazonaws.com/images/tailwindcss.png)

### What the next Step? 
You can make some website projects which can be like 
* Todo List Website
* Portfolio Website 
* Simple E-commerce Website


For the next step you can learn ReactJs. Which is a JavaScript library developed by Facebook which, among other things, was used to build Instagram, Airbnb, Netflix, Facebook, Paypal, Dropbox and so many popular websites. Its aim is to allow developers to easily create fast user interfaces for websites and applications alike. The main concept of React. js is virtual DOM. Over 7.4 million live websites currently use the library. After learn basic topics of Reactjs you can go for learn React Router.

![React Js Image](https://www.patterns.dev/img/reactjs/react-logo@3x.svg)

![React Route Image](https://miro.medium.com/max/1200/1*HeUOgmhMg2bGqhTtbCju1w.png)

By Using Reactjs you can practice to make a e-commerce website with shopping cart. Then you can learn Google Firebase for authentication. But firebase gives you so much services [See Firebase Services](https://firebase.google.com/products-build)

As for your another step you can learn Managing state using Redux in your React App. You can sequeny learn Vanilla Redux > React Redux > Redux Toolkit. 

![React Redux](https://res.cloudinary.com/practicaldev/image/fetch/s--04gwQU7w--/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://dev-to-uploads.s3.amazonaws.com/i/e8xrv79jm3yspvhhmagz.png)

By using these all of the technologies you should again create a full-stack frontend e-commerce web application. Where implement authentication, state-management. Your all of the website must be responsive. 

### What Next? 
Okay. You can next learn to Basic NodeJs and ExpressJs for create RestFul API for your frontend website. To storing data for your website you can learn MongoDB Database. These are the part of backend development. So I hope for your best of luck. There are so many platform you have to learn web development. On the internet everything we have. Youtube video, Course, Documentation everything we have. To learn anything you should be patience. Long term target you should have.

Some important skills: 
 - Netlify, Vercel Deployment
 - Firebase Deployment 

At the end my English writing is may not very good. I apologize for that.   [Buy me a coffee](https://www.buymeacoffee.com/giveus)