This document provides an overview of web development. It discusses front-end development which focuses on visual elements users interact with using HTML, CSS, and JavaScript. Back-end development controls behind-the-scenes processes using technologies like SQL and PHP. A web developer specializes in creating websites and applications using these front-end and back-end technologies. The document also covers types of web developers, how websites work, and differences between web developers and designers. Examples of student projects in web development are provided.

1. PROGRAM: BCAH, SEMESTER-2,FIRSTYEAR
BCAH-206: SEMINAR
TOPIC:- WEB DEVELOPMENT
Submitted By:
Student Name :-Paras Jain
Roll No :-BCAH1CA20016
SubmittedT
o:
Ms. NishaVerma Mam

2. OUTLINES
What is Web Development?
Front end development
Front end development technologies
Back end development
Back end development technologies
Who is aWeb Developer?
Types of Web Developer
How awebsite works ?
Difference BetweenWeb Developer andWeb Designer
Projects

3. WHAT IS WEB DEVELOPMENT ?
Web Development usually refers to developing the website for
the Internet (World Wide Web) or for an Intranet (Private
network).
Also known as Web Programming.
It is the creation of Dynamic WebApplications.
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).

4. FRONT END DEVELOPMENT
Front end development refers to producing aweb application so
that auser can see and interact with them directly
.
It is also known as Client side development.
It focuses on the visual elements of awebsite that auser willinteract
with.
A front end developer has one general responsibility: to ensurethat
website visitors can easily interact with the page.They do this through
the combination of design,technology and programming to code a
website's appearance, as well as taking care of debugging.
The common technologies we can use in front-end development are:
HTML
CSS
JAVASCRIPT

5. FRONTEND DEVELOPMENTTECHNOLOGIES
HTML was first created by Tim Berners-Lee, starting in 1989. Itstands
for Hyper Text MarkupLanguage.
Hypertext means thatthe document contains links that allow the
reader to jump to other placesin the document.
A Markup Language is away thatcomputers speak to eachother to
control how text is processed and presented.
It describes the structure of aweb pageand consists series of elements.
Its elements tells browser how to displaythe content.
It’scode is written in Notepad or anytext editor but save it as .htm
or .html extension.

6. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..)
CSS was first proposed by Hakon Wium Lie on October 10, 1994
atCERN (European Organization for Nuclear Research).
Cascading Style Sheets (CSS) describes how HTML elements are to be
displayed on screen.
CSS saves a lot of work. It can control the layout of multiple web pages
allat once.
It is also responsible for responsive layouts of a website.
It is also written in any text editor but save as .css extension.

7. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..)
Javascript was invented by Brendan Eich in 1995.
Javascript is the Programming Language for theWeb.
Javascript can update and change both HTML and CSS.
Javascript is responsible for the Functioning of the website.
It is ascripting language that enablesus to create dynamicallyupdating
content, control multimedia,animate images, and pretty much everything else.
It is also written in any text editor but add the .js extension.

8. EXAMPLE OF A WEBSITE

9. 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’tsee how the backend works but this code is what
communicates the databaseinformation to the browser.
Common Backend development technologies are:
SQL
PHP

10. BACKEND DEVELOPMENTTECHNOLOGIES
SQL stands for Structured Query Language.
SQL let us access and manipulate databases.
SQL becameastandard of theAmerican National Standards
Institute (ANSI) in 1986, and of the International Organization
for standardization (ISO) in 1987.
SQL is adatabaselanguage, it is used for databasecreation,
deletion, fetchingrows, and modifying rows,etc.
It can retrieve data and executes queries againstthe 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 languagefor qurying and storing datain the database.

11. BACKEND DEVELOPMENT TECHNOLOGIES (CONT..)
PHP is anacronym for “PHP:Hypertext
Preprocessor”.
PHP is awidely-used, open sourcescripting
language.
PHP scripts are executed on theserver.
PHP is free to download anduse.
PHP is aserver side scripting languagethatis
embedded in HTML.
It is used to managedynamic content, databases,
session tracking, evenbuild entire e-commerce
sites.

12. A web developer is aprogrammer who specializes in the development
ofWorldWide Web applications using a client–server model.
The applications typically use HTML, CSS and JavaScriptin the
client, PHP
,C#, Python, Node.js or Javain the server
, and httpfor
communications between client and server.
Web developers typically do the following:
Meet with clients or management to discuss the needs and design of a website.
Create and test applications for a website.
Write code for the website,using programming languages such as HTML, CSS,
etc.
Work with other teammembers to determine what information the site will
contain.
Work with graphics and other designers to determine the website's layout.
Integrate graphics,audio,and video into the website.
Monitor website traffic.
WHO ISA WEB DEVELOPER ?

13. TYPES OF WEB DEVELOPER
There are 3 kinds of Web Developers –
Front End Developer,
Back End Developer and,
Full Stack Developer.
Front-End Developer :-They are responsible for how awebsite looks.
They create the site's layout and integrate graphics, applications (such as
aretail checkout tool), and other content.They also write web design
programs in avariety of computer languages,such as HTML or
JavaScript.
Back-End Developer :- They are responsible for server-side web
application logic and integration of the work front-end developers do.
Full-Stack Developer :- A full-stack web developer is aperson who
can develop both client and server software.They perform the task of
both Front end and Back End Developer.

14. HOW A WEBSITE WORKS ?
When you type aweb address into your browser:
The browser goes to the DNS server,and finds the real
address of the server that the website lives on.
The browser sends an HTTP request message tothe
server
, asking it to send acopy of the website to theclient.
If the server approves the client's request, the server sends
the client a"200 OK" message,which means "Of course
you can look at that website! Here it is", and then
starts sending the website's files to the browser as a
series of small chunks calleddata packets.
The browser assembles the Data Packets intoa
complete web pageand displays it to you.

15. WEB DEVELOPER VS. WEB DESIGNER
Web Developer
Web Developers are more technical in nature.
Web development refers to building user-friendly
websites based on client’s specifications.
They transform designs into fully functional websites.
Web development refers to the functionality of the
website on how it works.
Languages used are HTML, PHP
,JavaScript,CSS,
Python, Ruby,jQueryetc.
Web Designer
Web Designers are very creative in nature.
Web designers are the aesthetic element.
They transform the ideas into visuallyappealing
designs.
Web designs refers to how the websites looks and
feels on the outside.
Web designing tools includeAbobe Photoshop,
Illustrater
, DreamWeaver, Sketchetc.

16. PROJECTS
My First Project

17. PROJECTS (CONT...)
Flipkart Clone Project

18. PROJECTS (CONT...)
Responsive BloggingWebsite 

19. PROJECTS (CONT...)