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
