独学で css や JavaScript を書けるようになるまでの時間

学習開始時点のレベル

h1 等の element の働きがわかり，Font の大きさや色を変えることができるが，Grid system などはなんのことか分らない。したがって，Web Framework の tutorial で作成するページはほぼ Bootstrap を使っているので，tutorial で作ったページを自分が思うようなレイアウトに変えるこができない。

独学で使用する教材

オンラインスクールにお金を払い，習う手もあるが，10数万円もして，パッとは出せない。そこで探したのが，これ。

MDN Web Docs にあるチュートリアル

ウエブ開発を学ぶ | MDN (日本語)

Learn web development | MDN (英語)

まえがきから。

MDN 学習エリアへようこそ。この一連の記事では、ウェブ開発が全くの初心者にとって、シンプルなウェブサイトのコーディングを始めるのに必要な全てを提供することを目標とします。

MDN のこのエリアでは、あなたを「初心者」から「上級者」までのスキルアップでなく、「初心者」から「中級程度」までの支援となります。ウェブ開発において自分なりの方法を確立するためには、さらに、MDN のこのエリア以外の記事と、中・上級者用のウェブサイトを読み進めてください。その前提知識を身に付ける為に本、学習エリアがあります。

全くの初心者であれば、ウェブ開発は難しいものです - 私たちはあなたの手を握り、あなたが快適に感じ、適切にトピックを学ぶために十分な詳細を提供します。あなたがウェブ開発を学習している学生 (個人またはクラスの一部として)、クラスの教材を探している先生、趣味の人、ウェブ技術の仕組みをもっと理解したい人など、どのような人であっても、安心してください。

必要な学習時間の目安

出典:フロントエンドウェブ開発者 - ウェブ開発を学ぶ|MDN

注:この表にない、Form や client-side frameworks は JavaScript の学習が終ってからやるかどうか考えてもよいと思われる。

かなりの分量があるが、JavaScript まで終っておかないと、今の自分のように不自由すると思われる。

HTML のパートと CSS のパートまで実際に学習を終えた。

実際、どれくらい時間がかかるのか

実際、自分がやってみた時間が下記の表。

各章にある Test your skill という小テスト課題はほとんど終了。正答がのっていないので、コピペでおしまい、とするわけにいかず、すこし頭を使う。

フロントエンドウェブ開発者 - ウェブ開発を学ぶ|MDNにある学習の目安の時間まではかからないが、それでも、それなり努力は必要。

時間のやりくりをしながら、やりぬけるかどうかが問題。 JavaScript については、やってから投稿する予定。

• ←Previous
• Next→