【Web制作編】ドットインストールはどこまで学習すればよいか？

目次

1. 1. ドットインストールで必要な学習について
   1. 1-1. ドットインストールでの学習範囲
   2. 1-2. ドットインストールでの学習時間
   3. 1-3. ドットインストールの有料はやるべき？
2. 2. ドットインストールの「Webサイトを作れるようになろう」で学ぶ内容
3. 3. ドットインストールの「Webサイトに動きをつけてみよう」で学ぶ内容
4. 4. ドットインストールの「jQuery入門」で学ぶ内容
5. 5. まとめ

1. ドットインストールで必要な学習について

HTMLコーダーを目指す人がドットインストールでどこまで学習すればよいかについて解説していきます。

ドットインストールでの学習範囲

ドットインストールで必要な学習は、レッスン一覧の中にある以下の3つです。

• 「Webサイトを作れるようになろう」
• 「Webサイトに動きをつけてみよう」
• 「jQuery入門」

上記3つのレッスンで、Web制作に必要なHTML、CSS、JavaScript、jQueryの基礎は一通り学べますので、しっかりと学習しましょう。

ドットインストールでの学習時間

次にドットインストールで必要な学習時間です。
基本的には、同じ内容を何回も繰り返す必要はありません。一度学習して理解すればOKです。
ドットインストールのそれぞれのレッスン内に記載されている動画の再生時間を合算すると、おおよそ以下の通りとなります。

合計の目安時間が 20時間34分 となりますので、1日1時間ずつ学習した場合、約20日で終わるという計算になります。

上記はあくまで動画の視聴時間となりますので、動画を見ながら実際に手を動かす場合はもっと時間がかかるでしょう。

ドットインストールの有料はやるべき？

ドットインストールは無料のレッスンと有料のレッスンに分かれています。無料のレッスンだけでは、Web制作に必要なHTML、CSS、JavaScriptの知識は学べないため、有料のレッスンもやった方が良いです。

ドットインストールの月額料金は1,000円ちょっとですので、集中して1ヶ月で学習を終えれば、学習費をかなりおさえることができます。ぜひ有料レッスンも学習しておきましょう。

2. ドットインストールの「Webサイトを作れるようになろう」で学ぶ内容

ドットインストールの「Webサイトを作れるようになろう」で学べる内容と、それぞれの目安の学習時間、学習が必須かどうかについて確認していきます。

「Web制作の準備をしよう」は、Windows か Mac お使いのPCいずれかでOKです。GitHubはこの段階では必須ではないので、余裕があれば学習しておくとよいでしょう。AOSとGLightboxも必須ではないのでスキップしてもOKです。

3. ドットインストールの「Webサイトに動きをつけてみよう」で学ぶ内容

ドットインストールの「Webサイトに動きをつけてみよう」で学べる内容と、それぞれの目安の学習時間、学習が必須かどうかについて確認していきます。

JavaScript入門の「クラス編」と「fetch API編」は、Web制作ではあまり使用しないため、スキップしてもOKです。モーダルウィンドウ、ハンバーガーメニュー、アコーディオン、タブメニュー、カルーセルは、実務ではjQueryを使用することが多いですが、元となるJavaScriptも一通り学習しておきましょう。

4. ドットインストールの「jQuery入門」で学ぶ内容

ドットインストールの「jQuery入門」で学べる内容と、それぞれの目安の学習時間、学習が必須かどうかについて確認していきます。

jQueryのレッスンは全てWeb制作で使う基礎技術ばかりですので、スキップせずに全て学習しておきましょう。

5. まとめ

Web制作を仕事にしていくことを目指している人が、ドットインストールの学習をどこまでやればよいか？について解説してきました。

ドットインストールで必要なレッスンは以下の3つです。

• 「Webサイトを作れるようになろう」
• 「Webサイトに動きをつけてみよう」
• 「jQuery入門」

上記コースの中には有料のレッスンも含まれていますが、集中して学習すれば1ヶ月で終えることも可能ですので、学習費として支払いしっかりとスキルを身につけてください。

ドットインストールは動画でのインプット学習がメインのため、一通り学習を終えたら次は手を動かす練習をしていきましょう。

HTML、CSS、JavaScript、jQueryの基礎のアウトプット練習におすすめなのが、プロゲートという学習サイトです。

プロゲートの学習範囲や学べる内容についても、本記事と同じような感じでまとめていますので、以下の記事を参考にしてみてください。