質問: 初めまして。 Webサイトを作る為にHTML、CSS、JavaScriptを勉強しているのですが、難しくてなかなか進めません。 そこで、おすすめの参考書や勉強方法がありましたら、教えていただきたく、こちらに書き込みをしました。 勉強の順番としては、HTML→CSS→JavaScriptです。 HTMLは、中高生の時にモバイルスペースという携帯でサイトを作れる無料スペースがあり、それを使用してHTMLのみでサイトを作っていたので、HTMLに関しては少し知識があります。 しかし、CSS、JavaScriptに関しては全くの初心者で知識が全くありません。 まず、HTML、CSSの関係性を知るために、「スラスラわかるHTML&CSSのきほん」という参考書を購入し、大体の仕組みは理解する事ができましたが、これを見ながらタグを打てば誰でもサイトが出来上がる様な本当に初心者向けの優しいものだったので、自分が作りたいレイアウトなどを作るには、どのような順で、どのタグを入力すればいいのか、など、自分の頭の中で理解しながら順序よく作る事ができませんでした。 次は、HTMLとCSSを理解しながらきちんと入力出来る様にしたいのですが、知り合いからいただいた「プロとして恥ずかしくないスタイルシートの大原則」という参考書を読んでも、初心者には分からない言葉などか多く、難しくなかなか理解できずにいます。 そこで、もう少し初心者向けの参考書を読んでみようかと、調べて気になったのがこちらです。 ■ああしたい、こう変えたいが手にとるようにわかるCSS基礎 ■プロとして恥ずかしくない 新・CSSデザインの大原則 ■作りながら学ぶ HTML/CSSデザインの教科書 これを含め、他におすすめの参考書や、おすすめの勉強方法がありましたら、教えていただけませんでしょうか? また、今後JavaScriptも勉強していく予定ですので、JavaScriptの勉強方法やおすすめの参考書などもありましたら、教えていただけると助かります。 宜しくお願いします。
回答: > > 自分が作りたいレイアウトなどを作るには、どのような順で、どのタグを入力すればいいのか、など、自分の頭の中で理解しながら順序よく作る事ができませんでした。 > > > これを自由にスラスラとできるようになるためには、まず大前提としてHTML・CSSの最低限の基礎知識を理解する必要があると思います。 * HTMLの基本構造 * タグの種類と意味 * CSSの基本文法 * セレクタの種類と役割 * 基本的なプロパティの書き方 * 基本的なレイアウトの仕組み 上記くらいは最低限理解しておかないと、おそらく「本やサンプルを見ながら同じものなら作れるけど、自分の作りたいものを作ることができない」といったもどかしい状態からなかなか抜け出せないと思います。 このあたりの初歩的なことはオンライン教材でも十分習得可能ですので、まずは * progate * ドットインストール あたりでHTML・CSSの基礎を学びつつ、用語などにも慣れておくと良いと思います。 さてその後ですが、個人的には大きく分けると * キッチリ正攻法でHTML・CSSをマスターする * 自分の作りたいレイアウトに近いサンプルを真似しながら慣れる といった方向性があるのではないかと思います。 どちらが良いかは性格とか相性とか目的とかにもよるので一概には言えませんが、 「少しでも理論的に分からないところがあると気になって先に進めない」タイプなら前者、 「手っ取り早く形にならないと飽きてしまう」タイプなら後者から先に書籍を選んで手を付けるとよいかと思います。 質問者さんがご自身で選ばれた書籍で言えば、 ■作りながら学ぶ HTML/CSSデザインの教科書 が前者タイプ、 ■ああしたい、こう変えたいが手にとるようにわかるCSS基礎 が後者タイプかと思われます。 まぁ、最終的には理論も実践も両方必要になりますので、理論から入るか実践から入るか、順番の問題かと思います。