Web-Development Explained for beginners

What is Web development

Developing a website for the internet is what web development is and a person who develops a website is generally called a web developer.

Static Website vs Dynamic Website

A static website doesn't need to have a backend/server side. They have static content in which every user sees the same content and doesn't have to change. Best example for a static website is a portfolio website.

While dynamic websites do have a backend side. The data is stored in databases. It has dynamic content and may show different contents for different users. Examples for dynamic web pages are Amazon, Facebook etc.

You may have heard the terms frontend developer, backend developer and full stack developer. Let's see what those are.

Front end developer works on the frontend side of the webpage, it's the part of the website where the user interacts. The user sees buttons, texts, forms for login etc. These are designed and developed by frontend developers.

Technologies used by a front-end developer

First learn HTML( Hypertext Markup Language ). HTML is used to create the structure of the website. The forms, buttons, texts and created using html. Remember HTML is not a programming language.

Then next is CSS (Cascading Style Sheets). CSS is used to design the structures created using HTML. The colors, margins, space between each element and so on.

After learning HTML and CSS, we can create a beautiful interface for the user. Now we need to make it interactive. We made buttons and other elements using HTML and CSS. But those are not working. When we click a button, it's not doing anything. So we need it to do something. For that we use a programming language called JAVASCRIPT. It's used to make the Webpage interactive.

These are the basics we need to develop a frontend of a webpage. After learning and trying out these, We can now learn libraries and frameworks.

Libraries and frameworks are used to make the development much easier. It's because now we don't have to make these from scratch and we can just use these libraries.

CSS Frameworks Bootstrap and Tailwind CSS are some popular CSS Frameworks used by developers

Javascript Frameworks/Libraries Javascript has a lot of frameworks and libraries, and REACT is a popular frontend library of javascript and angular is a popular framework of Javascript.

Now What is BACKEND.

A backend developer writes code for the backside of the website which is for the server side. They write codes for storing data in the database, getting data, manipulating etc.

A backend developer should have enough knowledge about the Internet, how it works, what's http , dns etc.

Then learn a programming language. Nowadays the most popular tool used for backend is Node.js, which is a runtime environment of the language Javascript.

Then learn about databases, you can learn about relational databases like PostgreSQL, MySQL etc or Non-SQL databases such as Mongodb.

Now you understand what a backend developer does.

If a person works on both frontend and backend is called a full stack developer.

These are just broad explanations and if you are interested you can follow a complete roadmap to learn.

I recommend following the website ‘roadmap.sh’ for developer roadmaps.

Happy Learning….❤️