(Go: >> BACK << -|- >> HOME <<)

SlideShare a Scribd company logo
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

What's hot

Swift UI - Declarative Programming [Pramati Technologies]
Swift UI - Declarative Programming [Pramati Technologies]Swift UI - Declarative Programming [Pramati Technologies]
Swift UI - Declarative Programming [Pramati Technologies]
Pramati Technologies
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
web development
web developmentweb development
web development
ABHISHEKJHA176786
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
Rajnirani18
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing Presentation
RahulSuri30
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
Palash Sukla Das
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
Mosaab Ehab
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
Derin Dolen
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
Amit Mali
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
Traversy Media
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
jQuery for beginners
jQuery for beginnersjQuery for beginners
jQuery for beginners
Arulmurugan Rajaraman
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
Clint LaForest
 
Nodejs presentation
Nodejs presentationNodejs presentation
Nodejs presentation
Arvind Devaraj
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
Yaowaluck Promdee
 
Introduction To Single Page Application
Introduction To Single Page ApplicationIntroduction To Single Page Application
Introduction To Single Page Application
KMS Technology
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
bethanygfair
 
ReactJS presentation.pptx
ReactJS presentation.pptxReactJS presentation.pptx
ReactJS presentation.pptx
DivyanshGupta922023
 

What's hot (20)

Swift UI - Declarative Programming [Pramati Technologies]
Swift UI - Declarative Programming [Pramati Technologies]Swift UI - Declarative Programming [Pramati Technologies]
Swift UI - Declarative Programming [Pramati Technologies]
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
web development
web developmentweb development
web development
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Web Designing Presentation
Web Designing PresentationWeb Designing Presentation
Web Designing Presentation
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Introduction to back-end
Introduction to back-endIntroduction to back-end
Introduction to back-end
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Web Page Designing
Web Page DesigningWeb Page Designing
Web Page Designing
 
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
jQuery for beginners
jQuery for beginnersjQuery for beginners
jQuery for beginners
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
 
Nodejs presentation
Nodejs presentationNodejs presentation
Nodejs presentation
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
 
Introduction To Single Page Application
Introduction To Single Page ApplicationIntroduction To Single Page Application
Introduction To Single Page Application
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
 
ReactJS presentation.pptx
ReactJS presentation.pptxReactJS presentation.pptx
ReactJS presentation.pptx
 

Similar to UI Web Development.pptx

webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
ssuser485fb2
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
JohnLagman3
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
SHAIKIRFAN715544
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
sitesite4
 
webdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxwebdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptx
subhalaxmibarik478
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
ParasJain222
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
UtkarshTiwari736372
 
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
shahzaibmain831
 
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
shahzaibmain831
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
learnEnglish51
 
varun ppt.ppt
varun ppt.pptvarun ppt.ppt
varun ppt.ppt
ArunkumarKArun
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web Development
Qurinom Solutions
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
AbhishekKumar961766
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
NehaSingh348136
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
Noor Muhammad Khan
 
Internship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptxInternship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
Honey Monsoon
 
Web development
Web developmentWeb development
Web development
wasimakhtar81
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
ManjeetAgarwal
 

Similar to UI Web Development.pptx (20)

webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
 
webdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxwebdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptx
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
 
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
WEB DEV PRESENTATTION FINAL.ppt "Mastering Web Development: Building Dynamic ...
 
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
WEB DEV PRESENTATTION FINAL.pptx "Mastering Web Development: Building Dynamic...
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
varun ppt.ppt
varun ppt.pptvarun ppt.ppt
varun ppt.ppt
 
Introduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web DevelopmentIntroduction to HTML, CSS, and JavaScript for Web Development
Introduction to HTML, CSS, and JavaScript for Web Development
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018How to Learn Web Designing Step by Step From Basics in 2018
How to Learn Web Designing Step by Step From Basics in 2018
 
Internship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptxInternship full stack developer ppt report .pptx
Internship full stack developer ppt report .pptx
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web Development.pdf
Web Development.pdfWeb Development.pdf
Web Development.pdf
 
Web development
Web developmentWeb development
Web development
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 

More from SHAIKIRFAN715544

Object oriented Programming in Python.pptx
Object oriented Programming in Python.pptxObject oriented Programming in Python.pptx
Object oriented Programming in Python.pptx
SHAIKIRFAN715544
 
Introduction to ReactJS UI Web Dev .pptx
Introduction to ReactJS UI Web Dev .pptxIntroduction to ReactJS UI Web Dev .pptx
Introduction to ReactJS UI Web Dev .pptx
SHAIKIRFAN715544
 
ui2.pptx
ui2.pptxui2.pptx
DEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptxDEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptx
SHAIKIRFAN715544
 
Introduction to React JS.pptx
Introduction to React JS.pptxIntroduction to React JS.pptx
Introduction to React JS.pptx
SHAIKIRFAN715544
 
packages.pptx
packages.pptxpackages.pptx
packages.pptx
SHAIKIRFAN715544
 

More from SHAIKIRFAN715544 (6)

Object oriented Programming in Python.pptx
Object oriented Programming in Python.pptxObject oriented Programming in Python.pptx
Object oriented Programming in Python.pptx
 
Introduction to ReactJS UI Web Dev .pptx
Introduction to ReactJS UI Web Dev .pptxIntroduction to ReactJS UI Web Dev .pptx
Introduction to ReactJS UI Web Dev .pptx
 
ui2.pptx
ui2.pptxui2.pptx
ui2.pptx
 
DEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptxDEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptx
 
Introduction to React JS.pptx
Introduction to React JS.pptxIntroduction to React JS.pptx
Introduction to React JS.pptx
 
packages.pptx
packages.pptxpackages.pptx
packages.pptx
 

Recently uploaded

V2-NLC-Certificate-of-Completion_Learner.docx
V2-NLC-Certificate-of-Completion_Learner.docxV2-NLC-Certificate-of-Completion_Learner.docx
V2-NLC-Certificate-of-Completion_Learner.docx
302491
 
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptxSD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
elwoodprias1
 
JavaScript Interview Questions PDF By ScholarHat
JavaScript Interview  Questions PDF By ScholarHatJavaScript Interview  Questions PDF By ScholarHat
JavaScript Interview Questions PDF By ScholarHat
Scholarhat
 
React Interview Question PDF By ScholarHat
React Interview Question PDF By ScholarHatReact Interview Question PDF By ScholarHat
React Interview Question PDF By ScholarHat
Scholarhat
 
QCE – Unpacking the syllabus Implications for Senior School practices and ass...
QCE – Unpacking the syllabus Implications for Senior School practices and ass...QCE – Unpacking the syllabus Implications for Senior School practices and ass...
QCE – Unpacking the syllabus Implications for Senior School practices and ass...
mansk2
 
Pedagogy/Definition/Features/Approaches/Types
Pedagogy/Definition/Features/Approaches/TypesPedagogy/Definition/Features/Approaches/Types
Pedagogy/Definition/Features/Approaches/Types
SobiaAlvi
 
MATATAG CURRICULUM sample lesson exemplar.docx
MATATAG CURRICULUM sample lesson exemplar.docxMATATAG CURRICULUM sample lesson exemplar.docx
MATATAG CURRICULUM sample lesson exemplar.docx
yardenmendoza
 
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdfPRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
nservice241
 
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptxParkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
AnujVishwakarma34
 
INSIDE OUT - PowerPoint Presentation.pptx
INSIDE OUT - PowerPoint Presentation.pptxINSIDE OUT - PowerPoint Presentation.pptx
INSIDE OUT - PowerPoint Presentation.pptx
RODELAZARES3
 
FINAL MATATAG Science CG 2023 Grades 3-10.pdf
FINAL MATATAG Science CG 2023 Grades 3-10.pdfFINAL MATATAG Science CG 2023 Grades 3-10.pdf
FINAL MATATAG Science CG 2023 Grades 3-10.pdf
maritescanete2
 
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour International
 
2 Post harvest Physiology of Horticulture produce.pptx
2 Post harvest Physiology of Horticulture  produce.pptx2 Post harvest Physiology of Horticulture  produce.pptx
2 Post harvest Physiology of Horticulture produce.pptx
UmeshTimilsina1
 
Mathematics 4 and 7 PD Design.pdf 1234567890
Mathematics 4 and 7 PD Design.pdf 1234567890Mathematics 4 and 7 PD Design.pdf 1234567890
Mathematics 4 and 7 PD Design.pdf 1234567890
liquiganzandyb
 
7. Post Harvest Entomology and their control.pptx
7. Post Harvest Entomology and their control.pptx7. Post Harvest Entomology and their control.pptx
7. Post Harvest Entomology and their control.pptx
UmeshTimilsina1
 
7. Post harvest diseases and their control.pptx
7. Post harvest diseases and their control.pptx7. Post harvest diseases and their control.pptx
7. Post harvest diseases and their control.pptx
UmeshTimilsina1
 
Introduction to Banking System in India.ppt
Introduction to Banking System in India.pptIntroduction to Banking System in India.ppt
Introduction to Banking System in India.ppt
Dr. S. Bulomine Regi
 
Nothing Twice 3 poetic devices with definition.pptx
Nothing Twice 3 poetic devices with definition.pptxNothing Twice 3 poetic devices with definition.pptx
Nothing Twice 3 poetic devices with definition.pptx
AncyTEnglish
 
Lecture Notes Unit4 Chapter13 users , roles and privileges
Lecture Notes Unit4 Chapter13 users , roles and privilegesLecture Notes Unit4 Chapter13 users , roles and privileges
Lecture Notes Unit4 Chapter13 users , roles and privileges
Murugan146644
 
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdfOpen Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Jessica Zairo
 

Recently uploaded (20)

V2-NLC-Certificate-of-Completion_Learner.docx
V2-NLC-Certificate-of-Completion_Learner.docxV2-NLC-Certificate-of-Completion_Learner.docx
V2-NLC-Certificate-of-Completion_Learner.docx
 
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptxSD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
SD_Integrating 21st Century Skills in Classroom-based Assessment.pptx
 
JavaScript Interview Questions PDF By ScholarHat
JavaScript Interview  Questions PDF By ScholarHatJavaScript Interview  Questions PDF By ScholarHat
JavaScript Interview Questions PDF By ScholarHat
 
React Interview Question PDF By ScholarHat
React Interview Question PDF By ScholarHatReact Interview Question PDF By ScholarHat
React Interview Question PDF By ScholarHat
 
QCE – Unpacking the syllabus Implications for Senior School practices and ass...
QCE – Unpacking the syllabus Implications for Senior School practices and ass...QCE – Unpacking the syllabus Implications for Senior School practices and ass...
QCE – Unpacking the syllabus Implications for Senior School practices and ass...
 
Pedagogy/Definition/Features/Approaches/Types
Pedagogy/Definition/Features/Approaches/TypesPedagogy/Definition/Features/Approaches/Types
Pedagogy/Definition/Features/Approaches/Types
 
MATATAG CURRICULUM sample lesson exemplar.docx
MATATAG CURRICULUM sample lesson exemplar.docxMATATAG CURRICULUM sample lesson exemplar.docx
MATATAG CURRICULUM sample lesson exemplar.docx
 
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdfPRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
PRESS RELEASE - UNIVERSITY OF GHANA, JULY 16, 2024.pdf
 
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptxParkinson Disease & Anti-Parkinsonian Drugs.pptx
Parkinson Disease & Anti-Parkinsonian Drugs.pptx
 
INSIDE OUT - PowerPoint Presentation.pptx
INSIDE OUT - PowerPoint Presentation.pptxINSIDE OUT - PowerPoint Presentation.pptx
INSIDE OUT - PowerPoint Presentation.pptx
 
FINAL MATATAG Science CG 2023 Grades 3-10.pdf
FINAL MATATAG Science CG 2023 Grades 3-10.pdfFINAL MATATAG Science CG 2023 Grades 3-10.pdf
FINAL MATATAG Science CG 2023 Grades 3-10.pdf
 
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
Codeavour 5.0 International Impact Report - The Biggest International AI, Cod...
 
2 Post harvest Physiology of Horticulture produce.pptx
2 Post harvest Physiology of Horticulture  produce.pptx2 Post harvest Physiology of Horticulture  produce.pptx
2 Post harvest Physiology of Horticulture produce.pptx
 
Mathematics 4 and 7 PD Design.pdf 1234567890
Mathematics 4 and 7 PD Design.pdf 1234567890Mathematics 4 and 7 PD Design.pdf 1234567890
Mathematics 4 and 7 PD Design.pdf 1234567890
 
7. Post Harvest Entomology and their control.pptx
7. Post Harvest Entomology and their control.pptx7. Post Harvest Entomology and their control.pptx
7. Post Harvest Entomology and their control.pptx
 
7. Post harvest diseases and their control.pptx
7. Post harvest diseases and their control.pptx7. Post harvest diseases and their control.pptx
7. Post harvest diseases and their control.pptx
 
Introduction to Banking System in India.ppt
Introduction to Banking System in India.pptIntroduction to Banking System in India.ppt
Introduction to Banking System in India.ppt
 
Nothing Twice 3 poetic devices with definition.pptx
Nothing Twice 3 poetic devices with definition.pptxNothing Twice 3 poetic devices with definition.pptx
Nothing Twice 3 poetic devices with definition.pptx
 
Lecture Notes Unit4 Chapter13 users , roles and privileges
Lecture Notes Unit4 Chapter13 users , roles and privilegesLecture Notes Unit4 Chapter13 users , roles and privileges
Lecture Notes Unit4 Chapter13 users , roles and privileges
 
Open Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdfOpen Source and AI - ByWater Closing Keynote Presentation.pdf
Open Source and AI - ByWater Closing Keynote Presentation.pdf
 

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