SlideShare a Scribd company logo
1 of 23
WEB DEVELOPMENT
By: Ashish Saini
CSE
Roll no-8720116
ABOUT TRAINING
 Topic: Web Development
 Mode of Training: Online from Internshala
 Start Date: 20st august 2021
 End Date: 29th september 2021
 Duration: 8 Weeks
 Total Modules- 7
 Marks Obtained: 100%
CONTENT
 What is Web Development?
 Technologies Learnt
 Project details
 Certificate
WHAT IS WEB DEVELOPMENT ?
 Web development usually refers to developing the website for the internet(world wide
web) or an intranet(private network).
 It can range from developing a simple single static page of plain text to complex web
applications , electronic and social network services.
 Examples of web applications are social networking sites like Facebook, e-commerce
websites like flipkart, amazon etc.
 There are two broad divisions of web development- front-end development & back-end
development.
1.)Front-end web development:- It is also known as client-side development is the practice of
producing HTML ,CSS & Javascript for a website so that user can see and attract with them directly.
2.)Back-end web development, also known as server-side development which communicates between
the database and browser. Examples are PHP and MYSQL.
TECHNOLOGIES LEARNT
Technologies I have Learnt so far in this training are:
 HTML
 CSS
 Javascript
 Bootstrap
 PHP
 React
 DBMS
HTML
 HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications.
 HTML describes the structure of a Web page.
 HTML consists of a series of elements.
 HTML elements tell the browser how to display the content.
 HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”, “this is link”, etc.
 A simple HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My First paragraph.</h1>
</body>
</html>
CSS
 CSS stands for Cascading Style Sheets.
 CSS describes how HTML elements are to be displayed on screen, paper or in other media.
 CSS is used to define styles for our web pages, including the design, layout and variations
in display for different devices and screen sizes.
 The word cascading means that a style applied to a parent element will also apply to all
children elements within the parent. So , if we set the color of the body text to “blue” ,
all headings, paragraphs, and other text elements within the body will also get the same
color (unless we specify something else).
 CSS can be added to HTML documents in 3 ways:
 Inline – by using the style attribute inside HTML elements.
 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 a free front-end framework for faster and easier web
development.
 Bootstrap includes HTML and CSS based design templates for typography,
forms, buttons, tables, navigation, modals, image carousels and many other,
as well as optional JavaScript plugins.
 Bootstrap also gives us the 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.
 Advantages of Bootstrap:
1.) Easy to use
2.) Responsive features
3.) Mobile-first approach
4.) Browser compatibility
SQL
 SQL stands for Structured Query Language. It is designed for managing data in a relational database
management system(RDBMS).
 SQL is a database language, it is used for database creation, deletion, fetching rows, and modifying
rows, etc. SQL is based on relational algebra and tuple relational calculus.
 All DBMS like MySQL, Oracle, MS Access, Sybase, Informix, PostgreSQL, and SQL Server use SQL as
standard database language. SQL is just a query language; it is not a database. To perform SQL queries,
we need to install any database, for example, Oracle, MySQL, MongoDB, PostGre SQL, SQL Server, DB2,
etc.
 With SQL, we can query our database in several ways, using English-like statements.
 It allows the user to describe and define the data in the database and manipulate it when needed.
 It allows the user to create a view, stored procedure, function in a database.
 It allows the user to set permission on tables, procedure, and views.
Javascript
 Javascript is the programming language for the web.
 It can change both html and css.
 It helps in making webpages interactive.
 For applying javascript in any webpage , the javascrit file is to be linked in
the html code.
React
 React is a declarative, efficient, and flexible javascript library for building
user interface.
 It was developed by facebook.
 React applications are usually built around a single HTML element.
 It is one frontend development framework.
PHP
 PHP is an acronym for “PHP: Hypertext Preprocessor” . It is a widely-used, open source scripting
language.
 PHP scripts are executed on the server and is free to download and use.
 PHP can generate dynamic page content and can create, open, read, write, delete, and close files on
the server.
 PHP can collect from data and can add, delete, modify data in your database.
 PHP can send and receive cookies.
 PHP can be used to control user-access and to encrypt data.
 PHP files can contain text, HTML, CSS, JavaScript, and PHP code.
 PHP code is executed on the server, and the result is returned to the browser as plain HTML.
Project Details:
 Project Name: PGlife
 Language Used: Html
 Database: MySQL
 User Interface Design: HTML, CSS, Bootstrap
 Web Browser: Google Chrome
 Software: VScode
Index Page of Project
Signup Page of Project Login Page of Project
Home Page of Project
Certificate
Screenshots of project
Linking stylesheets for applying java
script
ashish ppt webd.pptx
ashish ppt webd.pptx

More Related Content

What's hot

Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development PresentationTurnToTech
 
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 1Oleksii Prohonnyi
 
Web development presentation
Web development presentationWeb development presentation
Web development presentationVaishnavi8950
 
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 DevelopmentRandy Connolly
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web DevelopmentYash Sati
 
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 Abhishekchauhan863165
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | IntroductionJohnTaieb
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018Traversy Media
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development PptBruce Tucker
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development47ishu
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web DevelopmentRobert Nyman
 
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-developmentGlobal Media Insight
 
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 SQLJayant Surana
 

What's hot (20)

Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
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
 
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
 
Front-End Web Development
Front-End Web DevelopmentFront-End Web Development
Front-End Web 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
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
 
Web development
Web developmentWeb development
Web development
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Web Development
Web DevelopmentWeb Development
Web Development
 
A presentation on front end development
A presentation on front end development   A presentation on front end development
A presentation on front end development
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
Web Development Ppt
Web Development PptWeb Development Ppt
Web Development Ppt
 
Web Development
Web DevelopmentWeb Development
Web Development
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern 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
 
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
 

Similar to ashish ppt webd.pptx

web intership ritesh.pptx
web intership ritesh.pptxweb intership ritesh.pptx
web intership ritesh.pptxJenaj2
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfgdsczhcet
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfRamCharan481900
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxlearnEnglish51
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
Web development ppt
Web development pptWeb development ppt
Web development pptParasJain222
 
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
 
Ncp computer appls web tech asish
Ncp computer appls  web tech asishNcp computer appls  web tech asish
Ncp computer appls web tech asishNCP
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and developmentgherryta
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web ApplicationSachin Walvekar
 
How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLYahyaMemon2
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfgetrichoffice
 

Similar to ashish ppt webd.pptx (20)

ppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptxppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptx
 
web devs ppt.ppsx
web devs ppt.ppsxweb devs ppt.ppsx
web devs ppt.ppsx
 
web intership ritesh.pptx
web intership ritesh.pptxweb intership ritesh.pptx
web intership ritesh.pptx
 
Php
PhpPhp
Php
 
Web Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdfWeb Dev - 1 PPT.pdf
Web Dev - 1 PPT.pdf
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdf
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
 
Ncp computer appls web tech asish
Ncp computer appls  web tech asishNcp computer appls  web tech asish
Ncp computer appls web tech asish
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
How to Create a College Website Page Using HTML
How to Create a College Website Page Using HTMLHow to Create a College Website Page Using HTML
How to Create a College Website Page Using HTML
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
 

Recently uploaded

Internship report on mechanical engineering
Internship report on mechanical engineeringInternship report on mechanical engineering
Internship report on mechanical engineeringmalavadedarshan25
 
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝soniya singh
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girlsssuser7cb4ff
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...Soham Mondal
 
Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...VICTOR MAESTRE RAMIREZ
 
microprocessor 8085 and its interfacing
microprocessor 8085  and its interfacingmicroprocessor 8085  and its interfacing
microprocessor 8085 and its interfacingjaychoudhary37
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat
 
main PPT.pptx of girls hostel security using rfid
main PPT.pptx of girls hostel security using rfidmain PPT.pptx of girls hostel security using rfid
main PPT.pptx of girls hostel security using rfidNikhilNagaraju
 
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsCall Girls in Nagpur High Profile
 
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdf
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdfCCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdf
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdfAsst.prof M.Gokilavani
 
Oxy acetylene welding presentation note.
Oxy acetylene welding presentation note.Oxy acetylene welding presentation note.
Oxy acetylene welding presentation note.eptoze12
 
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024hassan khalil
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Dr.Costas Sachpazis
 
power system scada applications and uses
power system scada applications and usespower system scada applications and uses
power system scada applications and usesDevarapalliHaritha
 
Biology for Computer Engineers Course Handout.pptx
Biology for Computer Engineers Course Handout.pptxBiology for Computer Engineers Course Handout.pptx
Biology for Computer Engineers Course Handout.pptxDeepakSakkari2
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVRajaP95
 
Microscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxMicroscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxpurnimasatapathy1234
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCall Girls in Nagpur High Profile
 

Recently uploaded (20)

Internship report on mechanical engineering
Internship report on mechanical engineeringInternship report on mechanical engineering
Internship report on mechanical engineering
 
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
Model Call Girl in Narela Delhi reach out to us at 🔝8264348440🔝
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girls
 
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
OSVC_Meta-Data based Simulation Automation to overcome Verification Challenge...
 
Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...Software and Systems Engineering Standards: Verification and Validation of Sy...
Software and Systems Engineering Standards: Verification and Validation of Sy...
 
microprocessor 8085 and its interfacing
microprocessor 8085  and its interfacingmicroprocessor 8085  and its interfacing
microprocessor 8085 and its interfacing
 
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
(ANVI) Koregaon Park Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...
 
main PPT.pptx of girls hostel security using rfid
main PPT.pptx of girls hostel security using rfidmain PPT.pptx of girls hostel security using rfid
main PPT.pptx of girls hostel security using rfid
 
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur EscortsHigh Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
High Profile Call Girls Nagpur Meera Call 7001035870 Meet With Nagpur Escorts
 
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdf
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdfCCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdf
CCS355 Neural Network & Deep Learning Unit II Notes with Question bank .pdf
 
Oxy acetylene welding presentation note.
Oxy acetylene welding presentation note.Oxy acetylene welding presentation note.
Oxy acetylene welding presentation note.
 
Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024Architect Hassan Khalil Portfolio for 2024
Architect Hassan Khalil Portfolio for 2024
 
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
Sheet Pile Wall Design and Construction: A Practical Guide for Civil Engineer...
 
power system scada applications and uses
power system scada applications and usespower system scada applications and uses
power system scada applications and uses
 
Biology for Computer Engineers Course Handout.pptx
Biology for Computer Engineers Course Handout.pptxBiology for Computer Engineers Course Handout.pptx
Biology for Computer Engineers Course Handout.pptx
 
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IVHARMONY IN THE NATURE AND EXISTENCE - Unit-IV
HARMONY IN THE NATURE AND EXISTENCE - Unit-IV
 
Microscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptxMicroscopic Analysis of Ceramic Materials.pptx
Microscopic Analysis of Ceramic Materials.pptx
 
young call girls in Rajiv Chowk🔝 9953056974 🔝 Delhi escort Service
young call girls in Rajiv Chowk🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Rajiv Chowk🔝 9953056974 🔝 Delhi escort Service
young call girls in Rajiv Chowk🔝 9953056974 🔝 Delhi escort Service
 
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service NashikCollege Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
College Call Girls Nashik Nehal 7001305949 Independent Escort Service Nashik
 
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
★ CALL US 9953330565 ( HOT Young Call Girls In Badarpur delhi NCR
 

ashish ppt webd.pptx

  • 1. WEB DEVELOPMENT By: Ashish Saini CSE Roll no-8720116
  • 2. ABOUT TRAINING  Topic: Web Development  Mode of Training: Online from Internshala  Start Date: 20st august 2021  End Date: 29th september 2021  Duration: 8 Weeks  Total Modules- 7  Marks Obtained: 100%
  • 3. CONTENT  What is Web Development?  Technologies Learnt  Project details  Certificate
  • 4. WHAT IS WEB DEVELOPMENT ?  Web development usually refers to developing the website for the internet(world wide web) or an intranet(private network).  It can range from developing a simple single static page of plain text to complex web applications , electronic and social network services.  Examples of web applications are social networking sites like Facebook, e-commerce websites like flipkart, amazon etc.  There are two broad divisions of web development- front-end development & back-end development. 1.)Front-end web development:- It is also known as client-side development is the practice of producing HTML ,CSS & Javascript for a website so that user can see and attract with them directly. 2.)Back-end web development, also known as server-side development which communicates between the database and browser. Examples are PHP and MYSQL.
  • 5. TECHNOLOGIES LEARNT Technologies I have Learnt so far in this training are:  HTML  CSS  Javascript  Bootstrap  PHP  React  DBMS
  • 6. HTML  HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and web applications.  HTML describes the structure of a Web page.  HTML consists of a series of elements.  HTML elements tell the browser how to display the content.  HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”, “this is link”, etc.  A simple HTML Document <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My First paragraph.</h1> </body> </html>
  • 7. CSS  CSS stands for Cascading Style Sheets.  CSS describes how HTML elements are to be displayed on screen, paper or in other media.  CSS is used to define styles for our web pages, including the design, layout and variations in display for different devices and screen sizes.  The word cascading means that a style applied to a parent element will also apply to all children elements within the parent. So , if we set the color of the body text to “blue” , all headings, paragraphs, and other text elements within the body will also get the same color (unless we specify something else).  CSS can be added to HTML documents in 3 ways:  Inline – by using the style attribute inside HTML elements.  Internal – by using a <style>element in the <head> section.  External – by using a <link> element to link to an external CSS file.
  • 8. 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, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.  Bootstrap also gives us the 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.  Advantages of Bootstrap: 1.) Easy to use 2.) Responsive features 3.) Mobile-first approach 4.) Browser compatibility
  • 9. SQL  SQL stands for Structured Query Language. It is designed for managing data in a relational database management system(RDBMS).  SQL is a database language, it is used for database creation, deletion, fetching rows, and modifying rows, etc. SQL is based on relational algebra and tuple relational calculus.  All DBMS like MySQL, Oracle, MS Access, Sybase, Informix, PostgreSQL, and SQL Server use SQL as standard database language. SQL is just a query language; it is not a database. To perform SQL queries, we need to install any database, for example, Oracle, MySQL, MongoDB, PostGre SQL, SQL Server, DB2, etc.  With SQL, we can query our database in several ways, using English-like statements.  It allows the user to describe and define the data in the database and manipulate it when needed.  It allows the user to create a view, stored procedure, function in a database.  It allows the user to set permission on tables, procedure, and views.
  • 10. Javascript  Javascript is the programming language for the web.  It can change both html and css.  It helps in making webpages interactive.  For applying javascript in any webpage , the javascrit file is to be linked in the html code.
  • 11. React  React is a declarative, efficient, and flexible javascript library for building user interface.  It was developed by facebook.  React applications are usually built around a single HTML element.  It is one frontend development framework.
  • 12. PHP  PHP is an acronym for “PHP: Hypertext Preprocessor” . It is a widely-used, open source scripting language.  PHP scripts are executed on the server and is free to download and use.  PHP can generate dynamic page content and can create, open, read, write, delete, and close files on the server.  PHP can collect from data and can add, delete, modify data in your database.  PHP can send and receive cookies.  PHP can be used to control user-access and to encrypt data.  PHP files can contain text, HTML, CSS, JavaScript, and PHP code.  PHP code is executed on the server, and the result is returned to the browser as plain HTML.
  • 13. Project Details:  Project Name: PGlife  Language Used: Html  Database: MySQL  User Interface Design: HTML, CSS, Bootstrap  Web Browser: Google Chrome  Software: VScode
  • 14. Index Page of Project
  • 15. Signup Page of Project Login Page of Project
  • 16. Home Page of Project
  • 19.
  • 20.
  • 21. Linking stylesheets for applying java script