Not so complete guide to start web development in 2020
Tags: webdev, django, react, vue
Published: 2020-10-14 16:58:36


Hello there, So it looks like you decided to learn web development for maybe customizing your wordpress site or to develop a super-cool project or maybe a next billion dollar startup(not kidding it’s possible), but you do not know how to start or even what is web development. Don’t worry that is why we are here right?? So let’s get started.
![image](https://64.media.tumblr.com/12b544238a749ad15e13ddf584dcba91/6e4b130defa71f8d-fc/s540x810/aef29621817acf6dc75e7f0454ae6ea9f3f475e5.jpg)

## What is Web development?

In layman terms, when we try to develop something which may appear on web, then that process could be termed as web development. But now a days, we also develop backend( wait a minute we will soon get to it) for mobile apps. 

Web brings out unique value on table. It do not matter you are on Mac, Windows, iphones , android and any other device out there but if it can connect to internet, they can see your content. You don’t even need to install a application on your device which will consume space. Hence, web development continues to be a hot topic to learn.Now it leads to next question,

## How does it work?

Website usually has two components:-

## **1)back-end:-**

This part of website hold information about the content you hold, account information about the users who visit your website and the business logic of your website(simply, how it works). If you are interested about learning how a website works more than how it looks, this is a great place to start.

To create back-end, web developers use frameworks which speed up the whole process. I will write down some major frameworks and the source which you can use to learn more about them

**a)Node js:-** This framework is uses javascript as its language and currently is the fastest growing community behind it. Some resources worth mention are:-

**[1)Official Docs](https://nodejs.org/en/docs/)**

**[2)MDN Docs:-](https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs)**Devs at Mozilla has a nice blog series about node and express where they teach you how to create a project using node.It is great is you are someone who learns by making things.

**b)Django:-** Django is a robust web framework which is already being used by giants which means its battle-tested for production usage. It’s my favourite framework due to its straightforward workflow which keeps your project nice and tidy.It uses python and its community is great and there is a chance that if you encountered a problem, it has already been solved.

[**1)Official Docs:-**](https://docs.djangoproject.com/en/3.1/ref/)&nbsp; It’s a reference guide about all the features available in django.

[**2)Tutorials:-**](https://docs.djangoproject.com/en/3.1/intro/) Django’s official website also provides a nice tutorials series about how to create a web project using django where they introduces to core functionality of django.

## **2) Front-end:-**
<div>

As the name suggest, this part deals with the looks and experience of a site. It is responsible for user experience and a crucial part of your site. It is the part to which a user directly interacts and this part communicates with the back-end to make changes in database.

Traditionally, we are using HTML,CSS and vanilla javascript to develop front-end but nowadays, we are using javascript frameworks to develop front-end. I will list some of the major frameworks.

**a)ReactJS:-**This framework is inarguably the most popular front-end framework partially due to the fact that it is backed by facebook. I feel their docs are more than enough to get started in React.

**[1)Tutorials:-](https://reactjs.org/tutorial/tutorial.html)**It teaches you reactjs by creating a tic-tac-toe.The biggest advantage of this tutorial is that it does not consider you to have any prior knowledge about react.

**b)Vue Js:-** It’s probably the next big thing happening in front-end. I believe its adoption for developing product is not that much if you compared it to react but its support by developers is great. With time, you are sure to see some pretty nice things happening with Vuejs.

[**1)Introduction**](https://v3.vuejs.org/guide/introduction.html)

Please note that this list do not contain all frameworks like PHP, RubyonRails, Angular,Flask etc. but it might serve as a introduction about web development.

If you feel like you need to have a tutorial series or need a opinion, feel free to contact me.

</div>