SlideShare una empresa de Scribd logo
1 de 10
WEB DEVELOPMENT
HARSHDEEP SINGH
CONTENT-
• What is web development?
• Front end development
• Front end development technologies
• Back end development
• Back end development technologies
WHAT IS WEB DEVELOPMENT?
• Web developing usually refers to developing the website for the internet as well as for
intranet. It is building and maintenance of website.
• Its the work that happens behind the scenes to make website look great and perform
well with seamless user experience.
• It is creation for dynamic web applications
• Examples of web applications are social networking sites like Facebook or E-
Commerce sites like Amazon.
• There are 2 divisions of web development front-end development and back-end
development.
FRONT END DEVELOPMENT
• Front end development refers to producing a web application so that a user can see
and interact with them directly. It is a process of creating the layout of a website.
• The objective of designing a site is to ensure that when the users open up the site the
information in a format that is easy to read and relevant.
• A front-end developer architects and develops websites and applications using web
technologies. Which run open web platform or act as compilation input for non web
platform environments.
• Also known as client-side development
• The skills we can use are HTML,CSS,BOOTSTRAP
HTML-
• HTML stands for Hyper Text Markup Language. It is the most basic building block
of the web. It defines the meaning and structure of the web content.
• It is not a programming language, It is a standard markup language used for
creating web pages.
• Markup language is a set of tags <>
• It describes the structure of a webpage and consists series of elements.
• Html file always saved with .html, .htm
CSS
• CSS stands for cascading style sheet. It is the language we use to style an HTML
document
• CSS describes how html elements are to be displayed on the screen, paper, or in
other media.
• CSS is used to define styles for our webpages, including the design, layout and
variations in display for different devices and screen size.
• CSS saves a lot of work. It can control the layout of multiple web pages all at
once.
BOOTSTRAP
• Bootstrap is a free front-end framework for faster and easier web development
• Bootstrap includes HTML and css based design templates for typography, forms,
buttons, tables, navigations and many others, as well as optional java plugins.
• Bootstrap also gives us ability to easily create responsive designs
• Responsive web design is about creating web sites which automatically adjust
themselves to look good on all devices, from small phones to large desktops.
BACK-END-DEVELOPMENT
• Back end development controls what goes on behind the scenes of a web
application. It is a creation of the functional part of a website its what makes the
website functional
• Also known as a server-side development
• Backend usually consists of three parts. A a server, an application and a database
• Users can’t see how the backend works but this code is what communicates the
database information to the browser.
• Back end development technologies: SQL and PHP
SQL-
• SQL stands for the Structured Query Language. It is designed for managing data
in relational database management system(RDBMS)
• SQL lets us access and manipulate databases
• SQL is a database language, it is used for database creation, deletion, fetching
and modifying rows, etc.
• It allows users to describe and define the data in database and manipulate it
when needed.
• It can retrieve data and executes queries against the database.
PHP
• PHP is a server side scripting language, that is used to develop Static websites or
Dynamic websites or Web applications. PHP stands for hypertext Pre-processor.
• PHP scripts are executed on server and free to download and use.
• PHP can collect form data and can add, delete, modify data in your database.
• PHP can be used to control user-access and to encrypt data.
• Php files can contain text, HTML, CSS, JavaScript and Php code.

Más contenido relacionado

La actualidad más candente

Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
bethanygfair
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 

La actualidad más candente (20)

Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web development
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQLWeb development using javaScript, React js, Node js, HTML, CSS and SQL
Web development using javaScript, React js, Node js, HTML, CSS and SQL
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Introduction to CSS
Introduction to CSSIntroduction to CSS
Introduction to CSS
 
Web Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo FadojutimiWeb Development and Web Development technologies - Temitayo Fadojutimi
Web Development and Web Development technologies - Temitayo Fadojutimi
 
Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1Front-end development introduction (HTML, CSS). Part 1
Front-end development introduction (HTML, CSS). Part 1
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Web development
Web developmentWeb development
Web development
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Intro to HTML & CSS
Intro to HTML & CSSIntro to HTML & CSS
Intro to HTML & CSS
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Backend Programming
Backend ProgrammingBackend Programming
Backend Programming
 

Similar a Web Development

Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web development
Ujjwal Ojha
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Harshith Rockx
 

Similar a Web Development (20)

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
 
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
 
Mini Project PPT.pptx
Mini Project PPT.pptxMini Project PPT.pptx
Mini Project 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
 
Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute Full Stack Web Development | MAGES Institute
Full Stack Web Development | MAGES Institute
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Gettings started with Web development
Gettings started with Web developmentGettings started with Web development
Gettings started with Web development
 
Full Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptxFull Stack Web Developer (MERN STACK Developer.pptx
Full Stack Web Developer (MERN STACK Developer.pptx
 
WebTechnology presentation.pptx
WebTechnology presentation.pptxWebTechnology presentation.pptx
WebTechnology presentation.pptx
 
amanWeb.ppt.pptx
amanWeb.ppt.pptxamanWeb.ppt.pptx
amanWeb.ppt.pptx
 
1_Intro_toHTML.ppt
1_Intro_toHTML.ppt1_Intro_toHTML.ppt
1_Intro_toHTML.ppt
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
 
internship presentation 123445667890987a
internship presentation 123445667890987ainternship presentation 123445667890987a
internship presentation 123445667890987a
 
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
 
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
 
UI Web Development.pptx
UI Web Development.pptxUI Web Development.pptx
UI Web Development.pptx
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptxLATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
LATEST_TRENDS_IN_WEBSITE_DEVELOPMENT.pptx
 
Web-Development-ppt (1).pptx
Web-Development-ppt (1).pptxWeb-Development-ppt (1).pptx
Web-Development-ppt (1).pptx
 
Web-Development-ppt.pptx
Web-Development-ppt.pptxWeb-Development-ppt.pptx
Web-Development-ppt.pptx
 

Último

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Último (20)

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 

Web Development

  • 2. CONTENT- • What is web development? • Front end development • Front end development technologies • Back end development • Back end development technologies
  • 3. WHAT IS WEB DEVELOPMENT? • Web developing usually refers to developing the website for the internet as well as for intranet. It is building and maintenance of website. • Its the work that happens behind the scenes to make website look great and perform well with seamless user experience. • It is creation for dynamic web applications • Examples of web applications are social networking sites like Facebook or E- Commerce sites like Amazon. • There are 2 divisions of web development front-end development and back-end development.
  • 4. FRONT END DEVELOPMENT • Front end development refers to producing a web application so that a user can see and interact with them directly. It is a process of creating the layout of a website. • The objective of designing a site is to ensure that when the users open up the site the information in a format that is easy to read and relevant. • A front-end developer architects and develops websites and applications using web technologies. Which run open web platform or act as compilation input for non web platform environments. • Also known as client-side development • The skills we can use are HTML,CSS,BOOTSTRAP
  • 5. HTML- • HTML stands for Hyper Text Markup Language. It is the most basic building block of the web. It defines the meaning and structure of the web content. • It is not a programming language, It is a standard markup language used for creating web pages. • Markup language is a set of tags <> • It describes the structure of a webpage and consists series of elements. • Html file always saved with .html, .htm
  • 6. CSS • CSS stands for cascading style sheet. It is the language we use to style an HTML document • CSS describes how html elements are to be displayed on the screen, paper, or in other media. • CSS is used to define styles for our webpages, including the design, layout and variations in display for different devices and screen size. • CSS saves a lot of work. It can control the layout of multiple web pages all at once.
  • 7. BOOTSTRAP • Bootstrap is a free front-end framework for faster and easier web development • Bootstrap includes HTML and css based design templates for typography, forms, buttons, tables, navigations and many others, as well as optional java plugins. • Bootstrap also gives us ability to easily create responsive designs • Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops.
  • 8. BACK-END-DEVELOPMENT • Back end development controls what goes on behind the scenes of a web application. It is a creation of the functional part of a website its what makes the website functional • Also known as a server-side development • Backend usually consists of three parts. A a server, an application and a database • Users can’t see how the backend works but this code is what communicates the database information to the browser. • Back end development technologies: SQL and PHP
  • 9. SQL- • SQL stands for the Structured Query Language. It is designed for managing data in relational database management system(RDBMS) • SQL lets us access and manipulate databases • SQL is a database language, it is used for database creation, deletion, fetching and modifying rows, etc. • It allows users to describe and define the data in database and manipulate it when needed. • It can retrieve data and executes queries against the database.
  • 10. PHP • PHP is a server side scripting language, that is used to develop Static websites or Dynamic websites or Web applications. PHP stands for hypertext Pre-processor. • PHP scripts are executed on server and free to download and use. • PHP can collect form data and can add, delete, modify data in your database. • PHP can be used to control user-access and to encrypt data. • Php files can contain text, HTML, CSS, JavaScript and Php code.