メインコンテンツへ移動
アカデミー
初級 コード地区

Web のしくみ

ブラウザ、サーバー、HTTP、DNS、API をわかりやすく解説。

Every time you open a page, scroll your feed or send a message, dozens of machines work together in a fraction of a second. This track shows you how: clients and servers, IP addresses and ports, DNS, URLs and HTTP, how browsers build pages from HTML, CSS and JavaScript, APIs and JSON, HTTPS, cookies and tokens, caching and CDNs, speed on slow networks, and the security rules that keep everyone safe.

You finish by following one tap in a small social app called Nova from your phone to the database and back. Nothing to install: just curiosity and a browser.

レッスン
19
時間
2 時間
レベル
初級

このコースのレッスンは、現在英語のみです。

  • ブロンズ 挑戦可
  • シルバー 挑戦可
  • ゴールド ロック

実力を証明しますか?

ブロンズ、シルバー、ゴールドの 3 つの試験が待っています。

試験へ進む

できるようになること

  • Explain, step by step, what happens between typing an address and seeing the page
  • Read and write HTTP requests and responses, and call an API with curl and fetch
  • Debug a page with your browser's developer tools
  • Understand HTTPS, cookies, sessions and tokens well enough to keep users safe
  • Make pages faster on slow networks with caching, CDNs and smaller downloads
  • Describe how a typical web platform is built, from browser to database

学習の道のり

  1. 1
    第 1 章

    Clients, servers and addresses

    Who asks and who answers, how machines find each other with IP addresses and ports, and how DNS turns names into addresses.

    0 / 4
  2. 2
    第 2 章

    Speaking HTTP

    URLs, requests, methods, status codes and headers: the language browsers and servers share.

    0 / 4
  3. 3
    第 3 章

    Browsers and APIs

    How a browser turns HTML, CSS and JavaScript into a page, and how pages fetch JSON from APIs.

    0 / 3
  4. 4
    第 4 章

    Security and signing in

    HTTPS and certificates, cookies, sessions and tokens, the same-origin policy, CORS and why the server never trusts the client.

    0 / 4
  5. 5
    第 5 章

    Speed and the big picture

    Caching and CDNs, speed on slow networks, and how a whole web app fits together.

    0 / 4

クイックナビゲーション