全体として解説すること

1. HTML, CSS, JavaScript概説

• WWWとブラウザの歴史
• 言語の成立と標準化
• 言語の特徴と仕様
  • HTML
  • CSS
  • JavaScript

2. Webページが表示されるまで

• 名前解決
• HTTPリクエスト
• ブラウザレンダリング
• レンダリングの流れ
  • DOM
  • CSSOM
• JavaScriptがやること

3. 通信プロトコル HTTPとは
4. 同期・非同期の概念
5. JavaScriptの処理デザイン
6. XML HTTP Request
7. モダンで明快なFetch

Webページが表示されるまでの仕組み

https://zenn.dev/ak/articles/61d25099295372

ブラウザレンダリング

https://zenn.dev/ak/articles/c28fa3a9ba7edb

同期・非同期の処理と通信

https://qiita.com/ryosuketter/items/dd467f827c1b93a74d76
https://buildersbox.corp-sansan.com/entry/2020/02/12/110000

jsの同期・非同期

https://apricot-design.com/staffblog/javascriptの同期処理と非同期処理をやさしく解説します/

XHR

https://reffect.co.jp/html/xmlhttprequest-basic/
https://memo.ag2works.tokyo/post-4424/

Javascriptの処理デザイン

https://qiita.com/kerupani129/items/2619316d6ba0ccd7be6a

HTTPプロトコル

https://atmarkit.itmedia.co.jp/ait/articles/0103/02/news003.html
https://atmarkit.itmedia.co.jp/ait/articles/1703/30/news042.html

Fetch

https://zenn.dev/kawaxumax/articles/0044a0e30536e2