SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

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
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
web development.pptx
web development.pptxweb development.pptx
web development.pptxMohdArbazraza
 
WordPress for Education PPT
WordPress for Education PPTWordPress for Education PPT
WordPress for Education PPTjekkilekki
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
Front end web development
Front end web developmentFront end web development
Front end web developmentviveksewa
 
Web front end development introduction to html css and javascript
Web front end development introduction to html css and javascriptWeb front end development introduction to html css and javascript
Web front end development introduction to html css and javascriptMarc Huang
 
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-3Devang Garach
 
Web development presentation
Web development presentationWeb development presentation
Web development presentationVaishnavi8950
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web DesignDan Dixon
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of web developmentbethanygfair
 
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
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web developmentCrampete
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPressHarshad Mane
 
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
 
Front end development session1
Front end development session1Front end development session1
Front end development session1marwa Ayad Mohamed
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1Shahrzad Peyman
 

Mais procurados (20)

Web development
Web developmentWeb development
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
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
WordPress for Education PPT
WordPress for Education PPTWordPress for Education PPT
WordPress for Education PPT
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 
Front end web development
Front end web developmentFront end web development
Front end web development
 
Web front end development introduction to html css and javascript
Web front end development introduction to html css and javascriptWeb front end development introduction to html css and javascript
Web front end development introduction to html css and javascript
 
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
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Ppt of web development
Ppt of web developmentPpt of web development
Ppt of 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
 
Web Designing
Web Designing Web Designing
Web Designing
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
 
Introduction to WordPress
Introduction to WordPressIntroduction to WordPress
Introduction to WordPress
 
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
 
Front end development session1
Front end development session1Front end development session1
Front end development session1
 
Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 

Semelhante a ashish ppt webd.pptx

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).pptx12KritiGaneriwal
 
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
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptxbodepallivamsi1122
 
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
 

Semelhante a ashish ppt webd.pptx (20)

Presentation 5 (1).pptx
Presentation 5 (1).pptxPresentation 5 (1).pptx
Presentation 5 (1).pptx
 
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
 
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
 
It ppt.pptx
It ppt.pptxIt ppt.pptx
It ppt.pptx
 
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
 
Web development intership Presentation.pptx
Web development intership Presentation.pptxWeb development intership Presentation.pptx
Web development intership Presentation.pptx
 
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
 

Último

The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...ranjana rawat
 
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueDouble Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueBhangaleSonal
 
Thermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.pptThermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.pptDineshKumar4165
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfKamal Acharya
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXssuser89054b
 
AKTU Computer Networks notes --- Unit 3.pdf
AKTU Computer Networks notes ---  Unit 3.pdfAKTU Computer Networks notes ---  Unit 3.pdf
AKTU Computer Networks notes --- Unit 3.pdfankushspencer015
 
Generative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPTGenerative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPTbhaskargani46
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Christo Ananth
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performancesivaprakash250
 
chapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringchapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringmulugeta48
 
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...roncy bisnoi
 
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...ranjana rawat
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Standamitlee9823
 
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...SUHANI PANDEY
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdfKamal Acharya
 
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...Call Girls in Nagpur High Profile
 
Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01KreezheaRecto
 

Último (20)

Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024Water Industry Process Automation & Control Monthly - April 2024
Water Industry Process Automation & Control Monthly - April 2024
 
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
The Most Attractive Pune Call Girls Manchar 8250192130 Will You Miss This Cha...
 
Double Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torqueDouble Revolving field theory-how the rotor develops torque
Double Revolving field theory-how the rotor develops torque
 
Thermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.pptThermal Engineering -unit - III & IV.ppt
Thermal Engineering -unit - III & IV.ppt
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdfONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
ONLINE FOOD ORDER SYSTEM PROJECT REPORT.pdf
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
 
AKTU Computer Networks notes --- Unit 3.pdf
AKTU Computer Networks notes ---  Unit 3.pdfAKTU Computer Networks notes ---  Unit 3.pdf
AKTU Computer Networks notes --- Unit 3.pdf
 
Generative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPTGenerative AI or GenAI technology based PPT
Generative AI or GenAI technology based PPT
 
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
Call for Papers - African Journal of Biological Sciences, E-ISSN: 2663-2187, ...
 
UNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its PerformanceUNIT - IV - Air Compressors and its Performance
UNIT - IV - Air Compressors and its Performance
 
chapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineeringchapter 5.pptx: drainage and irrigation engineering
chapter 5.pptx: drainage and irrigation engineering
 
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
Call Girls Pimpri Chinchwad Call Me 7737669865 Budget Friendly No Advance Boo...
 
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
The Most Attractive Pune Call Girls Budhwar Peth 8250192130 Will You Miss Thi...
 
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night StandCall Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
Call Girls In Bangalore ☎ 7737669865 🥵 Book Your One night Stand
 
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
(INDIRA) Call Girl Meerut Call Now 8617697112 Meerut Escorts 24x7
 
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
VIP Model Call Girls Kothrud ( Pune ) Call ON 8005736733 Starting From 5K to ...
 
Online banking management system project.pdf
Online banking management system project.pdfOnline banking management system project.pdf
Online banking management system project.pdf
 
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...Top Rated  Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
Top Rated Pune Call Girls Budhwar Peth ⟟ 6297143586 ⟟ Call Me For Genuine Se...
 
Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01Double rodded leveling 1 pdf activity 01
Double rodded leveling 1 pdf activity 01
 

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