Welcome To The

World Of
Web Technology
Web Designing
WEB DESIGNING
ANDDevelopment
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

03
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

 software development.

 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

Full Stack
development development developmen
Development
t

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 HTML
UI/UX
design Design

 CSS allows controlling the appearance of

HTML elements, such as fonts, colors, Responsive
Animation
backgrounds , and positioning. Design
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