Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTTP and Me

Shane Logsdon
August 11, 2014
Technology
1
520

HTTP and Me

An introduction to HTTP and how it drives the modern web. Deck was created for and targeted at a lunch and learn for developers, designers, and non-creatives at Blackstone Media (http://www.blackstonemedia.com/) and StarkNine (http://www.starknine.com/) in Louisville, KY.

Screencast: http://youtu.be/uCkptOF75II

Shane Logsdon

August 11, 2014
Tweet

More Decks by Shane Logsdon

See All by Shane Logsdon
Drive Growth with Effective Partnerships
slogsdon
0
20
Don't Leave Cash in the Cart: Build a Payment Experience that Converts
slogsdon
0
260
Beginner's Hands-On with Haskell
slogsdon
0
240
Plug, Friend of Web Developers
slogsdon
0
290
Go: An Introduction
slogsdon
4
970

Other Decks in Technology

See All in Technology
“パスワードレス認証への道" ユーザー認証の変遷とパスキーの関係
ritou
1
620
SmartHR プロダクトエンジニア求人ガイド_2025 / PdE job guide 2025
smarthr
0
170
新卒エンジニアがCICDをモダナイズしてみた話
akashi_sn
2
260
生成AIのユースケースをとにかく集めてまるっと学ぶ！/ all about generative ai usecases
gakumura
2
240
Amazon CloudWatch を使って NW 監視を行うには
o11yfes2023
0
180
白金鉱業Meetup_Vol.18_生成AIはデータサイエンティストを代替するのか？
brainpadpr
3
150
10ヶ月かけてstyled-components v4からv5にアップデートした話
uhyo
3
220
Notion x ポストモーテムで広げる組織の学び / Notion x Postmortem
isaoshimizu
1
120
Spring Bootで実装とインフラをこれでもかと分離するための試み
shintanimoto
7
880
更新系と状態
uhyo
7
1.9k
Linuxのパッケージ管理とアップデート基礎知識
go_nishimoto
0
480
ここはMCPの夜明けまえ
nwiizo
30
11k

Featured

See All Featured
Scaling GitHub
holman
459
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.7k
Building Adaptive Systems
keathley
41
2.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Automating Front-end Workflow
addyosmani
1369
200k
Documentation Writing (for coders)
carmenintech
69
4.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
What's in a price? How to price your products and services
michaelherold
245
12k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
How GitHub (no longer) Works
holman
314
140k
4 Signs Your Business is Dying
shpigford
183
22k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k

Transcript

  1. HTTP a n d m e

  2. HTTP RUNS THE MODERN WEB*

  3. WHAT IS HTTP?

  4. Hypertext Transfer Protocol an application protocol for distributed, collaborative, hypermedia

    information systems

  5. Hypertext Transfer Protocol an application protocol for distributed, collaborative, hypermedia

    information systems

  6. Tim Berners-Lee & Team

  7. …Who Created Original HTTP HTML Associated technology for a web

    server Text-based web browser

  8. ALL ABOUT THE GIVE AND TAKE AKA THE REQUEST LIFE

    CYCLE

  9. Basic HTTP Request Life Cycle

  10. None

  11. GET / HTTP/1.1 Host: duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    200 OK Server: nginx Date: Thu, 24 Jul 2014 04:21:31 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 9991 Connection: keep-alive ETag: "53d05a42-2707" Expires: Thu, 24 Jul 2014 04:21:32 GMT Cache-Control: max-age=1 Strict-Transport-Security: max-age=31536000 Accept-Ranges: bytes <!DOCTYPE html> <html class="no-js" lang="en_US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"> …

  12. GET / HTTP/1.1 Host: duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    200 OK Server: nginx Date: Thu, 24 Jul 2014 04:21:31 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 9991 Connection: keep-alive ETag: "53d05a42-2707" Expires: Thu, 24 Jul 2014 04:21:32 GMT Cache-Control: max-age=1 Strict-Transport-Security: max-age=31536000 Accept-Ranges: bytes <!DOCTYPE html> <html class="no-js" lang="en_US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"> …

  13. METHODS TO MADNESS

  14. A Request Method is… the primary source of request semantics;

    it indicates the purpose for which the client has made this request and what is expected by the client as a successful result.

  15. 3 & 5 Make Many GET POST HEAD HTTP/1.0 OPTIONS

    PUT DELETE TRACE CONNECT HTTP/1.1

  16. GET / HTTP/1.1 Host: duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    200 OK Server: nginx Date: Thu, 24 Jul 2014 04:21:31 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 9991 Connection: keep-alive ETag: "53d05a42-2707" Expires: Thu, 24 Jul 2014 04:21:32 GMT Cache-Control: max-age=1 Strict-Transport-Security: max-age=31536000 Accept-Ranges: bytes <!DOCTYPE html> <html class="no-js" lang="en_US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"> …

  17. OFF WITH ITS HEADERS

  18. Examples Host User-Agent Accept Accept-Encoding Accept-Language Request Server Location Content-Type

    Expires Cache-Control Response

  19. Reasons for Headers Provide more information about the request/response context

    Make the request conditional based on the target resource state Suggest preferred formats for the request/ response Supply authentication credentials Modify the expected request processing

  20. GET / HTTP/1.1 Host: duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    200 OK Server: nginx Date: Thu, 24 Jul 2014 04:21:31 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 9991 Connection: keep-alive ETag: "53d05a42-2707" Expires: Thu, 24 Jul 2014 04:21:32 GMT Cache-Control: max-age=1 Strict-Transport-Security: max-age=31536000 Accept-Ranges: bytes <!DOCTYPE html> <html class="no-js" lang="en_US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"> …

  21. SOCIAL STATUS (CODE)

  22. Five Main Groups 1XX Informational 2XX Successful 3XX Redirection 4XX

    Client Error 5XX Server Error

  23. GET / HTTP/1.1 Host: duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    200 OK Server: nginx Date: Thu, 24 Jul 2014 04:21:31 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 9991 Connection: keep-alive ETag: "53d05a42-2707" Expires: Thu, 24 Jul 2014 04:21:32 GMT Cache-Control: max-age=1 Strict-Transport-Security: max-age=31536000 Accept-Ranges: bytes <!DOCTYPE html> <html class="no-js" lang="en_US"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"> …

  24. GET / HTTP/1.1 Host: www.duckduckgo.com Content-Type: text/html Cache-Control: no-cache HTTP/1.1

    301 Moved Permanently Server: nginx Date: Thu, 24 Jul 2014 04:30:31 GMT Content-Type: text/html Content-Length: 178 Connection: keep-alive Location: https://duckduckgo.com/ Expires: Thu, 24 Jul 2014 04:30:32 GMT Cache-Control: max-age=1 <html> <head><title>301 Moved Permanently</title></head> <body bgcolor="white"> <center><h1>301 Moved Permanently</h1></center> <hr><center>nginx</center> </body> </html>

  25. PUTTING IT ALL TOGETHER

  26. Wrapping Up Requests are made to servers. Responses are sent

    in return to clients. Methods note “type” of request Status codes note “type” of response Headers modify request/response All defined in HTTP specifications

  27. GITHUB TWITTER WWW @SLOGSDON @SHANELOGSDON SHANE.LOGSDON.IO THANKS! QUESTIONS? FIND ME

    AT: