Web development ppt

Hello guys, my name is Paras. I am very glad to share my own written presentation on web development with you.

1. PROGRAM: BCAH, SEMESTER-2, FIRST YEAR
BCAH-206: SEMINAR
TOPIC:-WEB DEVELOPMENT
Submitted By:
Student Name :-Paras Jain
Roll No :-BCAH1CA20016
Submitted To:
Ms. NishaVermaMam

2. OUTLINES
What is Web Development ?
Front end development
Front end development technologies
Back end development
Back end development technologies
Who is a Web Developer ?
Types of Web Developer
How a website works ?
Difference Between Web Developer and Web 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 Web Applications.
Examples of Web Applications are Social networking sites like
Facebook or E-commerce sites like Amazon, 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 a web application so
that a user can see and interact with them directly.
Itisalso known as Client side development.
Itfocuses on the visual elements of a website that a user will interact
with.
Afront end developerhas one general responsibility: to ensure that
website visitors can easily interact with the page. Theydothis 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 DEVELOPMENT TECHNOLOGIES
HTML was first created by Tim Berners-Lee, starting in1989. It stands
for Hyper Text Markup Language.
Hypertext means that the document containslinks that allow the
reader to jump to other placesin the document.
AMarkup Languageis a way that computers speak to each other to
control how text is processed and presented.
It describes the structure of a web page and consists series of elements.
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.

6. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..)
CSS was first proposed byHakonWiumLieon 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
all at once.
It is also responsible for responsive layoutsof a website.
It is also written in any text editor but save as .cssextension.

7. FRONTEND DEVELOPMENT TECHNOLOGIES (CONT..)
Javascriptwas invented byBrendan Eichin 1995.
Javascriptis theProgramming Languagefor the Web.
Javascriptcan update and change bothHTMLandCSS.
Javascriptis responsible for the Functioning of the website.
Itis a scripting language that enables us to create dynamically updating
content, control multimedia, animate images, and pretty much everything else.
It is also written in any text editor but add the .jsextension.

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
An Application
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

10. BACKEND DEVELOPMENT TECHNOLOGIES
SQL stands for Structured Query Language.
SQL let us access and manipulate databases.
SQL became a standard of the American National Standards
Institute (ANSI)in 1986, and of the International Organization
for standardization (ISO) in 1987.
SQLis 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 qurying and storing data in the database.

11. BACKEND DEVELOPMENT TECHNOLOGIES (CONT..)
PHPis an acronym for “PHP: Hypertext
Preprocessor”.
PHP is a widely-used, open source scripting
language.
PHP scripts are executed on the server.
PHP is free to download and use.
PHPis 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.

12. Aweb developeris aprogrammerwho specializes in the development
ofWorld Wide Webapplications using aclient–server model.
The applications typically useHTML,CSSandJavaScriptin the
client,PHP,C#,Python,Node.jsorJavain the server, andhttpfor
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 team members 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 IS A 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 :-Theyare responsible for how a website looks.
They create the site's layout and integrate graphics, applications (such as
a retail checkout tool), and other content. They also write web design
programs in a variety 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 developersdo.
Full-Stack Developer :-Afull-stackweb developer is a person 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 a web 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 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 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 browseras a
series of small chunks called data packets.
The browser assembles the Data Packets into a
complete web pageand displaysit 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, jQuery etc.
Web Designer
Web Designers are very creative in nature.
Web designers are the aesthetic element.
They transform the ideas into visually appealing
designs.
Web designs refers to how the websites looks and
feels on the outside.
Web designing tools include AbobePhotoshop,
Illustrater, DreamWeaver, Sketch etc.

16. PROJECTS
My First Project 

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

18. PROJECTS (CONT...)
Responsive Blogging Website 

19. PROJECTS (CONT...)