Web System and Technologies

Lecture 1

Intro to Web Technologies

What is Web Technology

Web Technology –
refers to the various tools and techniques that are
utilized in the process of communication between
different types of devices over the internet.
What is Web Technology

Web Technology –
Web browser – is used to access web pages. Web
browsers can be defined as programs that display text,
data, pictures, animation, and video on the Internet.
Hyperlinked resources on the World Wide Web can be
accessed using software interfaces provided by Web
browsers.
Classification of Web Technology
Web Technology Classification

1. World Wide Web (WWW) –

The World Wide Web is based on several different
technologies : Web browsers, Hypertext Markup
Language (HTML) and Hypertext Transfer Protocol
(HTTP).
Web Technology Classification

2. Web Browser –
The web browser is an application software to
explore www (World Wide Web). It provides an
interface between the server and the client and
requests to the server for web documents and
services.
Web Technology Classification

3. Web Server –
Web server is a program which processes the
network requests of the users and serves them with
files that create web pages. This exchange takes
place using Hypertext Transfer Protocol (HTTP).
Web Technology Classification

4. Web Pages –
A webpage is a digital document that is linked to the
World Wide Web and viewable by anyone
connected to the internet has a web browser.
Web Technology Classification

5. Web Development –
Web development refers to the building, creating,
and maintaining of websites. It includes aspects
such as web design, web publishing, web
programming, and database management. It is the
creation of an application that works over the
internet i.e. websites.
Web Technology Classification

5. Web Development –
Is Classified in two (2) ways.

• Frontend
• Backend
Web Technology Classification

5. Web Development –
Is Classified in two (2) ways.

• Frontend – the part of a website that the user

interacts directly is termed as front end.
Web Technology Classification

5. Web Development –
Is Classified in two (2) ways.

• Frontend - the part of a website that the user

interacts directly is termed as front end. It is
also referred to as the ‘client side’ of the
application.
Web Technology Classification

5. Web Development –
Is Classified in two (2) ways.

• Backend - is the server side of a website. It is

the part of the website that is invisible to the
user.
Frontend

Frontend Languages: The front end portion is built by using some

languages which are discussed below:

1. HTML (Hypertext Markup Language)

It is used to design the front-end portion of web pages
using a markup language. HTML is the combination of
Hypertext and Markup language.
Frontend

Frontend Languages: The front end portion is built by using some

languages which are discussed below:

2. CSS (Cascading Style Sheets)

designed language intended to simplify the process of
making web pages presentable. CSS allows you to apply
styles to web pages. More importantly, CSS enables you
to do this independent of the HTML that makes up each
web page.
Frontend

Frontend Languages: The front end portion is built by using some

languages which are discussed below:

3. JavaScript
JavaScript is a famous scripting language used to create
magic on the sites to make the site interactive for the
user. It is used to enhancing the functionality of a website
to running cool games and web-based software.
Frontend

Frontend Languages: The front end portion is built by using some

languages which are discussed below:

4. AJAX (Asynchronous Javascript and XML)

It is used to communicate with the server without
refreshing the web page and thus increasing the user
experience and better performance.
Web Technology Classification

5. Web Development –
Is Classified in two (2) ways.

• Backend - is the server side of a website. It is

the part of the website that is invisible to the
user. It is the portion of software that does not
come in direct contact with the users. It is used
to store and arrange data.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

1. PHP (Hypertext Pre-Processor)

PHP is a server-side scripting language designed
specifically for web development. Since PHP code
executed on the server-side, so it is called a server-side
scripting language.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

2. Node.js
Often use for building back-end services like APIs like
Web App or Mobile App. It’s used in production by large
companies such as Paypal, Uber, Netflix, Wallmart, and
so on.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

3. Python
Python is a programming language that lets you work
quickly and integrate systems more efficiently.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

4. Ruby
Ruby is a dynamic, reflective, object-oriented, general-
purpose programming language. The objective of Ruby’s
development was to make it act as a sensible buffer
between human programmers and the underlying
computing machinery.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

4. Ruby
Ruby is a dynamic, reflective, object-oriented, general-
purpose programming language. The objective of Ruby’s
development was to make it act as a sensible buffer
between human programmers and the underlying
computing machinery.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

5. Java
Java is one of the most popular and widely used
programming languages and platforms. It is highly
scalable. Java components are easily available.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

6. Golang
Golang is a procedural and statically typed programming
language having the syntax similar to C programming
language. Sometimes it is termed as Go Programming
Language.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

7. C# (C Sharp)
C# is a general-purpose, modern and object-oriented
programming language.
Backend

Backend Languages: The back end portion is built by using some

languages which are discussed below:

8. DBMS (Database Management System)

The software which is used to manage database.