Web technology presentation

1. SUMMER TRAINING REPORT
Topic :- WEBTECHNOLOGY
Presentedby :- Utkarsh tiwari
g.p.l.

2. OUTLINES
◾ What isWeb Technology ?
◾ What is Web Development ?
◾ Front end development
◾ Front end development technologies
◾ Back end development
◾ Back end development technologies
◾ How a website works ?
 Importance of Web Technology.

3. 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 .
 Web technology comprises many areas , including web
design ,web development ,web servers ,web browsers, e-
commerce .
 A 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 .

4. WHAT IS WEB DEVELOPMENT ?
◾ Web Development usually refers to developing the website for
the Internet .
◾ Also known asWeb Programming.
◾ It is the creation of DynamicWebApplications.
◾ Examples of Web Applications are Social networking sites like
Facebook or E-commerce sites likeAmazon,Flipkart,etc.
◾ There are two broad division of Web Development –
 Front-end Development (also called Client-side Development)
 Back-end Development (also called Server-side Development).

5. FRONT END DEVELOPMENT
◾ Front end development refers to producing aweb application so
that a user can see and interact with them directly
.
◾ It is also known as Client side development.
◾ The common technologies we can use in front-end development are:
◾ HTML
◾ CSS
◾ JAVASCRIPT

6. FRONTEND DEVELOPMENT TECHNOLOGIES
◾ HTML was first created byTim Berners-Lee,starting in 1989.It stands
for HyperT
ext Markup Language.
◾ Hypertext means that the document contains links that allow the
reader to jump to other places in the document.
◾ A Markup Language is away thatcomputers speak to eachother to
control how text is processed and presented.
◾ It describes the structure of a web page .
◾ Its elements tells browser how to display the content.
◾ It’s code is written in Notepad or any text editor but save it as .htm
or .html extension.

7. FRONTEND DEVELOPMENT TECHNOLOGIES
◾ Cascading Style Sheets (CSS) describes how HTML elements are to be
displayed on screen.
◾ It is used for the beautification of the Web pages.
◾ It is also responsible for responsive layouts of a website.
◾ It is also written in any text editor but save as .css extension.

8. FRONTEND DEVELOPMENT TECHNOLOGIES
◾ Javascript was invented by sir Brendan Eich in 1995.
◾ Javascript can update and change both HTML and CSS.
◾ Javascript is responsible for the Functioning of the website.
◾ It is a scripting language that enables us to create dynamically updating
content,animate images,and else.
◾ It is also written in any text editor but add the .js extension.

9. EXAMPLE OF A WEBSITE

10. BACK END DEVELOPMENT
◾ Backend development controls what goes on behind the
scenes of the web applications.
◾ It is also known as server side development.
◾ Backend usually consists of three parts:
◾ A server
◾ AnApplication
◾ A Database
◾ Users can’t see how the backend works but this code is what
communicates the database information to the browser
.
◾ Common Backend development technologies are:
◾ SQL
◾ PHP

11. BACKEND DEVELOPMENT TECHNOLOGIES
◾ SQL stands for Structured Query Language.
◾ SQL let us access and manipulate databases.
◾ SQL is a database language,it is used for database creation,
deletion,fetching rows,and modifying rows,etc.
◾ It can retrieve data and executes queries against the database.
◾ Every website is supported by a database at the backend. Each
time a user submits information or searches something in the
website, data gets stored and retrived from the database. SQL
is the language for querying and storing data in the database.

12. BACKEND DEVELOPMENT TECHNOLOGIES
◾ PHP is a widely-used,open source scripting
language.
◾ PHP scripts are executed on the server
.
◾ PHP is free to download and use.
◾ PHP is a server side scripting language that is
embedded in HTML.
◾ It is used to manage dynamic content,databases,
session tracking,even build entire e-commerce
sites.

13. HOW A WEBSITE W ORKS ?
When you type a web address into your browser :
◾ The browser goes to the D N S server,and finds the real
address of the server that the website lives on.
◾ The browser sends an HTTP request message to the
server
,asking it to send a copy of the website to the client.
◾ If the server approves the client's request,the server then
starts sending the website's files to the browser as a
series of small chunks called data packets.
◾ The browser assembles the Data Packets into a
complete web page and displays it to you.

14. Importance of Web Technology
1. Global Reach: The Internet and web technology allow businesses to reach a worldwide audience with their
products and services.
2.Cost-Effective: Web technology enables businesses to reduce costs by automating processes, improving
efficiency, and reducing the need for physical infrastructure.
3.Improved Communication: Web technology facilitates communication and collaboration across organizations
and geographies, enabling better knowledge sharing and decision-making.
4.Enhanced Customer Experience: Web technology allows businesses to provide a more personalized,
interactive, and engaging customer experience.
5.Innovation: Web technology drives innovation by providing a platform for new products, services, and business
models.
6.Social Impact: Web technology can improve social and economic outcomes by providing access to education,
healthcare, and other essential services.