Front End VS Back End: What is the difference?

First you may ask, what is front end and back end?



         As You Know, Websites are international, A website can be viewed from anywhere by anyone in the world. The Websites has mass function behind them. In Introduction  I said, HTML is A Language used to design content Section of Front End Web

What ?

       To make it simple, Front End is a part of web ( web refers to websites ) which viewers see. Its co-partner is Back End Which Manages Every Work Behind The Front End. That is, 

      You are reading this page, These Letters Right Now, This page, which you are seeing with your eyes belongs to front end category. At the same moment, you are reading this, A big function is running behind these letters, To run the website properly. It is called Back End.

Confused More Than Before!

         Confused? Huh? Let me give you a practical example. Just Get up and switch on one of the lamps near you. What do you noticed? 

( *Readers Mind voice: What?, are you kidding me ? You said something to code, and you are saying me to turn on lamp ? ) 

    
   So now, let me show you the relationship.
You just turned on switch of lamp, right? 
Now what you see? The lamp is glowing. Anything else? So in your front, There is a lamp, you are seeing only light emitted from that. But behind there is a function known as electric circuit building, which does this work for you. As you see,  first thing you will notice after switching on your lamp is the light emitted from it. But You would have know that there is a function behind it. Why didn't you saw that function first ? So you get an example here.

     Just like the emitted light, Front end is the thing that users see. And just like the electric circuit, backend is the thing which is source of front end. Without Back End There is no Front End. And you can took another example, which is, lamps are designed is specific industries, not in same industry where electricity and it's related stuffs are produced. As by this you can also understand that, there are different languages used to code front end and back end. 

Okay, but what do you mean? 

           The Thing is HTML, CSS, Javascript are the three main languages required to make a front end project
     
       For Back End there are some languages such as Python, etc     
   
     Since This Blog Currently Navigates to you towards front end, I am going to talk less about back end from now. 

   Front End Web is Divided into Three Parts. We will see about them in next post! And After That You Are Going To Make Your First Web-Page! With your own code!

Till Then, Take Care, See you all in next post! 

Feel Free To Share you words, ask your queries in comment section. 

Stay tuned♡!

Comments

Post a Comment

Popular posts from this blog

Introduction To Python

Image
 What is Python?      If you have some programmer friend or yourself is into to the programming field you have probably heard the language Python .   Python is a High-Level-Programming Language used for many cases, in this post, we will be seeing how to work with Python.  Installation and IDE    We must install python first to work with it. Installation is simple. You can get clear info on how to get python  here . Once you are done, Make sure you have atleast Python Version of 3.0 or greater. Because this guide follows it.    Once you are done installing Python, Now we need an IDE to work with it, an IDE is nothing but an Interageted Development Environment which makes your work smoother. To get a Clear understanding, Think of this   You need to mix somethings in a bowl, you can either use your hands itself or use a mixer, both is going to do the same job but mixer does it well and your effort will be less. Just like this...
Read more

HTML: Text Tags: Part 1

Image
Text Tags   If you have a question, what is a tag ? Read  this  post before you countinue.   Okay so let's get started. As I mentioned before there are dozens of tags in HTML5 Each has it's own purpose and usage. Text Tags are type of tags used to format text in a web page. Text Formatting includes styles like  Bold Italics Headings & Subheadings  Underlines Fonts Strikeout Etc      In This post we will see only some text tags. ( we will cover up everything later )   The best example to imply this text Formatting is a Newspaper! See the image below    In this image, you can see the difference of different header sizes. HTML5 Has 6 different heading tags based on size.  So there are tags Namely <h1> <h2> <h3> <h4> <h5> <h6> The biggest header tag is  <h1> And the smallest is  <h6> Also for simple text formatting like Bold & Italics  There is  <b...
Read more

HTML: Anatomy of Tags

Image
HTML Tags - Anatomy In our  previous  post, we made our First Web Page . That would gave you some understanding of Tags. Now let's see in detail about them. ( note: I assume that you have basic understanding of Tags in HTML if not read  this  post before you countinue) Attributes - Explained           As I said Tags are building blocks of HTML. It says how the content inside it should appear in webpage. To make it simple, Tags Navigate The Browser to how to display the content inside them. See this convo (may look funny but useful)  Browser: Okay, What type of file are you ? HTML File: See I have <html> tag.  Browser: so you are an HTML File. You are my Navigator. Okay, what text should I display is my title bar? HTML File: See Under My <head> tag, I have <title> Galax Coders </title>  Browser: Okay so, Galax Coders is the title right? HTML File: Yes Ofcourse! Browser: Okay, What content should I wr...
Read more