Web Development Series by Sagar Jaybhay
Web Development mainly consists of 2 parts. Frontend and backend.
Frontend consists of Html,Css,Javascript and Jquery and backend consists of data retrieval logic like getting data from services like WCF service, Web API. In this backend service we may have logic of data retrieval from database and our business logic.

Frontend development also has new evolved frameworks like react js ,angular and many more.
Below is database schema diagram
Web Development jobs have mainly three categories like
- Front end development
- Backend development
- Full stack development – It contains front-end and back-end developmen
- Html(HyperText markup Language): By using Html we can create basic building blocks of UI.
- Css( cascading style sheet): By using Css we can for styling web pages means we can add visual effects on a web-page.
- Javascript: It is used for adding functionality like button click and it is a programming language.
How Does the Web Work?
Your website is found by using URL (Uniform Resource Locator) and your resources means Web pages, images, video files etc.
The architecture of the web is client-server in simple terms.
- Client:- It is your browser
- Server:- is a group of computers or single computer work as server ex cloud
When a client sends a request it passes to the server and the server sends a response to the client. The Protocol used in this process HTTP(HyperText Transfer Protocol) or HTTPS(Http + Encryption).
It is a simple text language which is used for communication purposes. Below is the format
GET /index.htm HTTP/1.1 User-Agent: Mozilla/4.0 (compatible; MSIE5.01; Windows NT) Host: sagarjaybhay.com Accept-Language: en-us Accept-Encoding: gzip, deflate Connection: Keep-Alive
When a client sends this message to the server, the server can understand this message and send back the required resource. Below is server response
HTTP/1.1 200 OK Date: Mon, 27 Jul 2009 12:28:53 GMT Server: Apache/2.2.14 (Win32) Last-Modified: Wed, 22 Jul 2009 19:15:56 GMT Content-Length: 88 Content-Type: text/html Connection: Closed
<html> <body> <h1>Hello, World!</h1> </body> </html>
When the browser receives this response as an html element, the browser will construct a DOM which is Document Object Model. This is a model where depict objects or elements in Html and elements ex paragraph,images,font,link etc.

If your html contains different resources like image, font ,js or css then for every resources browser will send a separate request for that and generally requests are parallel in nature.

Below is initial request for getting page

Article written by Sagar Jaybhay.