HTMLやCSSの学習をするなら教則本よりProgateを推したい。

ブログデザインに全く手がつけられなかったので、時間もできたし、腰を据えてHTMLやCSSの学習をしたいなと思っていました。

やはり、教則本を1冊買ってがっつり勉強するのもいいなと思っていましたが、途中で挫折してしまい、積読本になってしまうこともしばしば。

そこで、こんなサービスを見つけました。

Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]

Progateがスゴイ理由 3選

ゲーム感覚で学習できる

Prograteにはレベルの概念が存在します。レッスンをクリアするたびに経験値がもらえます。ゲーム感覚でプログラミングの学習ができる点が、個人的に気に入っています。

自分の上達が視覚的に分かり、やる気につながります。

スモールステップでモチベーション維持ができる。

レッスンの流れとしては、「スライドでポイント確認→実習→答え合わせ(フィードバック)」となっています。

スライドでポイント確認。

スライドの内容が、非常にシンプルで分かりやすいのもポイントです。

演習

画面左から①手順、②入力画面、③プレビューが示されているので、確認しながら、進めていくことができます。

フィードバック

フィードバックが素早くでき、間違えている箇所の発見・再確認が容易にできます。

かゆい所に手が届くUI。

すぐに、スライドに戻って確認できる。

以前に学習したけど…忘れてしまった!そんな時も大丈夫。

『スライドを見る』で再確認。しかも、すぐに呼び出せるので、ストレスフリー。

ヒント機能。

どうしても先に進めない…そんな時も、大丈夫。『ヒントを見る』機能を使えば、関連するヒントを教えてもらえます。

最終兵器、『答えを見る』

どうしても分からない…そんな時も大丈夫。Prograteならね。

「答えを見る」ことも許されているんです。

ただし、答えを見てからクリアすると、もらえる経験値が半減してしまいます。この辺りのシステムもうまくできています。

さいごに

このように、僕がHTMLやCSSの学習にPrograteを推したい理由は

①ゲーム感覚で学習できること。
②スモールステップでモチベーションが維持できること。
③かゆいところに手が届くUI

以上の3点だと感じています。

まだまだ学習をはじめたばかりですが、少しずつ上達し、このブログのデザイン等もさらに良くしていきたいと思っています。

おまけ

アプリ版もありますので、ぜひダウンロードしてみてください。

Progate –楽しく学べるプログラミング学習アプリ
カテゴリ: 教育

コメントを残す

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