A Guide of Web Development for A Complete Begineer
Front-End and Back-End Developer
What web application be like?
There are a lot to explain how these things work. So for example, let's take a look at Twitter, where people are typing lots of characters and watch their timelines everyday across the globe. To make twitter work, so many many things are required to accomplish. First of all, we have to prepare its website to let users intract their contents on the browser like Safari or Chrome. In additon to that, probably some users want to use it from a phone so we have to make mobile application(iOS, Android) as well. But I don't include these topics today because they are not "web" application.
Secondly, we have to recieve their infomation (tweets, account info, images, videos and so on) and save them to somewhere on the earth systematically so that we can get and query them efficiently another time. When users reload a page, we have to send their information to them as soon as possible.
Oldest WebsiteHere is the oldest website. It shows how old website looks like. http://info.cern.ch/hypertext/WWW/TheProject.html
HTML is an abbreviation of Hyper Text Markup Language. Simply put, HTML is just a grammer to make a document in the browser. HTML does these things: tells the browser where to put a sentence, where to put the title, where to put the footnote. In other words, the browser analyse the HTML grammer and render your website as you write.
CSS is also an abbreviation of Cascading Style Sheets. HTML is just a grammer of the document, then CSS is just a decoration of the document, which enables us to color the text, decorate the contents in many ways. CSS tells the browser what color to use, which font to use for this text and so forth.
So now you can create your web contents and put these files online where everyone can see it.
But this is just a front side of web development. In order to make a dynamic and functional web application like Twitter, you have to write a server-side code, which is a job for back-end developers. I already wrote that we have to control user's data so that they can tweet, follow, DM to someone else. It means that we have to save and manipulate the data in some way. And now it is the deban of a back-end developer.
Back-end developingThink when you login on twitter, you have to put your email and password to the form and send it. Once your input is correct, you can use your account.
...wait a second, what's going on there? In the back side of the website, we back-end developers have to recieve these information (email, password) and check there are already in a database or not, and return a result (login succeed or not). Besides, we have to be careful about security problems. In modern web development, we don't save user's password as it is, instead we encrypt the password to randomised strings so that evil users can't decrypt it. For Back-end developers, those are one of many things to do to make web applications work correcly and safely.
It is easy to think of back-end programming as a bridge between a database and front-end. From front-end to the database, we recieve the data that user wrote and save it to the database. From the database to front-end, when users reload the page, we get the data from the database and send it to users as soon as possible and in secure way. To get these things work, we back-end developers write programming code.
DatabaseIn back-end developing, we can't avoid this. Database is a software that is for saving and storing many data systematically so that we can manipulate the data in and out efficiently.
On the Internet, most of our data is saved in one of those databases. Back-end developers typically starts their job to create a database for the web application they're making. To save and get the data from the database, we use a programming language for database so called SOL.
Although there are many kinds of databases, relational databases is the most common types of it. I won't talk about this so much here. But the things is, back-end developers must have the skill to manipulate those databases to create a web application. As I said before, the main job of back-end developer is to connect front-end to a database so that users can intract its contents next time by saving their information to the database.
Thank you for reading this article. I hope you enjoy it.