Edited at

フロントエンドエンジニア御用達の MDN web docs を網羅した


このリストは何?

MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。

なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ?」を軽減もしやすいかなって。

MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。

ですので、初学者でも学習しやすいように MDN web docs 全体の各記事を確認したうえで、ある程度は取捨選択しつつ網羅してみました。これは全ての記事を掲載しているわけではなく、最初のうちはスルーしても良さそうとか、内容がやや古いと思われるものは除外してあります。


余談

MDN web docs の深部まで覗いていくと、意外と日本語翻訳されていない記事があることに気が付きます。どうせだからということで、勢い余って恐れ多くもいくつかの記事を翻訳してきました。


(2019/09/24 暫定追記)

Mozilla Japan コミュニティMozilla 関連の翻訳&ローカライズコミュニティ といったところで、翻訳を活発におこなっているようです。直近ですと 【第16回!】みんなで MDN を翻訳しよう!翻訳コミュニティ定例ミートアップ! 2019年10月19日開催 というのもあるようなので、私もオンラインで参加する予定です。


では、以下が今回つくった MDN web docs 網羅リストです。

ご覧になっていただき、更に不要と思われるものや、逆に必要なのに足りていないなどあればご指摘お願いいたします。もしくはまったく別のアイデアがあればぜひお声がけください。


テクノロジー


HTML


初心者向けチュートリアル


リファレンス


CSS


チュートリアル


リファレンス


料理帳


HTTP


チュートリアル


リファレンス


JavaScript


チュートリアル(完全な初心者向け)


チュートリアル(JavaScript ガイド)


チュートリアル(中級者向け)


チュートリアル(上級者向け)


リファレンス


DOM 入門


イベントリファレンス

(めちゃくちゃいっぱいあるけど、ある程度拾っておきたい)


リファレンスとガイド


ウェブ開発について学ぶ


ウェブ入門


チュートリアル


HTML チュートリアル(入門レベル)


CSS チュートリアル(入門レベル)


CSS チュートリアル(上級レベル)


リファレンス


HTML — Web を構造化する

略歴、概念と構文、理解を深める


CSS — Web の外観を指定

冒頭分、詳細(一般知識、技術的な文書、CSS について学ぶ)


JavaScript — Dynamic client-side scripting

冒頭分、詳細情報(基礎知識、JavaScript の学習、技術リファレンス)


開発者ガイド


イベント開発者ガイド


AJAX


FormData オブジェクトの使用

以上です。

みなさまのご参考になれば幸いです。