SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
Mohammed Safwat
 

Was ist angesagt? (20)

Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
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
 
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 on Web Project Presentation
Web Development on Web Project PresentationWeb Development on Web Project Presentation
Web Development on Web Project Presentation
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_Next.js vs React | what to choose for frontend development_
Next.js vs React | what to choose for frontend development_
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Full-Stack Development
Full-Stack DevelopmentFull-Stack Development
Full-Stack Development
 
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
 
Front end web development
Front end web developmentFront end web development
Front end web development
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web Development
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
 
Web development
Web developmentWeb development
Web development
 
Full Stack Web Development
Full Stack Web DevelopmentFull Stack Web Development
Full Stack Web Development
 
Web development | Derin Dolen
Web development | Derin Dolen Web development | Derin Dolen
Web development | Derin Dolen
 
Ppt full stack developer
Ppt full stack developerPpt full stack developer
Ppt full stack developer
 

Ähnlich wie 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
 

Ähnlich wie 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
 
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
 
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
 
Accent Techno Soft.pptx
Accent Techno Soft.pptxAccent Techno Soft.pptx
Accent Techno Soft.pptx
 
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK TechnologiesLow-Cost Digital Marketing Service in Nagpur | PSK Technologies
Low-Cost Digital Marketing Service in Nagpur | PSK Technologies
 

Kürzlich hochgeladen

Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Kürzlich hochgeladen (20)

Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
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...
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
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
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
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
 
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
Sensory_Experience_and_Emotional_Resonance_in_Gabriel_Okaras_The_Piano_and_Th...
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024FSB Advising Checklist - Orientation 2024
FSB Advising Checklist - Orientation 2024
 
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)
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

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.