Submitted by:- Submitted To:-

Name: Sparsh Dhama Ms. Sonali Gupta

Section: R
Roll No: 65
Student ID: 21011318
Gmail Screenshot of Course opted
 What is Front-end
Web Development?

FRONT-END OR CLIENT SIDE WEB DEVELOPMENT

REFERS TO EVERYTHING IN A WEB APPLICATION THAT
IS DISPLAYED ON THE FRONT-END (END USER
DEVICE) WHICH USERS CAN SEE FROM THE
BROWSERS.
HTML CSS JS

HTML Hyper Text Markup Language

Cascading Style Sheets

CSS

JS Javascript
 Three Layers of
Web Design Development

Structure Style Behaviour

HTML Markup CSS Java Script

 HTML(HyperText Markup Language)

 Hypertext Markup Language(HTML) is the standard

markup language for creating web pages and web
application.

 Web browser receive HTML documents from web sever or

from local storage and render the document in the multimedia
web pages. HTML describes the structure of a web pages
symmetrically and originally include cues for the appearance of
the document.
Do you know How Any Page would
Look Like Without HTML?
 CSS(cascading style sheets)

 Cascading Style Sheets (CSS) is a style sheet language

used for describing the presentation of a document
written in a markup language like HTML.

 CSS is designed to enable the separation of presentation and

content, including layout, colours and fonts.
 A web page layout with and without CSS

Without
HTML
HTML
But HTML +
No CSS CSS
 Javascript (JS)

 A high-level, interpreted programming language. It

is a dynamic language.

 JavaScript enables interactive web pages and is an

essential part of web applications.

 The vast majority of websites uses it, and major

web browser have a dedicated JavaScript engine
to execute it.
 What you can do with the help of JAVASCRIPT?

 Validate values entered in the form fields.

 Load Information automatically when it’s needed.

 A search box can give you suggested results while you type, based on
what you’ve entered.

 Create photo slideshow and control how long it takes to move from
one image to the next.
THANK YOU