www.howardism.org
Babblings of an aging geek in love with the Absurd, his family, and his own hubris.... oh, and Lisp.

Welcome to the Internet

Why Do We Learn

history.gif

Why Do We Learn History?

To understand why things are the way they are.

Do Computers Talk Directly?

Computers do “talk” to each other:

servers-3.png

But they don’t connect directly.

Once upon a time…

Each computer was an island

  • Hand friend a “floppy disk”
  • Type code printed in a magazine

handing-floppies.jpg

Modem Connection

Computer would “call” another computer

  • Very slow
  • Had to know the computer’s number
  • Computer had to be on

servers-2.png

https://www.youtube.com/watch?v=gnAAJ1FGudE

Web Invented in 1993

tim-berners-lee.jpg

Start talking about a human right to connect. –Tim Berners-Lee

Two “Types” of Computers

Either:

servers-4.png

Client is

clients.jpg

Servers live in Data Centers

datacenter.jpg

Difference:

  • We use a client to send or receive data
  • To and from a server

servers-4.png

How do we “Get” Data?

Since we don’t know where the server is, we call it a cloud.

But if we don’t know where the server is, how do we talk to it?

Internet Address: URL

http://www.howard.com/pers/resume.html

Like an address to your house…

Address “Parts”

http://www.howard.com/pers/resume.html

Every “address” has five parts:

Protocol http or https
Computer www
Domain howard.com
Folder pers
File name resume.html

Internet Communication

For something like Snapchat:

  • First photo is uploaded to server
  • Server stores photo
  • Client asks for any files
  • Server gives it the photo

servers-5.png

Internet is a Cloud

servers-6.png

What is a Web Page?

Each web page has parts:

  • Word organization (HTML)
  • Word appearance (CSS)
  • Interaction and Changes (JavaScript)
  • Images, movies (media)

Huh?

html-skeleton.jpg

HTML

<body>
  <h1>My Essay</h1>
  <p>
    This is the start of some words...
  </p>
  <img src="http://www.google.com/img/bananas.jpg" />
</body>

CSS

p {
    font-size: 24px;
    color: green;
    text-emphasis: italics;
}

JavaScript

  • Computer Language
  • Runs in the Browser
  • jQuery connects JavaScript to the parts of your HTML