SlideShare a Scribd company logo
6
Most read
9
Most read
20
Most read
Demo on web Development
About Me
Title Details
FULL NAME SHAIK IRFAN
Qualification MBA
University JNTUK
Total IT Experience 6+ Years
Exp as Python Trainer 5 Years
Email Irfan.uideveloper6@gmail.com
Batches Run So Far 20 +
Designation Web Developer ,Trainer , freelancer
WEBDEVELOPMENT???
LET’S BEGIN
- WHAT ISTHIS?
- WHY THIS?
- HOW ?
- WHERE TO BEGIN?
- WHAT TO DO ?
- YES,IAM READY !
WHAT IS WEB DEVELOPMENT ?
● Web Development is the planning and creation of websites.
● It deals with the process of developinga website.
● Web development ranges from creating plain text pages
to complex web-based applications, social network
applications and electronic business applications.
How the Web Works?
UI Web Development.pptx
◾ Front end development refers to producing aweb applicationso
that a user can see and interact with them directly
.
◾ It is also known as Client side development.
◾ It focuses on the visual elements of a website that a user will interact
with.
◾ A front end developer has one general responsibility:to ensure that
website visitors can easily interact with the page.They do this 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
FRONT END DEVELOPMENT
◾ HTML was first created byTim Berners-Lee,starting in 1989.It stands
for HyperT
ext Markup Language.
◾ Hypertext means that the document contains links that allow the
reader to jump to other places in the document.
◾ A Markup Language is away thatcomputers speak to eachother 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.
HTML (Hyper T
ext Markup Language)
◾ CSS was first proposed by Hakon Wium Lie on October 10,1994
at CERN (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 layouts of a website.
◾ It is also written in any text editor but save as .css extension.
CSS(Cascading Style Sheets )
Contact
YourName
no_reply@example.com
www.example.com
HTML
HTML +CSS
Why JavaScript?
UI Web Development.pptx
◾ Javascript was invented by Brendan Eich in 1995.
◾ Javascript is the Programming Language for theWeb.
◾ Javascript can update and change both HTML and CSS.
◾ Javascript is responsible for the Functioning of the website.
◾ It is 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 .js extension.
JavaScript
UI Web Development.pptx
UI Web Development.pptx
UI Web Development.pptx
◾ 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
◾ AnApplication
◾ 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:
◾ Python , Java
◾ MySQL , MongoDB
BACK END DEVELOPMENT
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
,J
avaScript,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 includeAbobe Photoshop,
Illustrater
,DreamWeaver,Sketch etc.
WEB DEVELOPER VS. WEB DESIGNER
Scope of Web Development (UI)
SALARY
As a Fresher
- 20,000 to 35,000 (INR)
After 2-3 years of
experience
- 35,000 to 60,000 (INR)
Professionals
- 6 figure income
UI Web Development.pptx

More Related Content

PDF
Nodejs
PPTX
React Native
PPTX
A Brief Introduction to React.js
PDF
Front-End Frameworks: a quick overview
PDF
Inside Flutter: Widgets, Elements, and RenderObjects
PPT
Introduction to Ruby on Rails
PPTX
Front-End Web Development
PPTX
Android jetpack compose | Declarative UI
Nodejs
React Native
A Brief Introduction to React.js
Front-End Frameworks: a quick overview
Inside Flutter: Widgets, Elements, and RenderObjects
Introduction to Ruby on Rails
Front-End Web Development
Android jetpack compose | Declarative UI

What's hot (20)

PDF
Practicas de-dreamweaver
ODP
Open Gurukul Language PL/SQL
PPT
Ppt of web development
PPTX
Web development
PDF
Jetpack Compose.pdf
PDF
Guide To API Development.pdf
PDF
Intro to HTML, CSS & JS - Internship Presentation Week-3
PPTX
Как писать красивый код или основы SOLID
PPTX
Jetpack Compose.pptx
PPT
Java EE Introduction
PPTX
Project Lombok!
PPTX
FULL stack -> MEAN stack
PPTX
Rest API with Swagger and NodeJS
PDF
From Generator to Fiber the Road to Coroutine in PHP
PPTX
Front-end technologies for Wonderful User Experience through Websites
PPTX
Angularjs PPT
PDF
PHP and Mysql
PPT
Web Design 101
PPTX
Lesson 2 php data types
PPTX
Intro to Front-End Web Devlopment
Practicas de-dreamweaver
Open Gurukul Language PL/SQL
Ppt of web development
Web development
Jetpack Compose.pdf
Guide To API Development.pdf
Intro to HTML, CSS & JS - Internship Presentation Week-3
Как писать красивый код или основы SOLID
Jetpack Compose.pptx
Java EE Introduction
Project Lombok!
FULL stack -> MEAN stack
Rest API with Swagger and NodeJS
From Generator to Fiber the Road to Coroutine in PHP
Front-end technologies for Wonderful User Experience through Websites
Angularjs PPT
PHP and Mysql
Web Design 101
Lesson 2 php data types
Intro to Front-End Web Devlopment
Ad

Similar to UI Web Development.pptx (20)

PPTX
webdevelopmentppt-210923044639 (1).pptx
PPTX
Basics of Web Development.pptx
PPTX
Web-Development Powerpoint Presentation.
PPTX
webdevelopmentppt-210923044639 (1) (1).pptx
PPTX
webdevelopmentppt-2210923044639 (1).pptx
PPTX
uuserinterfacewebdevelopmentnewoneppt.pptx
PPTX
webdevelopmentppt-210923044639 (1).pptx
PDF
Web development ppt
PPTX
Web Development usually refers to developing the website for the Internet (W...
PPTX
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
PPTX
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
PPTX
WebTechnology presentation.pptx
PDF
Xinzex: A Complete Web Development Guide for Beginners
PPTX
Learn web development: Front-end vs Back-end development
PDF
Web Design & Development - Session 1
PPTX
Presentation 5 (1).pptx
PPTX
WEB DEVELOPMENT.pptx
PPTX
025444215.pptx
PDF
webdevelopment, engineering, institue of engineering purwanchal campus , Nepa...
PPTX
Web Development
webdevelopmentppt-210923044639 (1).pptx
Basics of Web Development.pptx
Web-Development Powerpoint Presentation.
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-2210923044639 (1).pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
webdevelopmentppt-210923044639 (1).pptx
Web development ppt
Web Development usually refers to developing the website for the Internet (W...
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
WebTechnology presentation.pptx
Xinzex: A Complete Web Development Guide for Beginners
Learn web development: Front-end vs Back-end development
Web Design & Development - Session 1
Presentation 5 (1).pptx
WEB DEVELOPMENT.pptx
025444215.pptx
webdevelopment, engineering, institue of engineering purwanchal campus , Nepa...
Web Development
Ad

More from SHAIKIRFAN715544 (6)

PPTX
Object oriented Programming in Python.pptx
PPTX
Introduction to ReactJS UI Web Dev .pptx
PPTX
PPTX
DEMO On PYTHON WEB Development.pptx
PPTX
Introduction to React JS.pptx
PPTX
packages.pptx
Object oriented Programming in Python.pptx
Introduction to ReactJS UI Web Dev .pptx
DEMO On PYTHON WEB Development.pptx
Introduction to React JS.pptx
packages.pptx

Recently uploaded (20)

PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
PDF
Classroom Observation Tools for Teachers
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
RMMM.pdf make it easy to upload and study
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
01-Introduction-to-Information-Management.pdf
PDF
Complications of Minimal Access Surgery at WLH
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
master seminar digital applications in india
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Institutional Correction lecture only . . .
PPTX
Cell Types and Its function , kingdom of life
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
O5-L3 Freight Transport Ops (International) V1.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Introduction to Child Health Nursing – Unit I | Child Health Nursing I | B.Sc...
Classroom Observation Tools for Teachers
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
RMMM.pdf make it easy to upload and study
human mycosis Human fungal infections are called human mycosis..pptx
01-Introduction-to-Information-Management.pdf
Complications of Minimal Access Surgery at WLH
PPH.pptx obstetrics and gynecology in nursing
Microbial diseases, their pathogenesis and prophylaxis
master seminar digital applications in india
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Module 4: Burden of Disease Tutorial Slides S2 2025
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Institutional Correction lecture only . . .
Cell Types and Its function , kingdom of life
102 student loan defaulters named and shamed – Is someone you know on the list?

UI Web Development.pptx

  • 1. Demo on web Development
  • 2. About Me Title Details FULL NAME SHAIK IRFAN Qualification MBA University JNTUK Total IT Experience 6+ Years Exp as Python Trainer 5 Years Email Irfan.uideveloper6@gmail.com Batches Run So Far 20 + Designation Web Developer ,Trainer , freelancer
  • 4. LET’S BEGIN - WHAT ISTHIS? - WHY THIS? - HOW ? - WHERE TO BEGIN? - WHAT TO DO ? - YES,IAM READY !
  • 5. WHAT IS WEB DEVELOPMENT ? ● Web Development is the planning and creation of websites. ● It deals with the process of developinga website. ● Web development ranges from creating plain text pages to complex web-based applications, social network applications and electronic business applications.
  • 6. How the Web Works?
  • 8. ◾ Front end development refers to producing aweb applicationso that a user can see and interact with them directly . ◾ It is also known as Client side development. ◾ It focuses on the visual elements of a website that a user will interact with. ◾ A front end developer has one general responsibility:to ensure that website visitors can easily interact with the page.They do this 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 FRONT END DEVELOPMENT
  • 9. ◾ HTML was first created byTim Berners-Lee,starting in 1989.It stands for HyperT ext Markup Language. ◾ Hypertext means that the document contains links that allow the reader to jump to other places in the document. ◾ A Markup Language is away thatcomputers speak to eachother 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. HTML (Hyper T ext Markup Language)
  • 10. ◾ CSS was first proposed by Hakon Wium Lie on October 10,1994 at CERN (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 layouts of a website. ◾ It is also written in any text editor but save as .css extension. CSS(Cascading Style Sheets )
  • 14. ◾ Javascript was invented by Brendan Eich in 1995. ◾ Javascript is the Programming Language for theWeb. ◾ Javascript can update and change both HTML and CSS. ◾ Javascript is responsible for the Functioning of the website. ◾ It is 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 .js extension. JavaScript
  • 18. ◾ 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 ◾ AnApplication ◾ 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: ◾ Python , Java ◾ MySQL , MongoDB BACK END DEVELOPMENT
  • 19. 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 ,J avaScript,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 includeAbobe Photoshop, Illustrater ,DreamWeaver,Sketch etc. WEB DEVELOPER VS. WEB DESIGNER
  • 20. Scope of Web Development (UI)
  • 21. SALARY As a Fresher - 20,000 to 35,000 (INR) After 2-3 years of experience - 35,000 to 60,000 (INR) Professionals - 6 figure income