Web development Roadmap

 Hi,

Welcome to ourside

we are going to talk about web development. If you're interested in web development and want to learn how to code but don't know where to start.

Well, Here I'll explain the whole roadmap to get you started

To create a website or a blog, You can use WordPress, web-flow, and many other technologies available in the market. But if you want to create web applications

by coding from scratch. You'll need to learn computer programming languages. /

First, let's just understand the structure and how the whole thing works.

A website consists 3 different parts

Front-end,

back-end & the Database

So, let's talk about front end?

: - Basically, The front end of a website is the part that users interact with. Everything that you see when you're navigating around the Internet,

 from fonts and colors to dropdown menus and sliders,

its a combo of HTML, CSS, and JavaScript being controlled by your computer's browser.

Then, there's the backend

:-The backend (or “server-side”) is the portion of the website you don't see. It's responsible for storing and organizing data,

 and ensuring everything on the client side actually works. And by client side I mean the frontend.

 The backend communicates with the front end, sending and receiving information to be displayed as a web page.

Now sending and receiving data? where does that data come from and where does this data get stored?

:- that's where the Database comes in

A database is information that is set up for easy access, management, and updating. 

Computer databases typically store aggregations of data records or files that contain information,

 such as sales transactions, customer data, financials, and product information. //

NOW LET'S TALK ABOUT THE TECHNOLOGIES THAT YOU NEED TO LEARN TO BUILD A web application

Begining with frontend

let's start with HTML

HTML also known as (HYPERTECH MARKUP LANGUAGE) is the building block of a website.

It is basically used to build the structure of your webpage. Also, its a markup language, not a programming language

then there's CSS.

CSS, also known as (Cascading Style Sheet).  It describes how elements should be rendered on screen, or on other media.

it is used for designing your HTML user interface to add colors and animations to make it more interactive. Also Css is 

a styling language not a programming language

You can Learn Bootstrap, Tailwind, and Sass for designing much better User Interfaces than just HTML & CSS,

and it will help you build much more interactive UI Designs

JavaScript is a text-based programming language used both on the client-side and server-side 

that allows you to make web pages interactive.

 Where HTML and CSS are languages that give structure and style to web pages,

 JavaScript gives web pages interactive elements that engage a user by adding functionality to HTML elements. 

Once you're done with this you can call yourself a front-end developer.

But to be more advanced you'll need to Learn Frameworks like React.js, Angular.js, vue.js, etc.

these frameworks are hottest in the market and they offer more dynamic and advanced features to help you create much better dynamic web applications. /

For Backend, You can learn any programming language like PHP, python, Django, or Node.js & express.js

I'll recommend you Node.js & Express.js for web development as it's the most popular and preferred programming language among developers.

If you're already familiar with javascript, Node.js will be the best choice for you.

Then you'll work with databases like SQL, MongoDB & Firebase to manage and collect your data in collections. So that you can store data and use 

it for your application by fetching Data from API.

You should also be familiar with at least One Version control.

Like Github.

GitHub is a website and cloud-based service that helps developers store and manage their code, as well as track and control changes to their code.

it's really important to learn about github because you'll be uploading your codebase to github. Your codebase will be always online and you can use it from there whenever and where ever you want

Now that you've Learned HTML, CSS, JAVASCRIPT, REACT/ANGULAR, EXPRESS, NODE, AND MONGO DB.

You'll be skilled enough to successfully build web applications on your own.

Then you can buy domains and hosting from different platforms to make your projects live.

You can get a domain and hosting from platforms like hostinger.com, AWS, and GoDaddy.

But if you want to make your project live for free 

You can try netlify.

Netlify offers free hosting for static website's and you can host your website on netilfy for testing purposes. So that you can actually see how your website

is going to look when it's live

Once, You're done with all of this

You can now call yourself a MERN STACK or a MEAN STACK DEVELOPER and you can now create Web applications all by yourself. you can then build some portfolio projects

like E-commerce websites, Real Estate websites, or whatever idea pops up in your mind and successfully land a job as a web developer.