Why do I love WebDev <3 ?
Tags: beginners, webdev, html, javascript
Published: 2020-07-25 19:37:23

Hello Everyone,

This post is for all the beginners or the newbies, who decided to start their journey in the IT world and still unaware or confused about various fields. In my point of view, you should explore every field and choose which one is your "Soul-FieldofInterest".
And for the ones who are already at a great level in WebDev, you might find this kind of a Nostalgic post. 

So here I am, discussing about my " **Soul-FieldofInterest** " i.e. **Web Development** . I will try not use any technical word and for sure no code, for better understanding. And this is all about my point of view, some of you might find it conflicting.

#The Beginning 

![Websites](https://baystreetex.com/wp-content/uploads/2018/02/websites-81.jpg)

Everyday you wake up to notifications from social media like Instagram, from shopping sites like Amazon, _text from your crush_ (never happens I know) or (in this lock down) _from online classes_ . 

Ever wondered how all these things started? One day one person built a WEBSITE ( _No, not your crush. Trust me you deserve better_ :p ). One day a person sitting in his hostel room decided to build a website to connect to friends; One day a person decided to make a website to sell books and now they are Facebook and Amazon.

Well, for me, all of these started with a startup idea, in my 1st year of my Btech. I was never curious about Web Development. But for that idea, I thought,"Let's give it a shot". And now here I am writing a post about my "Soul-FieldofInterest".

You all might have encountered with those registration information forms for joining a social media or those survey forms you get online or (the least expected one) the Google docs for class tests. Let's use that. Let me explain how things are interesting with WebDev; not just after you become a web developer but also while you are learning to be a Web Developer.

Note: The following things have alternatives. These are just to explain things.

#HTML

![HTML](https://repository-images.githubusercontent.com/134285701/635de980-586d-11ea-9220-1a3211239c30)

Some of you might get a question,"Using which language we can code HTML?".

```
"HyperText Markup Language is the 
standard markup language for documents
designed to be displayed in a web 
browser."- Wikipedia
```

Ya, _bla bla bla_ , you will learn about those terms someday.
So the answer to the previous question is "No, you don't code HTML. You build websites using HTML."

Well, whatever you see in the internet is HTML( more like hundreds of lines of HTML). If we compare this with our body, then HTML is like our skeletal system.

Let's go to the form.

![HTML Form](https://dev-to-uploads.s3.amazonaws.com/i/lz5ggu6j0jza6ducfrjk.png)
######Source : Codepen

See that's how your browser treats HTML file.
You get fields to fillup and then submit.
But that's it? Real world websites doesn't look like that? _It's uglier than me_ .

#CSS

![CSS](https://sabe.io/classes/css/hero.png)

Here comes CSS into play. _He is the Genie for HTML aladdin._

```
"Cascading Style Sheets is a style 
sheet language used for describing 
the presentation of a document written 
in a markup language like HTML."- Wikipedia
```

Again, _a bla bla bla_
In simple words, that makes our HTML file..

![CSS Form](https://dev-to-uploads.s3.amazonaws.com/i/c0b6nltjh0b4kn9vqudl.png)
######Source : Codepen

...beautiful? or more than that?
Well, it's like a _makeup kit._ A kit with few lines of code.
**Trust me that's the same HTML code with CSS. This might look like a huge change and a tough thing but it is hardly 15-20 lines of code.** CSS is like muscles and organs for HTML.

That's why couples say,"You are the CSS to my HTML".

And now with CSS, HTML looks like me( _my mom's version of me_ )

Cool, now we have the website. We are done here. That's all about Webdev. But, wait a minute, how will you know the data given in the form is valid? Someone might give an incorrect email address or some invalid phone number? How will you tackle that?

#JAVASCRIPT
![Javascript](https://4.bp.blogspot.com/-s2EhTt57oeU/XHtQtO1QNLI/AAAAAAAANW8/KYkPQEZUyocSpA2RzqCcVt31imXPi63RACLcBGAs/s1600/Free%2BCourses%2Bto%2Blearn%2BJavaScript.jpg)

In the present world, _"look sells"_ .
You and I as a customer will always look for something which is interactive.
This is where Javascript comes into play.

```
"JavaScript is most 
well-known as the scripting 
language for Web pages, many 
non-browser environments also 
use it". - MDN
```

Javascript helps us to validate data, make the interface user interactive, build a web app, build servers etc. etc. All those interactive animations in the websites are a gift from JS. It is like a soul for your body. I believe that's the part you find webdev a bit rough but once it's done you will love it.

![JavaScript](https://dev-to-uploads.s3.amazonaws.com/i/ssd04lkqylnpjs9d7g9d.gif)
######Source:Freefrontend

This is where the Front-end work ends and Back-end work joins us.

#Backend
#####(I chose PHP for the backend works, _you have options_ )
![Backend](https://lh3.googleusercontent.com/proxy/-P6uC0K_FRFdfUMbcGEZuuCGJN9FBkmObTou45a3v7Q4k0HsgzRlJxp9EpHGViTNJxHYGAVD9PCuWDquzPWA6e5VhOeHswIEwYMLh1DZPkYPS__Y3VZ6zrxi)

Using the form, you collected the data but you need to process it and store it somewhere. This is the use of Backend.
It helps you reuse data collected. It helps you make a website dynamic(means to show different results under different situations). Ever wondered, do Facebook has different code for different users? There are millions of users and millions of code?
No, It uses one code which changes according to the user.

Backend includes a lot and lot of things like storing and using data from Database(like Mysql or Mongodb), creating services, dealing with server,"not just about making websites or web apps" and the list goes on. After this, you go deeper and explore frameworks, libraries etc. There is more but I won't like to extend this post.

```
But at this point, I realised "WebDev it is. 
That's fun.". <3 :)
```

You see the fun? where you learn things step by step. Every step makes you see and feel,that you have improved. Just like a mini-success before a huge success. _Adding a CSS to HTML feels like that childhood memory of try the Coloring book for the first time._

As I said earlier, try every field. I tried most of them but I never found them so connected.

Webdev is all about you and your creativity. It is all about how and what you think. This is the thing that can integrate with any other field. You can practice it in your free time and you won't feel bored. You can do freelancing and earn. That's the thing that don't need a degree. It lets you get into a huge community. And rest things are surprises or suspense things, which I don't wan't to spoil for you.

What else do you need as a developer?

![WebDev](https://memegenerator.net/img/instances/81406368.jpg)
I hope you get an idea about WebDevelopement. If you are a WebDeveloper, I would love to know why do you love this so much?