web development.pptx

Web development
PRESENTED BY:-
CONTENT
 WHAT IS WEB DEVELOPMENT?
 FRONT END DEVELOPERS
 FRONT END DEVELOPMENT TECHNOLOGIES
AND APPLICATION
 BACK END DEVELOPERS
 BACK END DEVELOPMENT TECHNOLOGIES
AND APPLICATIONS
 FULL STACK DEVELOPER
 CONCLUSION
What is web development?
Web development is the building and maintenance of
websites: it’s the work that happens behind the scenes
to make a websites look great, work fast and perform
well with a seamless user experience.
Language Commonly Used:-
JAVASCRIPT,C++,HTML,PYTHON,PHP,JAVA,SQL
ANGULAR JQUERRY ETC…
TYPES OF WEB
DEVELOPERS:
1. FRONT END
DEVELOPERS
2. BACK END
DEVELOPERS
3. FULL
STACK
DEVELOPERS
FRONT END DEVELOPERS:
• 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, as well as taking care of
debugging.
• Front-end Developer :skills including web design,
maintenance and web development are some of the
hottest and most in demand skills today.
• LANGUAGES USED : HTML,CSS, and
JavaScript System framework…
FRONT END DEVELOPMENT
TECHNOLOGIES AND APPLICATION
Frontend
developers
Web Application Mobile Application
Web browser
extension etc..
STRUCTURE OF WEB PAGE
WHAT IS HTML?
Hyper text markup language
it is the main language which is
used to create web page on the
Internet.<> are used in html, so
This is called markup language.
We can check coding of any web
page by checking its page sourc
CASCADING STYLE SHEET(CSS)
WHAT
IS CSS?
Cascading style sheet(CSS) is used
to format The layout of a webpage.
USING CSS
CSS can be added to html
Document in three way:
• Inline- by using the style
attribute inside html
Element.
• Internal- by using a <style>
element in the <head>
section
• External- by using a <link>
element to link to an
external CSS file.
BOOTSTRAP
Bootstrap is most popular
HTML,
CSS and JS framework for
developing responsive,
Mobile first projects on the
web.
BACK END
DEVELOPERS
Back end development refers to the server
side of an application and everything that
communication between the database and
the browser.
1.
2.
N
E
X
T
Back end developers are usually write
the web services and API’s used by
front end developers and mobile
application
3.
LANGUAGE MOSTLY USED:
Java PhP, .Net(c#,Vb) C#
VB, Ruby, Python, SQL,
JavaScript…
BACK END DEVELOPMENT TECHNOLOGIES AND
APPLICATIONS
 A back-end-application or program supports from-end user services,
and interfaces with any required resources.
Backend
developers
server Database
Programming
Language
API
Full Stack
Developers?
Full stack does not have its own
language it’s an amalgamation of
languages, tools and approaches
that go into building a complete,
user-friendly websites.
Stack means layers, and a full stack
developers divide into each layers of
a website or an app regardless of
whether it qualities as front-end or
back-end
The end!
1 von 13

Recomendados

Introduction to Web Development von
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web DevelopmentParvez Mahbub
4.9K views21 Folien
WEB DEVELOPMENT.pptx von
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxRajnirani18
161 views10 Folien
Web development von
Web developmentWeb development
Web developmentRaziyaChoudhary
769 views12 Folien
Web Development with HTML5, CSS3 & JavaScript von
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
18.5K views31 Folien
Web Development von
Web DevelopmentWeb Development
Web DevelopmentHarshdeep Singh
281 views10 Folien
Web Development and Web Development technologies - Temitayo Fadojutimi von
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiTemitayo Fadojutimi
932 views15 Folien

Más contenido relacionado

Was ist angesagt?

Web development von
Web developmentWeb development
Web developmentSunil Moolchandani
4.6K views7 Folien
Introduction to web development von
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
3.9K views20 Folien
ppt of web development for diploma student von
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student Abhishekchauhan863165
3.6K views13 Folien
Front End Development | Introduction von
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
10.5K views37 Folien
1-01: Introduction To Web Development von
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Developmentapnwebdev
1.8K views38 Folien
Web Development von
Web DevelopmentWeb Development
Web DevelopmentAditya Raman
6.9K views49 Folien

Was ist angesagt?(20)

Introduction to web development von Mohammed Safwat
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat3.9K views
Front End Development | Introduction von JohnTaieb
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb10.5K views
1-01: Introduction To Web Development von apnwebdev
1-01: Introduction To  Web  Development1-01: Introduction To  Web  Development
1-01: Introduction To Web Development
apnwebdev1.8K views
Web Design & Development - Session 1 von Shahrzad Peyman
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
Shahrzad Peyman4.7K views
Web Development Presentation von TurnToTech
Web Development PresentationWeb Development Presentation
Web Development Presentation
TurnToTech2.3K views
Web designing and development von gherryta
Web designing and developmentWeb designing and development
Web designing and development
gherryta385 views
Web development presentation von Vaishnavi8950
Web development presentationWeb development presentation
Web development presentation
Vaishnavi8950695 views
ppt of web designing and development von 47ishu
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
47ishu10.1K views
Modern Web Development von Robert Nyman
Modern Web DevelopmentModern Web Development
Modern Web Development
Robert Nyman15.4K views
Web development | Derin Dolen von Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
Derin Dolen3.8K views
Html, CSS & Web Designing von Leslie Steele
Html, CSS & Web DesigningHtml, CSS & Web Designing
Html, CSS & Web Designing
Leslie Steele11.9K views
Ppt of web development von bethanygfair
Ppt of web developmentPpt of web development
Ppt of web development
bethanygfair46.6K views
Difference between-web-designing-and-web-development von Global Media Insight
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development

Similar a web development.pptx

varun ppt.ppt von
varun ppt.pptvarun ppt.ppt
varun ppt.pptArunkumarKArun
65 views17 Folien
Web development ppt von
Web development pptWeb development ppt
Web development pptParasJain222
46.7K views21 Folien
webdevelopmentppt-210923044639 (1).pptx von
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxlearnEnglish51
107 views21 Folien
Web development von
Web developmentWeb development
Web developmentwasimakhtar81
143 views12 Folien
Mini Project PPT.pptx von
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptxAbhishekKumar961766
9 views14 Folien
Web-Development-ppt.pptx von
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptxAADITYADEVA
17 views18 Folien

Similar a web development.pptx(20)

Web development ppt von ParasJain222
Web development pptWeb development ppt
Web development ppt
ParasJain22246.7K views
webdevelopmentppt-210923044639 (1).pptx von learnEnglish51
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
learnEnglish51107 views
Web-Development-ppt.pptx von AADITYADEVA
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
AADITYADEVA17 views
Web-Development-ppt (1).pptx von RaihanUddin57
Web-Development-ppt (1).pptxWeb-Development-ppt (1).pptx
Web-Development-ppt (1).pptx
RaihanUddin57128 views
webdevelopmentppt-210923044639 (1).pptx von ssuser485fb2
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
ssuser485fb267 views
Web-Development-ppt.pptx von EleenaJha
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
EleenaJha147 views
webdevelopmentppt-210923044639 (1) (1).pptx von sitesite4
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
sitesite425 views
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx von 12KritiGaneriwal
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptxINDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
INDUSTRIAL TRAINING Presentation on Web Development. (2).pptx
12KritiGaneriwal55 views
Web development presentation.pptx von ManjeetAgarwal
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
ManjeetAgarwal274 views
Essentials for a Front End Developer role. von Rock Interview
Essentials for a Front End Developer role.Essentials for a Front End Developer role.
Essentials for a Front End Developer role.
Rock Interview252 views
Full Stack Web Developer (MERN STACK Developer.pptx von RamudgarYadav
Full Stack Web Developer (MERN STACK Developer.pptxFull Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptx
RamudgarYadav202 views
Learn web development: Front-end vs Back-end development von puneetbatra24
Learn web development: Front-end vs Back-end developmentLearn web development: Front-end vs Back-end development
Learn web development: Front-end vs Back-end development
puneetbatra24119 views
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx von chitrachauhan21
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
chitrachauhan2151 views
Full stack devlopment using django main ppt von SudhanshuVijay3
Full stack devlopment using django main pptFull stack devlopment using django main ppt
Full stack devlopment using django main ppt
SudhanshuVijay31.1K views

Último

Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT von
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITShapeBlue
166 views8 Folien
NTGapps NTG LowCode Platform von
NTGapps NTG LowCode Platform NTGapps NTG LowCode Platform
NTGapps NTG LowCode Platform Mustafa Kuğu
365 views30 Folien
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O... von
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...ShapeBlue
88 views13 Folien
Digital Personal Data Protection (DPDP) Practical Approach For CISOs von
Digital Personal Data Protection (DPDP) Practical Approach For CISOsDigital Personal Data Protection (DPDP) Practical Approach For CISOs
Digital Personal Data Protection (DPDP) Practical Approach For CISOsPriyanka Aash
153 views59 Folien
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates von
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesKeynote Talk: Open Source is Not Dead - Charles Schulz - Vates
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesShapeBlue
210 views15 Folien
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ... von
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...ShapeBlue
146 views15 Folien

Último(20)

Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT von ShapeBlue
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
ShapeBlue166 views
NTGapps NTG LowCode Platform von Mustafa Kuğu
NTGapps NTG LowCode Platform NTGapps NTG LowCode Platform
NTGapps NTG LowCode Platform
Mustafa Kuğu365 views
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O... von ShapeBlue
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...
Declarative Kubernetes Cluster Deployment with Cloudstack and Cluster API - O...
ShapeBlue88 views
Digital Personal Data Protection (DPDP) Practical Approach For CISOs von Priyanka Aash
Digital Personal Data Protection (DPDP) Practical Approach For CISOsDigital Personal Data Protection (DPDP) Practical Approach For CISOs
Digital Personal Data Protection (DPDP) Practical Approach For CISOs
Priyanka Aash153 views
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates von ShapeBlue
Keynote Talk: Open Source is Not Dead - Charles Schulz - VatesKeynote Talk: Open Source is Not Dead - Charles Schulz - Vates
Keynote Talk: Open Source is Not Dead - Charles Schulz - Vates
ShapeBlue210 views
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ... von ShapeBlue
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...
Backroll, News and Demo - Pierre Charton, Matthias Dhellin, Ousmane Diarra - ...
ShapeBlue146 views
Webinar : Desperately Seeking Transformation - Part 2: Insights from leading... von The Digital Insurer
Webinar : Desperately Seeking Transformation - Part 2:  Insights from leading...Webinar : Desperately Seeking Transformation - Part 2:  Insights from leading...
Webinar : Desperately Seeking Transformation - Part 2: Insights from leading...
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f... von TrustArc
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc Webinar - Managing Online Tracking Technology Vendors_ A Checklist f...
TrustArc160 views
Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPool von ShapeBlue
Extending KVM Host HA for Non-NFS Storage -  Alex Ivanov - StorPoolExtending KVM Host HA for Non-NFS Storage -  Alex Ivanov - StorPool
Extending KVM Host HA for Non-NFS Storage - Alex Ivanov - StorPool
ShapeBlue84 views
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R... von ShapeBlue
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
ShapeBlue132 views
Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or... von ShapeBlue
Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or...Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or...
Zero to Cloud Hero: Crafting a Private Cloud from Scratch with XCP-ng, Xen Or...
ShapeBlue158 views
Future of AR - Facebook Presentation von Rob McCarty
Future of AR - Facebook PresentationFuture of AR - Facebook Presentation
Future of AR - Facebook Presentation
Rob McCarty62 views
Backup and Disaster Recovery with CloudStack and StorPool - Workshop - Venko ... von ShapeBlue
Backup and Disaster Recovery with CloudStack and StorPool - Workshop - Venko ...Backup and Disaster Recovery with CloudStack and StorPool - Workshop - Venko ...
Backup and Disaster Recovery with CloudStack and StorPool - Workshop - Venko ...
ShapeBlue144 views
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue von ShapeBlue
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlueCloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue
CloudStack Managed User Data and Demo - Harikrishna Patnala - ShapeBlue
ShapeBlue94 views
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ... von ShapeBlue
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
ShapeBlue85 views
State of the Union - Rohit Yadav - Apache CloudStack von ShapeBlue
State of the Union - Rohit Yadav - Apache CloudStackState of the Union - Rohit Yadav - Apache CloudStack
State of the Union - Rohit Yadav - Apache CloudStack
ShapeBlue253 views
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N... von James Anderson
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...
GDG Cloud Southlake 28 Brad Taylor and Shawn Augenstein Old Problems in the N...
James Anderson156 views
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T von ShapeBlue
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&TCloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T
CloudStack and GitOps at Enterprise Scale - Alex Dometrius, Rene Glover - AT&T
ShapeBlue112 views

web development.pptx

  • 2. CONTENT  WHAT IS WEB DEVELOPMENT?  FRONT END DEVELOPERS  FRONT END DEVELOPMENT TECHNOLOGIES AND APPLICATION  BACK END DEVELOPERS  BACK END DEVELOPMENT TECHNOLOGIES AND APPLICATIONS  FULL STACK DEVELOPER  CONCLUSION
  • 3. What is web development? Web development is the building and maintenance of websites: it’s the work that happens behind the scenes to make a websites look great, work fast and perform well with a seamless user experience. Language Commonly Used:- JAVASCRIPT,C++,HTML,PYTHON,PHP,JAVA,SQL ANGULAR JQUERRY ETC…
  • 4. TYPES OF WEB DEVELOPERS: 1. FRONT END DEVELOPERS 2. BACK END DEVELOPERS 3. FULL STACK DEVELOPERS
  • 5. FRONT END DEVELOPERS: • 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, as well as taking care of debugging. • Front-end Developer :skills including web design, maintenance and web development are some of the hottest and most in demand skills today. • LANGUAGES USED : HTML,CSS, and JavaScript System framework…
  • 6. FRONT END DEVELOPMENT TECHNOLOGIES AND APPLICATION Frontend developers Web Application Mobile Application Web browser extension etc..
  • 7. STRUCTURE OF WEB PAGE WHAT IS HTML? Hyper text markup language it is the main language which is used to create web page on the Internet.<> are used in html, so This is called markup language. We can check coding of any web page by checking its page sourc
  • 8. CASCADING STYLE SHEET(CSS) WHAT IS CSS? Cascading style sheet(CSS) is used to format The layout of a webpage. USING CSS CSS can be added to html Document in three way: • Inline- by using the style attribute inside html Element. • Internal- by using a <style> element in the <head> section • External- by using a <link> element to link to an external CSS file.
  • 9. BOOTSTRAP Bootstrap is most popular HTML, CSS and JS framework for developing responsive, Mobile first projects on the web.
  • 10. BACK END DEVELOPERS Back end development refers to the server side of an application and everything that communication between the database and the browser. 1. 2. N E X T Back end developers are usually write the web services and API’s used by front end developers and mobile application 3. LANGUAGE MOSTLY USED: Java PhP, .Net(c#,Vb) C# VB, Ruby, Python, SQL, JavaScript…
  • 11. BACK END DEVELOPMENT TECHNOLOGIES AND APPLICATIONS  A back-end-application or program supports from-end user services, and interfaces with any required resources. Backend developers server Database Programming Language API
  • 12. Full Stack Developers? Full stack does not have its own language it’s an amalgamation of languages, tools and approaches that go into building a complete, user-friendly websites. Stack means layers, and a full stack developers divide into each layers of a website or an app regardless of whether it qualities as front-end or back-end