SlideShare a Scribd company logo
Web Development
For
Everyone, literally everyone!
Hi, there!
I,m Rahul!
PS. I don’t wear masks
at home.
World Wide Web - Why do we need it?
● World Wide Web (WWW) - The World Wide Web, commonly known as the Web, is an information system where documents
and other web resources are identified by Uniform Resource Locators, which may be interlinked by hypertext, and are
accessible over the Internet.
Hotel Booking Flight Booking Train ticket Booking
& many more ...
Reference: Wikipedia
Client
World Wide Web
Millions
& more ...
Consider, a network of clients connected through some channel.
Self
A client node
can also consist
of multiple
client nodes
within. Such a
formation of
client nodes can
also be
attributed as a
cloud of
computers.
Self
Consider a minimalistic model of two client
nodes communicating with each other.
Communication Channel
Several other client nodes
also connect with client
B.
Client A Client B
Self
Node
requesting
for content
Reference to content source
location.
Client requests server for the content.
Server responds with the desired content.
A client may expect many other types of content as
the response from the server like, text response,
image response, etc.
HTML Content
Self
Something you now know?
● Webpage Vs Website? - A webpage is an independent part of a website that contains the links to other web pages on the
website.
● URLs - A Uniform Resource Locator (URL), colloquially termed a web address,[1] is a reference to a web resource that specifies
its location on a computer network and a mechanism for retrieving it.
● Web Browser Client - a software application for accessing information on the World Wide Web. When a user requests a web
page from a particular website, the web browser retrieves the necessary content from a web server(?) and then displays the
page on the user's device.
● Web Server - A web server is server software, or hardware dedicated to running this software, that can satisfy client requests on
the World Wide Web.
Reference: Wikipedia
You know where to find me!
webcrat.tech@gmail.com
PS. Keep the subject line as:
[ Web Dev BootCamp ‘ 20 ]
Github @webber2408
LinkedIn @rahul-sharma-25b30b114
Medium @webcrat.tech
Attributions for this slide:
> Icons made by Freepik from www.flaticon.com
> Other references: Wikipedia

More Related Content

Similar to Introduction to Web Development

WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
AnkitaChauhan79
 
Treinamento 1
Treinamento 1Treinamento 1
Treinamento 1
Carlos Melo
 
world wide web
world wide webworld wide web
world wide web
Richa Vasant
 
E - BUSINESS AND ACCOUNTING.
E - BUSINESS AND ACCOUNTING.E - BUSINESS AND ACCOUNTING.
E - BUSINESS AND ACCOUNTING.
Abhishek Kulkarni
 
Web Database
Web DatabaseWeb Database
Web Database
idroos7
 
cs sem.pptx
cs sem.pptxcs sem.pptx
cs sem.pptx
GlennThomas44
 
Lecture 1 - Introduction.pptx
Lecture 1 - Introduction.pptxLecture 1 - Introduction.pptx
Lecture 1 - Introduction.pptx
KhalilAhmed352943
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptx
DhruvPatel189174
 
1) Web Technology - Introduction.pptx
1) Web Technology - Introduction.pptx1) Web Technology - Introduction.pptx
1) Web Technology - Introduction.pptx
SujataKangune2
 
Basic web designing
Basic web designingBasic web designing
Basic web designing
Siya Agarwal
 
انترنت فيديو كونفرنس 12_7_2011
انترنت فيديو كونفرنس 12_7_2011انترنت فيديو كونفرنس 12_7_2011
انترنت فيديو كونفرنس 12_7_2011
zbsofam
 
Internet & www
Internet & wwwInternet & www
Internet & www
MozaSaid
 
Website Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil BhargavaWebsite Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil Bhargava
Kapil Bhargava
 
Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?
anubhavdoodleblue123
 
CBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNETCBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNET
Archana Dwivedi
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
fawaz
 
Web engineering lecture 3
Web engineering lecture 3Web engineering lecture 3
Web engineering lecture 3
University of Swat
 
BASICS OF INTERNET and fundamentals of computer
BASICS OF INTERNET and fundamentals of computerBASICS OF INTERNET and fundamentals of computer
BASICS OF INTERNET and fundamentals of computer
Pitchairaj Bhuvaneswari
 
Website Overview
Website OverviewWebsite Overview
Website Overview
ChanHan Hy
 
Application_layer.pdf
Application_layer.pdfApplication_layer.pdf
Application_layer.pdf
BhoomikaPrajapath
 

Similar to Introduction to Web Development (20)

WP Chap 1 & 2.pptx
WP Chap 1 & 2.pptxWP Chap 1 & 2.pptx
WP Chap 1 & 2.pptx
 
Treinamento 1
Treinamento 1Treinamento 1
Treinamento 1
 
world wide web
world wide webworld wide web
world wide web
 
E - BUSINESS AND ACCOUNTING.
E - BUSINESS AND ACCOUNTING.E - BUSINESS AND ACCOUNTING.
E - BUSINESS AND ACCOUNTING.
 
Web Database
Web DatabaseWeb Database
Web Database
 
cs sem.pptx
cs sem.pptxcs sem.pptx
cs sem.pptx
 
Lecture 1 - Introduction.pptx
Lecture 1 - Introduction.pptxLecture 1 - Introduction.pptx
Lecture 1 - Introduction.pptx
 
Unit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptxUnit 5 World_Wide_Web.pptx
Unit 5 World_Wide_Web.pptx
 
1) Web Technology - Introduction.pptx
1) Web Technology - Introduction.pptx1) Web Technology - Introduction.pptx
1) Web Technology - Introduction.pptx
 
Basic web designing
Basic web designingBasic web designing
Basic web designing
 
انترنت فيديو كونفرنس 12_7_2011
انترنت فيديو كونفرنس 12_7_2011انترنت فيديو كونفرنس 12_7_2011
انترنت فيديو كونفرنس 12_7_2011
 
Internet & www
Internet & wwwInternet & www
Internet & www
 
Website Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil BhargavaWebsite Planning & Designing By Er. Kapil Bhargava
Website Planning & Designing By Er. Kapil Bhargava
 
Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?
 
CBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNETCBSE class X Computer Applications ch 1 INTERNET
CBSE class X Computer Applications ch 1 INTERNET
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web engineering lecture 3
Web engineering lecture 3Web engineering lecture 3
Web engineering lecture 3
 
BASICS OF INTERNET and fundamentals of computer
BASICS OF INTERNET and fundamentals of computerBASICS OF INTERNET and fundamentals of computer
BASICS OF INTERNET and fundamentals of computer
 
Website Overview
Website OverviewWebsite Overview
Website Overview
 
Application_layer.pdf
Application_layer.pdfApplication_layer.pdf
Application_layer.pdf
 

More from RAHUL SHARMA

Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3
RAHUL SHARMA
 
Introduction to HTML 5
Introduction to HTML 5Introduction to HTML 5
Introduction to HTML 5
RAHUL SHARMA
 
Webpack presentation
Webpack presentationWebpack presentation
Webpack presentation
RAHUL SHARMA
 
Introduction to Mixins & OOPS
Introduction to Mixins & OOPSIntroduction to Mixins & OOPS
Introduction to Mixins & OOPS
RAHUL SHARMA
 
ECMAScript (2015 - 2019)
ECMAScript (2015 - 2019)ECMAScript (2015 - 2019)
ECMAScript (2015 - 2019)
RAHUL SHARMA
 
Mixins & OOPS in JavaScript
Mixins & OOPS in JavaScriptMixins & OOPS in JavaScript
Mixins & OOPS in JavaScript
RAHUL SHARMA
 

More from RAHUL SHARMA (6)

Introduction to CSS3
Introduction to CSS3Introduction to CSS3
Introduction to CSS3
 
Introduction to HTML 5
Introduction to HTML 5Introduction to HTML 5
Introduction to HTML 5
 
Webpack presentation
Webpack presentationWebpack presentation
Webpack presentation
 
Introduction to Mixins & OOPS
Introduction to Mixins & OOPSIntroduction to Mixins & OOPS
Introduction to Mixins & OOPS
 
ECMAScript (2015 - 2019)
ECMAScript (2015 - 2019)ECMAScript (2015 - 2019)
ECMAScript (2015 - 2019)
 
Mixins & OOPS in JavaScript
Mixins & OOPS in JavaScriptMixins & OOPS in JavaScript
Mixins & OOPS in JavaScript
 

Recently uploaded

Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
Matthew Sinclair
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Zilliz
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
名前 です男
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
Safe Software
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Vladimir Iglovikov, Ph.D.
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
sonjaschweigert1
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
Rohit Gautam
 

Recently uploaded (20)

Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 202420240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
 
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
 
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
みなさんこんにちはこれ何文字まで入るの?40文字以下不可とか本当に意味わからないけどこれ限界文字数書いてないからマジでやばい文字数いけるんじゃないの?えこ...
 
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FMEEssentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AIEnchancing adoption of Open Source Libraries. A case study on Albumentations.AI
Enchancing adoption of Open Source Libraries. A case study on Albumentations.AI
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...A tale of scale & speed: How the US Navy is enabling software delivery from l...
A tale of scale & speed: How the US Navy is enabling software delivery from l...
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
Large Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial ApplicationsLarge Language Model (LLM) and it’s Geospatial Applications
Large Language Model (LLM) and it’s Geospatial Applications
 

Introduction to Web Development

  • 1. Web Development For Everyone, literally everyone! Hi, there! I,m Rahul! PS. I don’t wear masks at home.
  • 2. World Wide Web - Why do we need it? ● World Wide Web (WWW) - The World Wide Web, commonly known as the Web, is an information system where documents and other web resources are identified by Uniform Resource Locators, which may be interlinked by hypertext, and are accessible over the Internet. Hotel Booking Flight Booking Train ticket Booking & many more ... Reference: Wikipedia
  • 3. Client World Wide Web Millions & more ... Consider, a network of clients connected through some channel. Self
  • 4. A client node can also consist of multiple client nodes within. Such a formation of client nodes can also be attributed as a cloud of computers. Self
  • 5. Consider a minimalistic model of two client nodes communicating with each other. Communication Channel Several other client nodes also connect with client B. Client A Client B Self
  • 6. Node requesting for content Reference to content source location. Client requests server for the content. Server responds with the desired content. A client may expect many other types of content as the response from the server like, text response, image response, etc. HTML Content Self
  • 7. Something you now know? ● Webpage Vs Website? - A webpage is an independent part of a website that contains the links to other web pages on the website. ● URLs - A Uniform Resource Locator (URL), colloquially termed a web address,[1] is a reference to a web resource that specifies its location on a computer network and a mechanism for retrieving it. ● Web Browser Client - a software application for accessing information on the World Wide Web. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server(?) and then displays the page on the user's device. ● Web Server - A web server is server software, or hardware dedicated to running this software, that can satisfy client requests on the World Wide Web. Reference: Wikipedia
  • 8. You know where to find me! webcrat.tech@gmail.com PS. Keep the subject line as: [ Web Dev BootCamp ‘ 20 ] Github @webber2408 LinkedIn @rahul-sharma-25b30b114 Medium @webcrat.tech
  • 9. Attributions for this slide: > Icons made by Freepik from www.flaticon.com > Other references: Wikipedia