Crafting the Digital Experience: A

Journey into Web Design and

Development
 OBJECTIVES

 What is a web?

 Evolution of Web.

 How Web has made our lives easier?.

 Web designing.

 HTML, CSS and JavaScript.

 Role and Responsibility of a web developer.

 Applications of web designing.

 What is a Web?

 Web refers to the World Wide Web

(WWW).

 Web technology refers to the

interconnected network of digital
content or documents that are
accessible through the internet

 Web hosted on a web

server and accessed
through the internet.
 Evolution Of Web

Web 1.0 (1991-2004)

 Web is also known as the static web.
 Pages were Read Only and consisted mainly of
text and images.
Web 2.0 (2004-2010)
 Web 2.o known as the dynamic web.
 Users could create and share content on the web.
Web 3.0 (2010-present)
 Web 3.o known as the semantic web, is still evolving.
ex - artificial intelligence, and the Internet of Things.
How Web has made our lives easier?

 Access to Information.

 Online Shopping.

 Mailing.

 Communication.

 Entertainment.

 Work.
 Web Designing

Web designing is the process of

creating and designing websites.

 The objective of web designing is to

create a website that is visually
attractive, user-friendly, and serves a
particular purpose.
Types OF Web Designing

 Static Web Designing.

 Dynamic Web Designing.

 Responsive Web Designing.

 Custom Web Designing.

 CMS Web Designing.

 E-Commerce Web
Designing.
 Web Designing Career Scope
Web Designer.

UI/UX Designer.

Front-end Developer.

Web Developer.

SEO specialist.

Freelance Web Designer.

.
 Future Scope Of Web Designing
Responsive Design

Advanced Animation
Accessibility
and Interactivity

Virtual and
augmented reality Voice User Interface
(VUI)
Work areas

 IT Companies

 Advertising agencies.

 media agencies.

 digital marketing.

 Institutions.

 Design studio.
Web Designer--

Task Background
 Implementing design  No need any prior
completion. background to become a
 maintenance of software engineer or
websites and other web web designer and
applications developer.

Skill Salary
 Html, CSS and JavaScript Average Salary of Web
designer in US $80,838. 
 Research

planning Designing

Content
Launch writing

maintenance
Testing And
development
 web development

Types of web development

Front End Backend End Full Stack

development development Development

Techonlogy- Techonlogy-
Html, Css and Javascript Node.js PHP, Java, Works both front end
Framework and libraries- Python,Net and back -end web
React,vue.js Angular.js, Frameworks- development
jQuery. Express.js, Laravel,
 Client-Server Web communication
Back end
Server- side

Request
Web server
Database

Response
Web Browser
Client Side
Front End
Responsiveness website
 Front End Development

 Website user interface implementation.

 Front-end builds the part of a

website that users interact with directly.

 Front-end requires a strong

understanding of UI principles
and user experience (UX) design.

 Uses programming languages like

HTML, CSS, and JavaScript to create the
user interface and design of a website or application.
Front End Technology
 Front End Technology

HTML

 Hypertext Markup Language.

 Define structure and content of

web pages.

 HTML makes static Pages with text,

headings, tables, lists, images,
links etc.
HTML Facebook

login page

Structure

Is This a good design

and styling ?

Facebook login page

 CSS

 CSS stands for “Cascading style sheet” HTML

Logo
Design
Design

 CSS defines how to display html

element in web page UI/UX
HTML
Design
design

 CSS allows controlling the appearance of

HTML elements, such as fonts, colors, Responsive Animation
Design
backgrounds , and positioning.
HTML CSS
 JavaScript

 JavaScript runs on the client-side

 JavaScript is a dynamic website

 JavaScript can update and change

both HTML and CSS.

  Form validation.

 Event –Handling.
Application of JavaScript
Web designing

Web Application

Games

Artificial Intelligence

Web interface
 Most popular programming language in 2022
JavaScript 64.96%
Html/CSS 56.07%
Python 48.24%
Sql 47.08%
Java 35.35%
Node.js
33.91%
Typescript 30.19%
C# 27.86%
C++ 24.31%
21.01%
PHP

C
10.75

GO
9.55

Kotlin
8.32

(Stack Overflow Survey…)

THANK YOU
Frameworks and library in development

Framework:

 framework is a set of tools, components, and rules for building

software applications Library:

library
 A library is a collection of pre-written code that developers can use
to perform specific tasks in their programs.
 Front end frameworks Popularity

12%
3%
42%

20% React.js
Angular
Vue.js
Angular.js
24%
Sevlte

Stack overflow Survey 2022

June(2022, + 70000 devlopers)
 Back End Development

Server-Side Development

Focus on databases Store data,

Retrieve data Security of data.

Backend development involves designing,

building, and maintaining the server-side

of a web application.

It includes the management of data,

application logic, and server-side
processing.

Backend developers build code that allows

a database and an application to communicate

with one another
Skills required to become a Backend Developer

Backend
Developer

Server Database Programming API

language

PHP,JAVA,Python,
.net node.js,Mysql
Mongodb,.
Most Popular Backend Frameworks
80000
70000
60000
50000
40000
30000 Devlopers

20000
10000
0
l s
ve g o
a sk in
g sJ ko
a
stJs i ls
ar
a an Fl r e s
Ne
a
Dj Sp pr R
L
E x on
uby
R