SlideShare a Scribd company logo
1 of 11
FRONT END WEB
DEVELOPMENT
BY BIBEK SEWA
TOPICS WE WILL
COVER
1. WHAT IS A WEBSITE
2. WEB DEVELOPMENT
3. WEB DEVELOPERS
4. FRONT-END DEVELOPMENT
5. BACK-END DEVELOPMENT
6. HTML,CSS,JAVASCRIPT
WHAT IS A WEBSITE?
▶ The definition of a website is a page or collection of pages on the World Wide Web that
contains specific information which was all provided by one person or entity and traces back to
a common Uniform Resource Locator (URL).
▶ Facebook and MySpace are examples of websites.
WEBSITE DEVELOPMENT
▶ Web development can simply be defined as the building and maintenance of
websites for hosting via the internet or the intranet (a private network).
▶ It’s all about creating web pages (websites) or applications (such as Amazon or
Facebook) that run in a web browser. Web development often involves learning
several programming languages, frameworks, databases, etc. as different websites
and apps use different technologies and have different functionalities.
WEB DEVELOPER
A WEB DEVELOPER IS A KIND
OF PROGRAMMER WHO
SPECIALIZES IN THE
DEVELOPMENT OF
APPLICATIONS RELATING TO
THE WORLD WIDE WEB
FRONT-END
DEVELOPMENT
Front-end web development,
also known as client-side
development is the practice of
producing HTML, CSS and
JavaScript for a website or Web
Application so that a user can
see and interact with them
directly.
The objective of designing a site
is to ensure that when the users
open up the site they see the
information in a format that is
easy to read and relevant.
BACK END
DEVELOPMENT
Back end development refers to
the server side of an application
and everything that
communicates between the
database and the browser.
Java, PHP, Ruby on Rails,
Python, and .Net
HTML(Hypertext Markup Language)
OVERVIEW
▶ Hypertext Markup Language (HTML) is the
standard markup language for creating web
pages and web applications.
▶
Web browsers receive HTML documents from
a web server or from local storage and render the
documents into multimedia web pages. HTML
describes the structure of a web page semantically
and originally included cues for the appearance of
the document.
CSS(Cascading Style Sheets)
▶ Cascading Style Sheets (CSS) is a style
sheet language used for describing
the presentation of a document written in
a markup language like HTLML.
▶ CSS is designed to enable the separation
of presentation and content,
including layout, colors, and fonts
JAVASCRIPT
▶ A high-level, interpreted programming
language . . It is a dynamic language.
▶ JavaScript enables interactive web pages
and is an essential part of web
applications.
▶ The vast majority of websites use it, and
major web browsers have a
dedicated JavaScript engine to execute it.
THE END…………

More Related Content

Similar to frontendwebdevelopment-190510024804 (1).pptx

Similar to frontendwebdevelopment-190510024804 (1).pptx (20)

Web development ppt
Web development pptWeb development ppt
Web development ppt
 
webdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptxwebdevelopmentppt-2210923044639 (1).pptx
webdevelopmentppt-2210923044639 (1).pptx
 
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
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project PPT.pptx
 
Web browsers and web document
Web browsers and web documentWeb browsers and web document
Web browsers and web document
 
Learn web development: Front-end vs Back-end development
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
 
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.
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
FRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptxFRONT-END WEB DEVELOPMENT-Intro.pptx
FRONT-END WEB DEVELOPMENT-Intro.pptx
 
web intership ritesh.pptx
web intership ritesh.pptxweb intership ritesh.pptx
web intership ritesh.pptx
 
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...Web Design & Development Courses  in Pune |Web Development Classes in Pune | ...
Web Design & Development Courses in Pune |Web Development Classes in Pune | ...
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Tech talk webtech
Tech talk webtechTech talk webtech
Tech talk webtech
 
WEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptxWEB DEVELOPMENT.pptx
WEB DEVELOPMENT.pptx
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
 

More from ReemaAsker1 (7)

IntroductionToCSharp.ppt
IntroductionToCSharp.pptIntroductionToCSharp.ppt
IntroductionToCSharp.ppt
 
IntroductionToCSharp.ppt
IntroductionToCSharp.pptIntroductionToCSharp.ppt
IntroductionToCSharp.ppt
 
Programming Lesson by Slidesgo - Copy.pptx
Programming Lesson by Slidesgo - Copy.pptxProgramming Lesson by Slidesgo - Copy.pptx
Programming Lesson by Slidesgo - Copy.pptx
 
Stuttgarter Weindorf by Slidesgo.pptx
Stuttgarter Weindorf  by Slidesgo.pptxStuttgarter Weindorf  by Slidesgo.pptx
Stuttgarter Weindorf by Slidesgo.pptx
 
Formal Presentation Template.pptx
Formal Presentation Template.pptxFormal Presentation Template.pptx
Formal Presentation Template.pptx
 
note2_DesignPatterns (1).pptx
note2_DesignPatterns (1).pptxnote2_DesignPatterns (1).pptx
note2_DesignPatterns (1).pptx
 
Business Case Training - Slides.pptx
Business Case Training - Slides.pptxBusiness Case Training - Slides.pptx
Business Case Training - Slides.pptx
 

Recently uploaded

Recently uploaded (20)

Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

frontendwebdevelopment-190510024804 (1).pptx

  • 2. TOPICS WE WILL COVER 1. WHAT IS A WEBSITE 2. WEB DEVELOPMENT 3. WEB DEVELOPERS 4. FRONT-END DEVELOPMENT 5. BACK-END DEVELOPMENT 6. HTML,CSS,JAVASCRIPT
  • 3. WHAT IS A WEBSITE? ▶ The definition of a website is a page or collection of pages on the World Wide Web that contains specific information which was all provided by one person or entity and traces back to a common Uniform Resource Locator (URL). ▶ Facebook and MySpace are examples of websites.
  • 4. WEBSITE DEVELOPMENT ▶ Web development can simply be defined as the building and maintenance of websites for hosting via the internet or the intranet (a private network). ▶ It’s all about creating web pages (websites) or applications (such as Amazon or Facebook) that run in a web browser. Web development often involves learning several programming languages, frameworks, databases, etc. as different websites and apps use different technologies and have different functionalities.
  • 5. WEB DEVELOPER A WEB DEVELOPER IS A KIND OF PROGRAMMER WHO SPECIALIZES IN THE DEVELOPMENT OF APPLICATIONS RELATING TO THE WORLD WIDE WEB
  • 6. FRONT-END DEVELOPMENT Front-end web development, also known as client-side development is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The objective of designing a site is to ensure that when the users open up the site they see the information in a format that is easy to read and relevant.
  • 7. BACK END DEVELOPMENT Back end development refers to the server side of an application and everything that communicates between the database and the browser. Java, PHP, Ruby on Rails, Python, and .Net
  • 8. HTML(Hypertext Markup Language) OVERVIEW ▶ Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. ▶ Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
  • 9. CSS(Cascading Style Sheets) ▶ Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTLML. ▶ CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts
  • 10. JAVASCRIPT ▶ A high-level, interpreted programming language . . It is a dynamic language. ▶ JavaScript enables interactive web pages and is an essential part of web applications. ▶ The vast majority of websites use it, and major web browsers have a dedicated JavaScript engine to execute it.