Web Development Series by Sagar Jaybhay

by ·

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.

Sagar Jaybhay DB Architecture
Sagar Jaybhay DB Architecture

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

  1. Front end development
  2. Backend development
  3. 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.

  1. Client:- It is your browser
  2. 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.

Html DOm By Sagar JAYBHAY
Html DOm By Sagar JAYBHAY

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.

Web Development
Seperate Network call_sagar_jaybhay

Below is initial request for getting page

initial request for getting page by sagar jaybhay
initial request for getting page by sagar jaybhay

Article written by Sagar Jaybhay.

Sagar Jaybhay, from Maharashtra, India, is currently a Senior Software Developer at Software Company. He has continuously grown in the roles that he has held in the more than seven years he has been with this company. Sagar Jaybhay is an excellent team member and prides himself on his work contributions to his team and company as a whole.

Tags:

Sagar Jaybhay

Sagar Jaybhay, from Maharashtra, India, is currently a Senior Software Developer at Software Company. He has continuously grown in the roles that he has held in the more than seven years he has been with this company. Sagar Jaybhay is an excellent team member and prides himself on his work contributions to his team and company as a whole.

You may also like...