It is not necessary to understand how the Web works (or how it came to be) if what you need is a specific visual effect for your web page: you simply find the right code snippet (you might even read an explanation about how to use it on stackoverflow) - copy it into your web page, cross your fingers and hope nothign breaks. Of course, when something does go wrong, you waste hours (or days) on figuring out which part of the code you borrowed is causing the problem.
The goal of this course is to give you a much deeper understanding of building web pages than what's required to be able to cut and paste bits and pieces of code. Knowledge of the core technological aspects of the Web and the Internet is essential for any kind of web development - which is why we introduce both the Internet and the World Wide Web at the beginning of our course.
Following are the key points of what we covered today in class + a few links to further resources.
The Internet: origins and a few historical highlights
- 1957: USSR launches Sputnik
- 1958: Advanced Research Projects Agency (now DARPA)
- 1969: ARPANET goes online:
- decentralized > distributed network
- packet switching (message broken up into chunks, then rearranged at its destination)
- 1973-74: TCP/IP (protocols: "accepted rules" for networks to communicate). That's when the term “Internet” is coined to describe how different networks can communicate with each other - i.e., how they "internetwork".
- 1983: TCP/IP adopted across ARPANET: can be considered the birth of the modern Internet.
The World Wide Web: origins and basic concepts
- Invented by Tim Berners-Lee, a british scientist who was working at CERN
- 1989: first proposal circulated
- 1990: first web page goes online
- 1993: Mosaic, the first graphic browser is created at the University of Illinois (before that, browsers were text-based)
- 1994: The World Wide Web Consortium (W3C), the international standards organization that oversees the growth of the web, is founded. The W3C publishes specifications (which are called recommendations) which are then followed by software manufacturers which produce the technology (servers, browsers) that enables the Web.
- URL (uniform resource locator): a unique address to identify a resource on the Web
- HTTP: hypertext transfer protocol: a set of rules than enable a client (your local computer) to communicate with a server (a remote computer)
- A web server: a program that resides on the server (the term server can refer to both, the machine and the software that resides on it and is responsible for handling client requests)
- A web browser: a program that resides on the client, is capable of making requests to the server based on the provided URL, and then displays the HTML it recieves from the server.
- HTML: hypertext markup language: the markup language used to describe the content of a web page
CERN did not patent this technology. We can say that the growth of the World Wide Web over the past decades has been facilitated by this decision.
Client-server model of communication
The Web can be thought of as a client-server model of communciation:
- the client makes a request to the server for some resource (html file, media file, etc.)
- the server processes the request and sends a response (the requested resource + additional information about the response)
- the client processes the server's response and displays either the received file or an error message
The above sequence is also referred to as the request-response loop. Here's how you can view the client-server communciation that goes on: https://www.google.com/search?q=how+to+view+http+headers
Static vs dynamic websites (and how this relates to our course)
Any web page is displayed as a result of a request-response loop. However, what happens on the server-end depends on the type of the website: there is a distinction between sttaic and dynamic web pages (or, more generally, websites).
A static web page is an HTML file that resides on the server. When the server recieves a request for that file, it locates it and then sends it as is. Thsi could be a simple website that has only a few pages (a personal website might be a good example).
A dynamic web page is very different. Even though we still see rendered HTML, that HTML is generated by some program that resides on the server. The HTML needs to be generated because the content depends on the request (what was requested, by whom, in what context, etc...) Most websites are dynamic, so if you choose to right-click a web page and view its source code, most likely the code you see was generated by a program.
Server-side coding refered to writing programs that reside on the server and process user input, get data from external sources (databases and more), do any kind of calculations, and generate HTML to be sent back to the client.
Thus, today client-side coding can be far more complex than it used to be in the not-so-distant past. In our course, we will only scratch the surface. I enourage you to look beyond the topics we cover in class - what you will find is facinating tehcnology!
So, once again: what is the difference between the Intenret and the Web?
In the words of Tim Berners-Lee:
"The Internet ('Net) is a network of networks. Basically it is made from computers and cables. What Vint Cerf and Bob Kahn did was to figure out how this could be used to send around little "packets" of information. As Vint points out, a packet is a bit like a postcard with a simple address on it. If you put the right address on a packet, and gave it to any computer which is connected as part of the Net, each computer would figure out which cable to send it down next so that it would get to its destination. That's what the Internet does. It delivers packets - anywhere in the world, normally well under a second.
Lots of different sort of programs use the Internet: electronic mail, for example, was around long before the global hypertext system I invented and called the World Wide Web ('Web). Now, videoconferencing and streamed audio channels are among other things which, like the Web, encode information in different ways and use different languages between computers ("protocols") to provide a service.
The Web is an abstract (imaginary) space of information. On the Net, you find computers -- on the Web, you find document, sounds, videos,.... information. On the Net, the connections are cables between computers; on the Web, connections are hypertext links. The Web exists because of programs which communicate between computers on the Net. The Web could not be without the Net. The Web made the net useful because people are really interested in information (not to mention knowledge and wisdom!) and don't really want to have know about computers and cables."
There are many sources on the history of the Internet and the World Wide Web. Here are just a few - detailed timelines, collections of curious facts, definitive papers and big ideas that predated today's technology:
- Brief History of the Internet: a paper describing the origins and history of the Intenet, written by some of its creators
- As We May Think: an article by Vannevar Bush, published in The Atlantic in 1945, describing a hypothetical mechanical device called the Memex which would enable links between documents. The task at hand: to make "more accessible our bewildering store of knowledge" (which may be a familiar idea!)
- The Memex, even as a theoretical concept, was a precursor of hypertext, a concept proposed by Ted Nelson in 1965: a digital file structure where "interlinking" between documents provided access to information in a nonlinear manner.
- A short timeline of the World Wide Web's origins and early history
- ...much more available on the Internet Society's web site