プログラミング

【2020年版】HTMLとCSSの効率的な学習方法をご紹介

学習サイト

Webエンジニアを目指す方の多くはHTMLとCSSの学習から入られるかと思います。

しかし、経験が少ない内は以下のように思われることが多いのではないでしょうか?

HTMLとCSSの効率的な学習方法がわからない・・・。

幸いなことにHTMLとCSSの学習リソースは豊富に出回っている一方で、豊富がゆえにリソースの選択が難しい状況となっております。

そこで本記事ではHTMLCSSについて学習するのにおすすめのリソースを書籍・サイト・スクールと項目ごとにご紹介していきたいと思います。

ハニ太郎
ハニ太郎
Webエンジニアを目指される方は是非最後まで記事をご覧ください♪

学習方法① HTMLとCSSを学習サイトで学ぶ場合

HTMLとCSSの学習方法

有名なプログラミング学習サービスなのでご存知の方も多いかと思いますが、まずはProgateという学習サイトを使うのがおすすめです。

ProgateではHTMLとCSSのレッスンが豊富に取り揃えられており、実際に手を動かしながら学習を進めていくことができます。

まずは無料で使ってみて、馴染むようなら有料プラン¥980(税別)に申し込みましょう。

有料版Progateの評判は?
有料版【Progate】の評判は?コスパ最強の学習サイト有料版Progateの評判は?無料版と何が違うの?プログラミング初心者向けの学習サービス「Progate」の概要から口コミや評判、その後のプログラミング学習方法について解説しております。...

なお、Progateの評判について気になる方は上の記事を参考にしてみてください。

HTMLとCSSを学ぶ上で最初に使う学習サイトならProgateがおすすめ。

また、Progateと並行で通勤通学時間にドットインストールを活用するのもおすすめです。

ドットインストールは3分動画でマスターする初心者向けのプログラミング学習サイトで、短時間で効率よくHTMLとCSSについて学ぶことができます。

ドットインストールの口コミ・評判は?
ドットインストールの口コミ・評判は?無料と有料の比較ありドットインストールの口コミや評判は?本記事では初心者におすすめのプログラミング学習サイトドットインストールの概要から口コミ・評判、使い方について解説しております。...

なおドットインストールの評判について気になる方は上の記事を参考にしてみてください。

  • 学習サイトならProgateがおすすめ。
  • 並行してドットインストールも活用することで学習効率が上がる。

学習方法② HTMLとCSSを書籍で学ぶ場合

HTMLとCSSの学習方法

学習サイトを使って学ぶのに比べ、書籍での学習は体系的にHTMLとCSSについて学びやすいという明確なメリットがあります。

個人的におすすめしたい書籍はManaさんが書かれた『一冊ですべて身につくHTML&CSSとWebデザイン入門講座』です。

WebクリエイターボックスのManaが教えるWebサイト制作の定番&旬のスキル。この1冊で必要なことがすべて学べる!コードもデザインも全部学べる!出典:Amazon

当書では、Webサイト作成の基本スキルから旬のスキルまで幅広く解説されており、初学者におすすめの内容となっております。

 

また、他の書籍についても知りたいという方向けにHTMLとCSSの学習におすすめの書籍を以下の記事で紹介しているので、気になる方はこちらもチェックしてみてください。

HTML/CSSの学習におすすめの入門書5選
【2020年版】HTMLとCSSの学習におすすめの入門書5選HTML&CSSの学習におすすめの入門書は?現役エンジニアである私がおすすめしたいHTML&CSS入門書を厳選して5冊ご紹介。WebエンジニアもしくはWebデザイナー志望の方は必見です!...

学習方法③ HTMLとCSSをプログラミングスクールで学ぶ場合

HTMLとCSSの学習方法

学習サイト・書籍とは別にプログラミングスクールに通ってしまうの方法も挙げられます。

ただ、個人的にはあまりおすすめしません。

というのも、HTMLとCSSの学習なら前章までで紹介した方法でも十分なレベルまで学ぶことができますしリソースのクオリティも高いからです。

ただし、例外的に以下どちらの項目にも該当する場合はプログラミングスクールに通ってしまうのも正直アリかと思います。

  • 多少のお金を払ってでも最短最速でHTMLとCSSのスキルを習得したい。
  • 絶対に挫折したくないからすぐに質問できる環境に身を置きたい。

以下の記事でHTMLとCSSについて学べる良質なプログラミングスクールを紹介しているので気になる方はこちらもチェックしてみてください。

Web制作の学習におすすめのスクール5選
【2020年版】Web制作の学習におすすめのスクール5選Web制作の学習におすすめのスクールを厳選して5社紹介。Web制作のスキルを身につけて副収入を得たいという方やWebデザイナーを目指されている方は是非記事をご覧ください。...

また、質問する環境が欲しいという場合はteratailというプログラミングに特化したQ&Aサイトの活用もおすすめです。

以下の記事でteratailについて触れているのでこちらもチェックしてみてください。

teratailをプログラミング初心者におすすめしたい3つの理由
teratailをプログラミング初心者におすすめしたい3つの理由teratailがなぜプログラミング初心者におすすめのサービスなのか?teratailの概要と共にプログラミング初心者におすすめの理由についてお伝えしています。...

HTMLとCSSの学習方法【まとめ】

HTMLとCSSの学習方法
  • 学習サイトならProgateとドットインストールがおすすめ。
  • 書籍なら『一冊ですべて身につくHTML&CSSとWebデザイン入門講座』がおすすめ。
  • HTMLとCSSを学ぶのにわざわざプログラミングスクールに通う必要はあまりない。
ハニ太郎
ハニ太郎
ここまで記事を読んでいただきありがとうございました♪

本記事がこれからHTMLとCSSの学習を始められる方のお役に立てたのなら幸いです!

0からWeb制作スキルを 習得するまでの学習ステップ
【5分で解説】0からWeb制作スキルを習得するまでの学習手順プログラミング未経験者が0からWeb制作スキルを習得するための学習手順について解説。副業でもアツいWeb制作のスキルを習得すればあなたの仕事の幅もきっと広がることでしょう。...
こちらの記事もおすすめ!

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です