Scribd
Upload
3 views

M1L1V1_Web Application

This document provides an introduction to web applications, detailing their components, architecture, and use cases. It distinguishes between traditional web applications and single-page applications, highlighting the technologies used in front-end and back-end development. The content aims to equip learners with foundational knowledge about web application development and its various elements.

Uploaded by

2024sl93009
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views

M1L1V1_Web Application

This document provides an introduction to web applications, detailing their components, architecture, and use cases. It distinguishes between traditional web applications and single-page applications, highlighting the technologies used in front-end and back-end development. The content aims to equip learners with foundational knowledge about web application development and its various elements.

Uploaded by

2024sl93009
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

Full Stack Application Development

Application Development- Introduction


Introduction to the Various Application Akshaya Ganesan

Web Application
Learning Outcomes:
At the end of this video, you will be able to:

• Web Application
• Components of Web Application

Faculty
Introduction to Web Application
• A web application is an application program stored
on a remote server and delivered over the internet.
• Users can access a web application through a web
browser, such as Google Chrome, Mozilla Firefox or
Safari.

Database
Faculty

• Common web applications include:

E-commerce Social
Webmail sites
shops sites networking sites
Website
• A group of interlinked web pages having a single
domain name
• Hosted on a web server
• Accessible over the web with an internet
connection through browsers
• Can be developed and maintained by
individuals/teams for personal or business usage

Faculty

Internet
Website
• Use Cases for Static Websites
• Portfolios
• Personal blogs
• Informational websites
• Small business websites with minimal content
updates.
• They are also suitable for landing pages or temporary
promotions where the content doesn’t change
Faculty
frequently.
Web Application
• Application software that runs on a (usually) remote
computer
• Hosted on a web server
• Accessible over the web with an internet
connection through browsers
• These websites use programming languages like
PHP, Python, or Ruby to implement business logic.
• They use databases to store and retrieve
information. Faculty

Database

Websites
Programming
Languages
Web Application
• Use Cases for Web Applications

Forums Social media Ecommerce E-Learning

• They allow businesses to create complex web Faculty

applications, manage large amounts of data, and


provide real-time information to users.
Web Application Architecture
• The typical example is a three-layered architecture
comprised of presentation, business, and data
layers.

Database
Frontend , Backend and Databases
• A typical Web application consists of a front-end, a
back end, and databases.
• The front end (the client side)
• Whatever the user sees and interacts with inside
their browser.
• The main purpose of the client side is to interact
with users.
• HTML, CSS, and JavaScript.
Faculty
Frontend , Backend and Databases
• A typical Web application consists of a front-end, a
back end, and databases.
• Back-end (the server-side)
• Not visible to the users - stores and manipulates
data.
• Accepts and fulfills the HTTP requests, which
essentially “fetch” the data (text, images, files,
etc.) called for by the user.
• PHP, Java, Python, and JavaScript. Faculty
Frontend , Backend and Databases
• A typical Web application consists of a front-end, a
back end, and databases.
• Databases
• Usually, Relational Database Management
Systems (RDBMS) are used to store the data in a
structured format.
• The backend interacts with Databases to fetch the
required data.
Faculty
Single Page Web Applications
There are two general approaches to building web
applications

Traditional web applications Single-page applications (SPAs)

Perform most of the user


interface logic in a web
That perform most of the
browser, communicating with
application logic on the server.
the web server primarily using
web APIs.

E.g. Gmail, Twitter.


Summary
In this video, you have learned about:

• Web Application
• Components of Web Application
• Single Page Applications

Faculty
Thank You!

You might also like