A Mini Project Presentation

On
Web development

Presented By - Jayant Verma

Roll No. : 2000910130049

DEPARTMENT OF INFORMATION TECHNOLOGY

 Flow of Contents
➔ Course Certificate
➔ Introduction
◆ What is web development
◆ Types of web development
What is front-end web development
What is back-end web development
➔ Front end web development
◆ HTML
◆ CSS
◆ Javascript
➔ Project:Digital clock
 INTRODUCTION
WHAT IS WEB DEVELOPMENT
Web development is the work involved in developing a website for the Internet
(World Wide Web) or an intranet (a private network).

TYPES OF WEB DEVELOPMENT

What is Front-end
Web Development
Front end developers build with
the user in mind. Front end
development is a style of computer
programming that focuses on the
coding and creation of elements
and features of a website that will
be seen by the user.
 What is Back-end
Web Development
Back end development focuses
on the side of the website users
can’t see. It’s what makes a site
interactive. The back end can also
be referred to as the “server side”
of a website
 Front-end

HTML + CSS + JS

HTML Hyper Text Markup Language

CSS Cascading Style Sheets

JS Javascript
 Three Layers of
Web Design Development

Structure Style Behaviour

HTML Markup CSS Java Script
 /
Java Script=Java
• Java Script is NOT a Java
• It is not based on Java
• It is not a light version of Java
• For learning Java script there is
No requirement that you should know
Java
Java Script
1-Java Script is most commonly used as a Client side Scripting
Language

2- This Code is written into an HTML Page

3-When a user request an HTML Page with Java Script in it. The
script is sent to the browser and it’s up to the browser to do
something with it.
When a user request
Web Browser
an HTML Page with
Java Script in it. The
script is sent to the Web Page
browser and it’s up to
the browser to do Java Script
something with it.

What you can do with the help of Java Script

1- Validate values entered in the form fields
2- Load Information automatically when it’s needed
3-A search box can give you suggested results while you type ,
based on what you’ve entered
4-Create photo slideshow and control how long it takes to move
from one image to the next
 PROJECT
:
DIGITAL CLOCK USING
HTML,CSS AND
JAVASCRIPT
CODES (HTML,CSS & JS)
Thank You