HTML・CSS・JavaScriptを無料で学習できるサイト

プログラミング

プログラミングの初心者がまず考えることとして独学でやるか、有料のスクールにいくかの2択があると思います。

 

※この記事では

・プログラミングを独学で勉強する方向けに無料で学習できるサイト

をご紹介します。

 

HTML・CSS・JavaScriptを無料で学習できるサイト

 

無料学習ができるサイトとして下記の2つがあります。

 

・ドットインストール
 
・プロゲート

この2サイトはプログラミング初心者の方がよく使われている有名なサイトです。

 

つぎの項目でこれらのサイトそれぞれについて説明していきたいと思います。

 

ドットインストール

 

ドットインストールですが実は無料でできるのは一部で、それ以外は有料なんです。

 

無料プランと有料プランに分かれており、内容は下記のようになっています。

※HTML/CSS
 
・無料プラン
①学習環境を整えよう 5回
②はじめてのHTML/CSS HTML(全14回)CSS(全15回)
 
・有料プラン
①学習環境を整えよう 5回
②はじめてのHTML/CSS HTML(全14回)CSS(全15回)
③もっと詳しくHTML/CSSを学んでみよう HTML(全30回)CSS(112回)
④ウェブサイトをゼロから制作してみよう 全16回
 
合計 192回
 
 
※JavaScript
 
・無料プラン
①JavaScriptに触れてみよう 全11回
 
・有料プラン
①JavaScriptに触れてみよう 全11回
②もっと詳しくJavaScriptを学んでみよう 全82回

③ミニアプリを作ってみよう 全131回

 
合計 224回
 
無料でできるのは基礎の部分となっています。
 
それ以外は有料プランで学ぶことになります。しかしほとんどお金はかかりません。
なぜなら月額税込1,080円で1講義あたりの講義時間は2~5分だからです。
1日1時間10講義ずつこなしていけばHTML/CSSは20日、JavaScriptも20日ぐらいで終わります。
 
時間がある人でしたらもっと早く終わるでしょう。
 
私はHTML/CSSをゆっくりやって1ヵ月ぐらいですべて視聴しました。
かかった費用は2,000円ぐらいですね。
 
1講義が短いので集中力があまり続かないよという人にはおすすめです。
講義はとてもわかりやすいです。
 
 
次はもう一つの学習サイトについて説明しますね。
 

プロゲート

 
これも無料プランと有料プランに分かれています。
 
有料プランの料金は月額税抜980円なので税込にすると1,078円なのでほとんど一緒ですね。
 
※HTML/CSS
 
無料プラン
・初級編 3時間50分
有料プラン
・初級編 3時間50分
・中級編 4時間30分
・上級編 2時間
・Flexbox編 1時間
・初級編 2時間30分
・中級編 3時間20分
・上級編 1時間40分
 
合計 18時間50分
 
※JavaScript
(前仕様 ES5)
無料プラン
・Ⅰ 1時間30分
・Ⅱ 1時間30分
有料プラン
・Ⅰ 1時間30分

・Ⅱ 1時間30分
・Ⅲ 1時間30分
・Ⅳ 1時間30分
・Ⅴ 1時間30分
 
小計 7時間30分
 
(最新の仕様 ES6)
無料プラン
・Ⅰ 2時間
有料プラン
・Ⅰ 2時間
・Ⅱ 2時間
・Ⅲ 2時間
・Ⅳ 3時間
・Ⅴ 2時間
・Ⅵ 1時間
・Ⅶ 1時間
 

小計 13時間

合計 20時間30分
 
HTML/CSS+JavaScript 総計 39時間20分
 

すべて実行するとなると目安で39時間20分かかります。

1日1時間だとするとそれぞれ20日前後でできそうですね。

 

私はドットインストールで勉強しましたが、今プロゲートの最初のほうをやってみた感じ、プロゲートとのほうがいいかもしれませんね。

 

※ドットインストールとプロゲートの違い

ドットインストール

・視聴がメイン

・HTML/CSSを実際にやるときは別画面に自分で(コードを入力するもの)を用意して練習しないといけない

プロゲート

・はじめからVisual Studio Codeに入力する形式で講義が進められていくのでより実践的に学習ができる

 

ドットインストールもプロゲートもHTML/CSS、JavaScriptの学習にかかる時間はほとんど変わりません。

ドットインストールは音声ですすめていき、プロゲートは画面に説明が書かれてあってそれを見ながら実際に手を動かして進めていくやり方です。

個人的には実際に手を動かしながらのほうが身につくと思うのでプロゲートがいいと思います。

 

プログラミングスクールという選択肢(¥0円で無料体験あり)

 

プログラミングの初心者が挫折する理由として、わからないことをすぐに誰かに聞くことができずそのままやめてしまうというのがあります。

 

その点プログラミングスクールではすぐに講師に教えてもらうことができるので、もし独学が難しそうだという方はそういう選択肢もありかもしれません。

 

プログラミングスクールは、費用が結構かかってしまうので金銭的に難しい場合は独学でいいんじゃないかと思います。独学でエンジニアになった方は結構いますので。

無料体験と無料カウンセリングというのがあるようなので、それだけやるのもいいと思います。

 

教室通学ならテックキャンプでオンライン完結ならTechAcademyです。

 

まとめ

プログラミングの無料学習サイトのドットインストールとプロゲートの学習にかかる時間はほとんどかわりません。

 

ドットインストールは音声学習。プロゲートは実践的に学習といったかんじです。

 

私は実践的に勉強するのが身につくのではないかと思うのでプロゲートをおすすめします。

 

コメント

タイトルとURLをコピーしました