【HTML】初心者がProgateとドットインストールで勉強したので、その良し悪しを比較してみた【CSS】

HTMLCSS プログラミング

HTMLCSS

プログラミングを初めてやる方が

ネットで調べてると必ず出てくるのが

「Progate」、「ドットインストール」。

オンラインでプログラミングが勉強できる

大変便利なサイトがあります。

 

どちらも月額1000円くらいで好きな言語が

勉強し放題っていう!!

なんてすばらしいサイトなのでしょう!!!

 

しかしながら、今から初めてプログラミング勉強する人にとっては

「どっちの方が自分にあってるんかなあ??」

と悩むのは当然です。

 

・・ということで、今回は、そんな方に向けて

私なりに両サイトで勉強してみた感想と、良し悪しの比較

していこうと思います。

こんな方が読むと有益かと思います
〇これからオンラインでプログラミングを始めようかと思っている人
〇Progateとドットインストールどっちでやろうか迷っている人

※HTML/CSSを勉強したときの比較をしていきます

 

1.Progateで勉強してみた感想
公式HPはこちら!
 
かわいらしいキャラクターが特徴的ですね。
 
早速ですが
私が考えるProgateの魅力は
次の2つかと思います。
Progateの魅力
1.すぐにキーボードを使って練習できる
2.スマホ用のアプリがある
それじゃ、詳しく見ていきますね。
 
1-1.すぐにキーボードを使って練習できる
Progateのすごいところは、
サイト上でコードを打って
すぐにプレビュー(ネット上でこんな風に映るんだよ)
を見れるってところです。
この機能は他のオンライン基礎学習サイトにはないんじゃないかなあ。
 
つまり、今自分が何をしているかすぐに確認できるってところですね。
 
通常、HTMLのコードを打つときは
「テキストエディタ」といって、
プログラミングに特化した「メモ帳」みたいなもんに
書いていくのが普通です。
 
もちろんテキストエディタを用意して勉強することも
可能ですが、Progateさんはそんな手間をすべて省いて
くれます。
 
Progateで出される課題をやる→プレビューで確認!→次!
みたいな感じでサクサク課題をこなしていくことができます。
(ひつじ仙人が丁寧に案内してくれます)
 
このサクサク感がイイんですよね
 
1-2.スマホ用のアプリがある
Progateさんだけだと思いますが、
スマホ専用のアプリもあるのが魅力的ですね
 
iphoneだったらApp storeで
「Progate」と入力すれば出てきます。
 
スキマ時間に勉強したい場合はProgateさんの方が
環境はしっかり完備されています。
ちゃんとコードを打って勉強ができる設計です。
 
(私も電車移動の時にガシガシやりましたよ)
 
 
 
それじゃ次にドットインストール!
2.ドットインストールで勉強してみた感想
ドットインストールの公式ホームページはこちら!
 
ドットインストールの魅力は
次の2つに集約されるかと思います
ドットインストールの魅力
1.動画で学習できる
2.広範な内容を勉強できる
 
さ、いってみましょう。
2-1.動画で学習できる

講師の先生が、動画でコードを書いてくれますので

どういうコードがどういう影響を与えるのか

というのをリアルタイムで観察することができます。

 

こういうのが動画の良さですよね。

静止している情報だけだと、理解できないことって結構ありますよね。

 

また一本当たりの動画は3分前後で小分けされているので

見たいところだけ見るってことも可能です。

※ただし、並行してコードを打ちたいって場合にはさっき言った

テキストエディタを自分で用意しないといけません。

 

JavaScript』の勉強は絶対的に動画を勧めます。
だって、ぬるぬる動くアクションの見本が見たいときは
本などの静止画だと理解不能ですからね。
 
2-2.広範な内容を勉強できる
その範囲の広さはProgateより圧倒的に多いです。
基本から実践の橋渡し的な内容も多くうかがえますね。
 
たとえば
「初めてのHTML」15回分
もあれば
「実践ウェブサイトをつくろう」16回分
など盛りだくさんの講座です。
 
 
3.両方を比較してみた
それじゃあ
両サイトの良し悪しをまとめてみましょうか
 
《Progate》
〇テキストエディタを用意せずハンズオンでガシガシ勉強できる
〇スマホアプリでいつでも勉強できる
〇勉強範囲は必要最低限のところ
〇勉強後のテキストエディタなどの環境設定は自力で

 

《ドットインストール》

〇動画での講義で理解しやすい
〇より広範な内容を学習できる
〇ハンズオンで学習する場合は自分で環境を用意
〇3分動画なので説明速度が少し速いかもしれん(笑)
 
後両者に共通した素晴らしいこと!
〇質問し放題
〇月額1000円で勉強し放題!

 

まとめるとこんな感じですかね。

 

2つともてても素晴らしいサイトです。

自分にあった学習方法を見つけて

一緒にプログラミング頑張りましょう

コメント

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