Introduction To Web

Application
1

THE EASYLEARN ACADEMY

W W W. T H E E A S Y L E A R N AC A D E M Y. CO M
 What is web application?
2

 Web application is one type of software used to

perform particular task like sending email, watching
videos online, send money from one account to
another account etc.
 Web application work on internet or intranet.
 Web application runs in another software called a
web browser.
 what is web browser?
 Web browser is built in software on O.S that is used
to view web pages of web application
The EasyLearn Academy ([email protected])
 Components of web application
3

 Each web application has multiple parts given below

1. Client
2. Web server
3. Database server
4. Communication channel
5. Web browser

The EasyLearn Academy ([email protected])

What is client? What is web
server?
4
 Client is any device that  Web Server is computer
send request for the which accept request and
information or some provide response to client.
resources to server  Web server generally give
computer using response in HTML format
communication channel. which is universal standard
 To do this Client computer for W.W.W.
must be connected with  When you are developing
network/internet. web application it is
possible that client and
server are same.
 You will learn later how to
do this
The EasyLearn Academy
([email protected])
What is Database Server?
5

 A database server is a software that provides

database services to other computer programs or
computers.
 Database services means SQL queries execution like
insert, update, delete, select queries
 Database server is accessed via Front-end web server
only.
 It is used to generate dynamic content of web page.
 Some popular database servers are Oracle, MSSQL,
MySQL, mariaDB, MongoDB etc.
The EasyLearn Academy ([email protected])
 Communication channel
6

 A communication channel, is medium used to send

& receive request and response between client and
server.
 It can be wired or wireless.
 Communication channel has capacity which
decides how much data can be send & receive at a
time between client and server
 This capacity called bandwidth and it is measured
in KB and MB.
 Here KB means kilobites and MB means megabits.
The EasyLearn Academy ([email protected])
What is web browser?
7

 A web browser is an application for accessing

websites.
 When a user requests a web page from a particular
website, the browser retrieves its files from a web
server and then displays the page on the user's
screen.
 Browsers are used on a range of devices, including
desktops, laptops, tablets, and smartphones.

The EasyLearn Academy ([email protected])

How client server architecture works?
8
 What is difference between script and program?
9

 Program is
set of • Script is set of instruction that is
instruction that is converted into machine code using a
converted into machine program called interpreter.
code using program • Interpreter convert code in line by line
known as compiler in
fashion.
one pass or two pass.
• Javascript, vbscript, P.H.P etc use
 C, C++, VB etc use
compiler to convert interpreter to convert source code into

source code into machine code

machine code. • Compare to compiler, interpreter require
less resource (hard disk, main memory,
processing power ) to perform conversion.

The EasyLearn Academy ([email protected])

 Programs vs. Scripts
10

Program Compiler Binary Code Result

(executed by CPU)

Script Interpreter Result

(executed by CPU)

HTML Browser Output

(Result)
(executed by CPU)
The EasyLearn Academy ([email protected])
 Types of scripting language
11

 Client side scripting language

 (VB SCRIPT, JAVA SCRIPT,React JS)

 Server side scripting language

 (PHP, node JS, ASP.NET, perl,Python,Ruby)

The EasyLearn Academy ([email protected])

 Client side scripting language
12

 Client side scripting language execute code using

client side resource (CPU, main memory, secondary
memory)
 So client side script does not send data back to server
for processing. It saves lots of time wasted in data
transmission so code runs very fast.
 It is used to perform input validation & animation &
effects.
 User can read & change client side code in browser
so it is not safe.
The EasyLearn Academy ([email protected])
 Server side scripting language
13

 server side scripting language execute using server side

resource (CPU, main memory, secondary memory),
 It send data back to server for processing so it takes more
time to run code.
 After Server side code execute it is converted into HTML
and then send back to client for display so it hides
important logic from end user.
 It is used to access data from database.

The EasyLearn Academy ([email protected])

What is static web page & dynamic web page?
14

 Static web page content remain same no matter how many times it is
requested, how it is requested, who have it is requested.
 This web pages contain information that remain same for long amount
of duration.
 Static web page do not need server side scripting.
 In most cases static web pages are made by only HTML .
 While dynamic page’s content are either retrieved from database or it
may be result of some extensive processing of server side scripting
language.
 Dynamic pages content is generated as and when needed using server
side script and database servers.
 E-commerce web sites, banking web sites etc has dynamic web pages.

The EasyLearn Academy ([email protected])

 Advantages of web application
15

 No installation is required on each and every

machine.
 Web application are very easy to update and
maintain so Update are available to each person in
time.
 Higher security of confidential and important data.
 Lower infrastructure IT Cost.
 Remote access of application and data is possible.

The EasyLearn Academy ([email protected])