SlideShare a Scribd company logo
1 of 22
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?
◾ 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?
◾ 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
◾ 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

WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENTkhushi74
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development PptBruce Tucker
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018Traversy Media
 
Content management system
Content management systemContent management system
Content management systemAdhoura Academy
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web developmentbethanygfair
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web DevelopmentSWAGATHCHOWDARY1
 
Detecting headless browsers
Detecting headless browsersDetecting headless browsers
Detecting headless browsersSergey Shekyan
 
web development.pptx
web development.pptxweb development.pptx
web development.pptxMohdArbazraza
 
Globant development week / Micro frontend
Globant development week / Micro frontendGlobant development week / Micro frontend
Globant development week / Micro frontendGlobant
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Reactjs workshop
Reactjs workshop Reactjs workshop
Reactjs workshop Ahmed rebai
 

What's hot (20)

Web development
Web developmentWeb development
Web development
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
Web development
Web developmentWeb development
Web development
 
varun ppt.ppt
varun ppt.pptvarun ppt.ppt
varun ppt.ppt
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
web development
web developmentweb development
web development
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
Content management system
Content management systemContent management system
Content management system
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
 
JavaScript Basic
JavaScript BasicJavaScript Basic
JavaScript Basic
 
Introduction to Web development
Introduction to Web developmentIntroduction to Web development
Introduction to Web development
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Detecting headless browsers
Detecting headless browsersDetecting headless browsers
Detecting headless browsers
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Globant development week / Micro frontend
Globant development week / Micro frontendGlobant development week / Micro frontend
Globant development week / Micro frontend
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Reactjs workshop
Reactjs workshop Reactjs workshop
Reactjs workshop
 
Web Development
Web DevelopmentWeb Development
Web Development
 

Similar to UI Web Development.pptx

webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxssuser485fb2
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.JohnLagman3
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxsitesite4
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxSHAIKIRFAN715544
 
Web development ppt
Web development pptWeb development ppt
Web development pptParasJain222
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxlearnEnglish51
 
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).pptx12KritiGaneriwal
 
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 DevelopmentQurinom Solutions
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptxAartiVerma64
 
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 2018Noor Muhammad Khan
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptxAADITYADEVA
 
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 DevelopmentQurinom Solutions
 
frontendwebdevelopment-190510024804 (1).pptx
frontendwebdevelopment-190510024804 (1).pptxfrontendwebdevelopment-190510024804 (1).pptx
frontendwebdevelopment-190510024804 (1).pptxReemaAsker1
 

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.
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
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
 
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
 
Web Devlopment ppt.pptx
Web Devlopment ppt.pptxWeb Devlopment ppt.pptx
Web Devlopment ppt.pptx
 
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
 
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
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
 
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
 
frontendwebdevelopment-190510024804 (1).pptx
frontendwebdevelopment-190510024804 (1).pptxfrontendwebdevelopment-190510024804 (1).pptx
frontendwebdevelopment-190510024804 (1).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.pptxSHAIKIRFAN715544
 
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 .pptxSHAIKIRFAN715544
 
DEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptxDEMO On PYTHON WEB Development.pptx
DEMO On PYTHON WEB Development.pptxSHAIKIRFAN715544
 
Introduction to React JS.pptx
Introduction to React JS.pptxIntroduction to React JS.pptx
Introduction to React JS.pptxSHAIKIRFAN715544
 

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

AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfphamnguyenenglishnb
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Celine George
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationAadityaSharma884161
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 

Recently uploaded (20)

AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdfAMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
AMERICAN LANGUAGE HUB_Level2_Student'sBook_Answerkey.pdf
 
Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17Field Attribute Index Feature in Odoo 17
Field Attribute Index Feature in Odoo 17
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint Presentation
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 

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?
  • 7.
  • 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 )
  • 13.
  • 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
  • 15.
  • 16.
  • 17.
  • 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