【Progateレビュー】WEBプログラミング言語初心者が無料体験してみた感想【HTML&CSS】

どうも、はるかす(@mametyralove)です。

Progateというプログラミング学習サイトでHTML&CSSの無料で学べる範囲をやってみたので今回はそのレビューをしたいと思います。

Progateで無料体験をすると、最高でこんなサイトが作れるようになります。
http://harukasu.work

スマホの大きさに合わせる勉強は無料ではできないのでパソコンでしか綺麗に見えませんが、企業のサイトでも見るような綺麗な見た目のサイトを作れるようになります。

僕はワードプレスというツールを使ってブログ運営をしていますが、未だにWEBプログラミングができない「初心者」です(多少はわかりますが)。

そんな僕でも理解できたProgateの感想を詳しく書いていきます。参考にしてみてください。

Progateでの学習

  1. スライドで学習
  2. お手本の通りになるように演習

基本的にこの2手順がProgateの学習方法です。かなり単純そうに見えますが、逆に混乱せずにすんなり頭に入ってきます。

画像と一緒に詳しく見ていきましょう。

スライドで学習

まずは、スライドで知識をインプットします。スライドは画面いっぱいに表示され、簡潔に書いてあるのでものすごくわかりやすいです。

画像のような説明で、今何をすべきか?どんな事をするのか?を明確に示してくれます。

次の演習に進んだ後でも、気になった時にスライドに戻ることができるので躓くことはありません。

 

お手本の通りになるように演習

スライドでインプットした後は、演習を行いアウトプットしていきます。

現在進行形でどのような結果になるのかを見ることができたり、見本もあるのでそれを確認しながら勉強を進めていく事が可能です。

こちらも視覚的に今何をすべきか?どんな事をするのか?を明確に示してくれます。

Progateの良いところ

実際にProgateの無料体験を通して、素晴らしいと思った点をいくつか紹介していきます。

上の画像は、Progateのシンボルキャラクターの「にんじゃわんこ」です笑

スライドがわかりやすい

スライドはとてもわかりやすく作られていて、専門的な言葉も要約したり、例えが書いているので初心者も安心です。

また、読みやすく内容もスラスラ頭にが行ってきたので、デザインもかなり凝っているように思えました。

図形も同様に見やすくわかりやすいデザインです。

 

細かく教えてくれる

スライドや演習でも丁寧に細かく解説がされています。

例えば、覚えなくても良いものや覚えた方が良いもの、必須項目かそうでないかなど挙げたらキリがありません。

とてもインプット&アウトプットがスムーズにできる環境になっていると思います!

 

レベル制

Progateは学習を進めていくと経験値をもらう事ができ、一定の経験値が溜まるとレベルが上がります。

レベルが上がることのメリットは、ゲーム感覚で勉強ができるようになる事と、自分の成長が目に見えて確認できる事です。

獲得経験値によるランキング付けもされるので良いモチベーションにもなります。

ブログ運営に役立つ?

ブログ運営に役立つか?という質問に対してはYES!と答えます。しかも無料体験の時点ですよ。

何ができるようになったかのか、何が便利になったのかをご紹介します。

タグが理解できるようになる

今までタグはこんなものなんだなと適当に使っていました。

しかし、<div>やclassの意味をきちんと知ってからはブログの構造が割としっかり見えてくるようになりました。

特にdivを使っているとショートカットに登録した要素と文章がくっついてしまうなんて事故があったのですが、今では適切に対処ができるようになりました。

 

CSSをいじれるようになる

ワードプレスを使っているとほぼ必ずCSSファイルに文字を追加します。しかし基本は他サイトからのコピペ。

何も理解せず言われたままにコピペしていましたが、理解できてからは中身を見てかなり自由に変更できるようになりました。

かなりブログのデザインの幅が広がります。



まとめ

Progateの無料体験をしてみて率直に思ったことはとてもわかりやすいという点です。

今まで見てきたサイトはどこから学習して良いかもよくわからず途中でわけがわからなくなったりしましたが、Progateでは一度もなかったです。

それどころか、学ぶのがとても楽しいので長く学習を続けられそうなのも良いですね。

では、有料登録をするかどうかについては僕はしてみようと思います。というかこの記事を書いてる時には既に有料登録してます笑

月額980円で全てのレッスンを受けられるので本当にオススメです!学べるプログラミング言語は沢山あるのでまずは無料体験をしてみてください!

コメントを残す

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