INSTITUTE : UIE

DEPARTMENT : CSE
Bachelor of Engineering (Computer Science & Engineering)
WEB AND MOBILE SECURITY (Professional Elective-I)
(20CST/IT-333)

TOPIC OF PRESENTATION:
Client-side scripting, Server-side scripting.

DISCOVER . LEARN . EMPOWER

 Lecture Objectives

In this lecture, we will discuss:

•Introduction to Web
development. Difference
between Client-side scripting,
Server-side scripting.

2
3
Client-side scripting
• Web browsers execute client-side scripting. It is used when browsers have all
code. Source code is used to transfer from webserver to user’s computer over the
internet and run directly on browsers.
• Client is Browser
• Activities like popup on reloading, mouse over activities
• used for validations and functionality for user events.
• Form validity checked and shows success/error message
• Example: Javascprit
• Reduce server load

4
Server-side scripting
• Web servers are used to execute server-side scripting. They are
basically used to create dynamic pages. It can also access the file
system residing at the webserver. A server-side environment that
runs on a scripting language is a web server. 
•  It is used to retrieve and generate content for dynamic pages. It is
used to require to download plugins. 

5
Overview
• Client-side web programs are written in HTML, CSS, and JavaScript.
• HTML and CSS display elements in a web document(/page/program) on a
window. -> static programs
• All HTML elements are modeled by DOM.
• JavaScript controls and changes the elements through DOM so that the users
can see the change on the window. -> interactive programs
• JavaScript is also used to exchange information with a server-side web program.
• Server-side web programs are written in PHP, ASP
• They are usually used to access databases.
• They generate web content(, i.e., client web programs,) that will be sent back
to the client. -> dynamic programs
• They are also used to exchange information with a client-side web program.
• JavaScript and PHP are complete programming languages.

6
Overview – cont.

Client-side programs Server-side scripts SQL, NoSQL

HTML PHP MySQL

DOM JavaScript
CSS ASP MongoDB
<---> …
Bootstrap … …

Processing Processing
User interface Processing
Logic Logic

Web client: Web server:

DB server:
Chrome Apache
MySQL
FireFox Node.js
…
… …

7
Overview – cont.
Client Server Communication Other

HTML5 JavaScript PHP MySQL Polling, SSE Security

CSS3 DOM iframe Cookies, sessions
(user interface) (processing) AJAX
JSON, XML

Static web pages

<------------------>
Interactive web applications
<----------(COMP 2680)---------->
Bootstrap jQuery
Dynamic web applications
<------------------------------------------------------------------->
Rich dynamic web applications
<--------------------------------------------------(COMP 3540)---------------------------------------------------->
Bootstrap jQuery Node.js MongoDB WebSocket Web services
AngularJS … WebRTC Frameworks
T3PO … Mining
… HTML5 APIs…
Web-based information systems
<---------------------------------------------------(COMP 4620)--------------------------------------------------->
8
 Client-side scripting Server-side scripting

Source code is not visible to the user because its

Source code is visible to the user.
output of server-side. 

Its main function is to provide the requested output to Its primary function is to manipulate and provide
the end user. access to the respective database as per the request.

In this any server-side technology can be used and it

does not 
It usually depends on the browser and its version.
depend on the client. 
 

It runs on the user’s computer. It runs on the webserver.

9
 Client-side scripting Server-side scripting

There are many advantages linked with this like The primary advantage is its ability to highly
faster.  customize, response 
response times, a more interactive application.  requirements, access rights based on user. 
   

It does not provide security for data. It provides more security for data.

It is a technique that uses scripts on the webserver to

It is a technique used in web development in which
produce a response that is customized for each client’s
scripts run on the client’s browser.
request.

HTML, CSS, and javascript are used. PHP, Python, Java, Ruby are used.
10
 Server-side scripting
Client-side scripting

No need of interaction with the server. It is all about interacting with the servers.

It reduces load on processing unit of the server. It surge the processing load on the server.

11
 References:
Books:
1. Web Design With HTML, CSS, JavaScript and jQuery Set, 1st Edition, by
Jon Duckett.
2. Hacking Exposed Web Applications, 3rd edition, Joel Scambray, Vincent
Liu, Caleb Sima, Released October 2010, Publisher(s): McGraw-Hill

Video Lectures :
1. https://www.youtube.com/watch?v=V1aQyoRy91k

Reference Links:
3. https://cs.tru.ca/~mlee/comp3540/Fall2021/2.%20web_environment/
00%20overview%20-%20common.ppt
4. https://www.geeksforgeeks.org/difference-between-server-side-scripting-
and-client-side-scripting/
5. https://www.slideserve.com/ziven/server-side-scripting
THANK YOU