MDN web docs100本ノック~WEB開発のプロへの道~

この記事を書いた理由

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