この記事を書いた理由
MDN web docsを普及させることで、プログラミングの学習環境は飛躍的に良くなると思うからです。
私自身、もっと早くMDNの存在を知りたかったと心の底から思います。
MDNは世界で最高品質のドキュメントであり、教材です。
完全無料なので、必要なのは本人の意欲とPC一台のみ。
これらの一部に手をつけておくだけでも、相当実力がつきます。是非一度サイトを開いてみてください。
Web 入門
まずはここから。WEB開発の体系的な知識が最短で習得できます。
HTML・CSS、そして JavaScriptの基本をしっかりと理解できるだけでなく、ファイルの扱い方やWEBサイトの公開方法まで丁寧に解説してくれているのが素晴らしい。「プログラミング以前の知識じゃん」と侮るなかれ、実は多くの初学者ここでつまずきがちです。基本ですが重要ですし、ここの理解がおざなりだとエンジニアとして一歩も前へ進めません。
また、エンジニアの方でも知らない知識も実は多いんじゃないかなと。アクセシビリティとか。
まず一度通して読んで、二週目で手を動かすのがおすすめ。コードを書くのは大前提ですが、知識をテキストでまとめながらでも良いかも。
基本的なソフトウェアのインストール
Web サイトをどんな外見にするか
ファイルの扱い
HTML の基本
CSS の基本
JavaScript の基本
Web サイトの公開
https://developer.mozilla.org/ja/docs/Learn/Getting_started_with_the_web/How_the_Web_works
HTML の学習: ガイドとチュートリアル
HTML 概論
マルチメディアと埋め込み
HTML 表
HTMLフォーム
[共通の問題解決に HTML を使う](https://developer.mozilla.org/docs/Learn/HTML/Howto
JavaScript
一番重要度が高いです。とにかくJSを頑張って欲しいです。JSは何でも出来るし、一番アウトプットとの距離が近いです。実は機械学習との相性も悪くないです。むしろアプリの中での実運用という観点なら最も優れた選択肢の一つです。
JavaScript の第一歩
JavaScript とは
JavaScriptへの最初のダイブ
何が間違っている? JavaScript のトラブルシューティング
必要な情報を保存する — 変数
JavaScript での数学入門 — 数値と演算子について
テキストを扱う — JavaScript での文字列
便利な文字列メソッド
配列
評価: バカ話ジェネレーター
JavaScript の構成要素
コード内で決定を下す — 条件
ループコード
関数 — 再利用可なコードブロック
独自の関数を構築する
関数の戻り値
cf.デフォルト引数
アロー関数
イベントのイントロダクション
JavaScript オブジェクト入門
オブジェクトの基本
初心者のためのオブジェクト指向 JavaScript
オブジェクトプロトタイプ
JavaScript の継承
JSON データの操作
オブジェクト構築の実践
バウンスボールのデモへの機能の追加
クライアントサイド Web API
Web API の紹介
文章の操作
サーバからのデータ取得
サードパーティ API
絵を描く
動画と音声の API
クライアント側でのデータ保存
JavaScriptのコードのよくある問題を解決する
中級者向け
JavaScript 「再」入門
JavaScript のデータ構造
###等価性の比較と同一性
###クロージャ
継承とプロトタイプチェーン
Strict モード
JavaScript 型付き配列
メモリ管理
[同時実行モデルとイベントループ
](https://developer.mozilla.org/ja/docs/Web/JavaScript/EventLoop)
HTTP
HTTP の概要
プロトコル
TCP
Cache(キャッシュ)
Proxy server (プロキシサーバー)
Port (ポート)
Host
HTTP ヘッダー
Connection
QUIC※MDN外
WWW-Authenticate
プロキシサーバーとトンネリング
HTTPリクエストメソッド
Domain (ドメイン)
Internet Assigned Numbers Authority
レジストラ※MDN外
トップレベルドメイン
HTTP キャッシュ
200 OK
301 Moved Permanently
GET
POST
404 Not Found
206 Partial Content
Expires
Cache-Control
クローキング MDN外
User-Agent
HTTP Cookie
オリジン間リソース共有 (CORS)
HTTP の進化
Mozilla ウェブセキュリティガイドライン
HTTP メッセージ
HTTP セッションの典型例
HTTP/1.x のコネクション制御
アクセシビリティ
アクセシビリティはエンジニアにとっての教養のようなものです。また、エンジニアとして付加価値をつける上でかなり良い切り口です。
アクセシビリティとは？
HTML: アクセシビリティの基礎
CSS と JavaScript のアクセシビリティ成功事例
WAI-ARIA の基本
アクセシブルなマルチメディア
モバイルアクセシビリティ
アクセシビリティのトラブルシューティング
おまけ さらに知識を深めたい人のための書籍
JavaScriptモダンプログラミング完全ガイド
初めてのJavaScript 第3版 ―ES2015以降の最新ウェブ開発
ほんの一手間で劇的に変わるHTML ＆ CSSとWebデザイン実践講座
Web制作者のためのCSS設計の教科書
Vue.js&Nuxt.js超入門
Nuxt.jsとFirebaseを使って爆速で何か作る前に読む本 (技術の泉シリーズ（NextPublishing）)
