How the Web Works

An introduction to the building blocks of the World Wide Web.

Scroll down...

Content

Resources

Comments

Before you can understand how to program the web, you need to understand the web itself on a more granular level than you probably do now. Some of this stuff is necessary just to have a more wholistic understanding of the ecosystem in which you will be working (and to not sound like a total newbie when talking to other developers about it), but other aspects (like HTTP) will come up again and again when you start programming.

We'll also cover a few tips and tools that will be useful to you again and again going forward.

How the Internet Works

For a basic and painless Internet overview, check out Don't Fear The Internet's Simple Primer (video):

For a basic explanation of how packets work, check out this video called How Does the Internet Work?:

Harvard's David Malan explains internet basics in this lecture (start at 52:15) from his popular Intro to Computer Programming course. Note the "developer tools" section of the browser that he talks about around minute 58... you'll use that a lot. We'll get heavily into HTML later in the curriculum.

David dives further into HTTP in a short 3-minute video (video)

Developer Tools

Developer tools are like normal tools!

You've heard of your browser's Developer Tools tray but probably don't fully appreciate yet exactly how useful it is.

When you're coding anything that shows up in the browser, you'll have the dev tools open all the time. They let you dive into the page's HTML, CSS, and JavaScript so you can see why things look and act the way they do. You can even edit the page directly in the browser, which saves tons of time.

Check out some more on the developer tools from Don't Fear the Internet:

To learn more tricks about how to use your developer tools, check out this video:

Are we moving too fast? Stop, settle into your favorite chair and pull up What is Code?, the incredibly accessible and thorough explanation that Paul Ford provided his Bloomberg editor when asked the same question.



Sign up to track your progress for free

There are ( ) additional resources for this lesson. Check them out!

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something

Sorry, comments aren't active just yet!

Next Lesson: A Command Line Crash Course