Scribd
Upload
3 views

Lecture_1

The document provides an introduction to web applications and their architecture, explaining key concepts such as the World Wide Web, web browsers, and web applications. It outlines the technologies used in building websites and web applications, including programming languages, frameworks, and databases. Additionally, it describes the components and architecture of web applications, emphasizing the roles of client and server-side components.

Uploaded by

henryfoli36
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views

Lecture_1

The document provides an introduction to web applications and their architecture, explaining key concepts such as the World Wide Web, web browsers, and web applications. It outlines the technologies used in building websites and web applications, including programming languages, frameworks, and databases. Additionally, it describes the components and architecture of web applications, emphasizing the roles of client and server-side components.

Uploaded by

henryfoli36
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 15

Introduction to

web Application
and Architecture
BY ROBERT AMITEYE
What is Web

 The World Wide Web, often known as WWW, W3, or the Web, is a
network of connected public webpages that may be accessed via
the Internet.
What is a Web Browser

 An application for browsing websites is a web browser. A web


browser gets its files from a web server and shows a web page
on the user's screen/browser after the user requests it from a
specific website.
What is a Web Browser cont..

 When you enter a website address into your browser, the


browser first searches the DNS to determine the IP address of the
requested website before retrieving it. For the browser to send
HTTP communications to the correct location, it has to determine
which server the website is hosted on (see below)
 DNS (Domain Name System)
 DNS is the phonebook of the internet.
What is a Web Application

 A web application (web app) is an application program that is


stored on a remote server and delivered over the internet
through a browser interface.
 Examples of a Web Application
 Facebook, LinkedIn, YouTube,Gmail. etc
Technologies used in building
website & Web Applications
 Web technologies are often group based on where they are used,
thus frontend (Client Side) or Backend (Server Side)
 HTML, CSS, Programming Languages (JavaScript, Python),
Frameworks (Angular), Web Servers, Database, Protocols, Data
Formats.
Web Technologies

 CSS
 A web page's appearance can be altered by designers using
Cascading Style Sheets. Using CSS frameworks like Bootstrap
helps hasten the creation of web pages.
 Frameworks
 Frameworks handle tedious programming chores or simplify
recurring development processes.
Web Technologies cont..
(Frameworks)
 Node.js. JavaScript server-side framework
 Ruby on Rails. Full-stack framework for Ruby
 .NET. Microsoft’s full-stack framework
 Django. Full-stack framework for Python
 Yii, Zend, and Laravel. Three of the most popular PHP
frameworks.
 React – JS Client Side
 Angular – JS Client Side
Web Technologies (Programming
Lang.)
 JavaScript *
 Python *
 Ruby
 PHP
 Java
 C#
Web Technologies (Database)

 PostgreSQL
 MySQL
 MongoDB
Web Technologies (Browsers)

 Google Chrome
 Firefox
 MS Edge
 Opera Mini
Components of a Web Application

 UI/UX component
 Generally, these components are responsible for presenting a
visual layout for the web application.
 Client Component
 It is totally created and operated within the user's browser. This
component is independent of hardware specifications or the
operating system. The primary responsibility of the client
component is to guarantee effective client interactions.
Components of a Web Application

 Server Side component


 This part of the application handles the internal logic and
connects the functionality of the database. Here, all the users
data are stored and managed.
Architecture of Web Applications

 Web application architecture describes the relationships between


databases, servers, and applications in a system.
Questions
BY ROBERT AMITEYE

You might also like