0% found this document useful (0 votes)
61 views36 pages

010 WDB Web Dev Intro

The document discusses the internet and the world wide web. It explains that the internet is a global network of interconnected computers that communicate via TCP/IP, while the web is an information system where documents and resources are available over the internet and are transferred via HTTP requests. It also discusses what a web server is, how HTTP requests work, and the differences between front-end and back-end on the web. Finally, it explains what HTML, CSS, and JS are used for on websites.

Uploaded by

jefferson
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
61 views36 pages

010 WDB Web Dev Intro

The document discusses the internet and the world wide web. It explains that the internet is a global network of interconnected computers that communicate via TCP/IP, while the web is an information system where documents and resources are available over the internet and are transferred via HTTP requests. It also discusses what a web server is, how HTTP requests work, and the differences between front-end and back-end on the web. Finally, it explains what HTML, CSS, and JS are used for on websites.

Uploaded by

jefferson
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 36

What is the Internet?

The Internet vs. The Web


How Does the Web Work?
What are HTTP requests?
What Is A Web Server?
Front End Vs. Backend
Environment Setup!
What are HTML, CSS, & JS?
What do they each do?

Unit Goals
Things We'll Cover
THE INTERNET
In a Couple of Minutes
WHAT IS IT?
"A global network
of networks."
(It's just a bunch of connected computers)
Hey
1101010101011010100
0111010101010101111
1101010101011010100
0111010101010101111
THE INTERNET IS THE INFRASTRUCTURE
THAT CARRIES THINGS LIKE:

EMAIL
THE WEB
FILE SHARING
ONLINE GAMING
STREAMING SERVICES
THE WEB
The World Wide Web is an
information system where
THE INTERNET documents and others
Global network of resources are available
interconnected computers over the Internet.
that communicate via
TCP/IP (don't worry about Documents are transferred
that for now). via HTTP.
Network of networks.
HTTP REQUESTS
Foundation of communication Request -> I would like this
on the World Wide Web information please

"Hyper Text Transfer Protocol" Response -> Ok, here you go!
WEB SERVER
A computer* that can satisfy requests on the Web.
* "server" is also used to refer to the software running on the computer

Hello Reddit,
please give me
/r/chickens OK!
WEB SERVER
A computer* that can satisfy requests on the Web.
* "server" is also used to refer to the software running on the computer
I'm terribly sorry,
Hello Reddit, but I don't know
please give me wtf you are talking
/r/jkadjiwjdbs about.
CLIENT
The computer that accesses a server

Hello Reddit,
please give me
/r/chickens OK!
A SERVER YOUR BROWSER
SOMEWHERE

Here are the instructions! Look What I Made!


PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
BACK END

FRONT END
BACK END FRONT END
BACK END FRONT END

RECEIVES THE ORDER AND YOU STILL NEED TO BAKE IT


ASSEMBLES THE PIZZA AT HOME!  (THE BROWSER)
PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
HANG ON

HERE YOU GO!

FRONT END BACK END


PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS

FRONT END BACK END


PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
HANG ON

FRONT END BACK END


PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
HANG ON

HERE YOU GO!

FRONT END BACK END


PLEASE GIVE ME
GOOGLE.COM/SEARCH?Q=CHICKENS
HANG ON

HERE YOU GO!

FRONT END BACK END


JS
THE
PURPLE CSS - adjectives

DINO
HTML - nouns

DANCED JS - verbs
THE TOOLS
WE NEED
CHROME VSCODE
Web Browser Text Editor

TOOLS
SPECTACLE

You might also like