コーディング

【7日で基礎と自走力がつく】HTML&CSSの学習ロードマップ(完全未経験含む)

HTML&CSS速習教室

どうも、つよぽん(@tsuyopon_xyz)です!

今回の記事では「HTML&CSS速習教室」を紹介していきます。

想定読者

「HTML&CSS教室」は次のような方を想定して作成しました。

ホームページを作れるようになりたいけど、何から始めれば良いかわからない
WordPressでブログを書いているけど、見た目をカスタマイズできるようになりたい
将来Webエンジニアを目指していて、特にフロントエンド開発に興味がある
開発職ではないが、「広告タグの埋め込み」「Google Analyticsのタグの埋め込み」「動画の埋め込み」のような、簡単なタグの埋め込みくらいはできるようになりたい

もし1つでも当てはまる内容があれば、このまま読み進めていただけたらと思います^^

【動画】HTML&CSS速習教室の紹介

「HTML&CSS速習教室」の紹介動画を用意しているので、ざっくりと全体像を知っておきたい場合は、以下の動画をご確認いただけたらと思います^^

より詳細な内容は「HTML&CSS速習教室」のトップページにもまとめているので、そちらもご覧いただけたらと思います^^

HTML&CSS速習教室のトップページを見る

HTML&CSS速習教室で出来るようになること

7日間の学習ロードマップを最後まで終えると、以下のことができるようになるでしょう。

学習後に身につくスキル
  • HTMLの読み書きスキル(基礎文法・概念の理解)
  • CSSの読み書きスキル(基礎文法・概念の理解)
  • ドキュメントを活用できるスキル(自走力が磨かれる)
  • 画面サイズに応じて表示を切り替えるスキル(レスポンシブ対応)
  • Bootstrapを利用したWebページ作成スキル
  • WordPressサイトの見た目をカスタマイズするスキル
  • 「アメブロ」「はてなブログ」など、ブログサービスの見た目をカスタマイズするスキル

「基礎固め」と「自走力磨き」の構成

「HTML&CSS速習教室」を使った学習は大きく分けると次の前半パートと後半パートの2つに分かれます。

  • 前半・・・最初の4日でHTMLとCSSの「基礎スキル」を固める
  • 後半・・・残りの3日で「自走力」を磨く

HTMLとCSSは、Webページの作成に使えるモノが膨大にあって「全てを暗記するのは難しい」と考えた方が良いです。

ただ、全てを暗記する必要はなくても「これだけは必ず覚えておかないといけない」というものも存在します。それが「基礎スキル」です。

ここでいう基礎スキル「文法」や「基本概念」を指しています。

例えば、英語を学ぶときで考えるとイメージしやすいです。

英語学習では、最低限「ローマ字」「文法」「辞書の使い方」を知らないと、「知らない単語の調べ方がわからない」「文章の読み書きが出来ない」といった状態になります。

しかし、「ローマ字」「文法」「辞書の使い方」を知ってさえいれば、「単語を調べられる」「文章が読み書きできる」といった感じで、独学でも学習を進められるようになります。

「HTML&CSS速習教室」の学習の流れも「英語の学習例」と全く同じ流れで進める形となります。

つまり、わからないことを自分で調べながら解決できるようになるために、最初の4日で基礎固めをして、残りの3日で自走力を磨く実践をするような感じとなります。

「自走力磨き」でつまづいても、LINEでサポート

後半の3日間で自走力を磨くと言っても、一番最初は調べても調べても自分の力だけで解決できないことが多いです。

いろいろと調べてもどうしても解決できないときは、学習をサポートしてくれる師匠(メンター)をつけると良いです。

どうしても先に進められないときに、メンターに質問することで解決までのヒントやアドバイス、時には答えを教えてもらうことができます。

学習を進めていて、どうしても自分で解決ができなかったときように、「HTML&CSS速習教室」ではLINEを使った学習サポートをしております。

LINEでは学習サポート以外にも、HTMLとCSSの学習に役立つ情報を不定期で配信する予定でいます。

詳細は、HTML&CSS速習教室の「質問したい場合」ページをご確認いただけたらと思います。

LINEを使ったサポート詳細を見る

メンターが必要な理由

小学生、中学生、高校生のときを思い出していただくとイメージしやすいかなと思います。

例えば、数学の「2次方程式」を学習する際に、教科書の内容だけで理解できなかったとします。

そのとき、「2次方程式」の理解をするためにどんな手段をとりますか?

おそらく、ほとんどの人が「数学が得意な友だちに聞く」「数学の先生に聞く」といった手段を取るでしょう。

ここでいう「数学が得意な友だち」「数学の先生」が、学習をサポートしてくれる師匠(メンター)となります。

HTMLやCSSの学習に限った話ではなく、どうしても自分の学習だけで先に進めないといった状態になったときは、その分野が得意な人に質問できる環境を用意しておくことが重要です。

そのような環境を用意しておくことで、挫折する可能性を大きく下げることができます。

さいごに

HTML&CSS速習教室」はHTMLとCSSのスキルを効率よく学びたい方向けの学習サイトになります。

学習でつまづいたときは、さきほども紹介したLINEで質問を頂けたらと思います。

もっと「HTML&CSS速習教室」の詳細を知りたい方は、以下のボタンからHTML&CSS速習教室の詳細をご確認いただけたらと思います^^

HTML&CSS速習教室を確認する

【3つの特典付き】Webエンジニアに必要な基礎スキルを体系的に効率良く身につけたいですか?

LINE登録で無料特典を受け取る

次のような方向けに、学習をサポートするコンテンツを無料プレゼントしています。

  • Webエンジニアになりたいけど何から学習を始めれば良いかわからない
  • 今まで独学で頑張ってきたけど、独学に限界を感じてきた
  • プログラミングは出来るけど、大きめのコードが書けない

「プレゼント詳細が知りたい」「プレゼントを受け取りたい」といった方は、以下のボタンをクリックして詳細ページをご確認ください。

無料特典を受け取る

 

COMMENT

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