記事の詳細

初心者がHTMLなどの言語を学習するとき、どのような学習体験が望ましいでしょうか。
あくまで私の経験からですが、次のポイントがあると思っています。

  • 説明がシンプルで分かりやすい
  • 入力した結果がすぐに確認できる
  • 達成感がある

これらを兼ね備えた学習用WEBサイト「Progate」をご紹介します。
無料でHTML&CSS、PHP、jQuery、Ruby、Ruby on Rails、JavaScriptを学習することができます。

Progateにユーザー登録をしてみよう!

Progateのサイトにアクセスます。

https://prog-8.com/

ProgateWEBサイトのトップページ

ユーザー名、メールアドレス、パスワード(任意のもの)を入力し、新規登録をクリックします。
(facebookやTwitterでも登録可能です。)
ユーザー登録の画面

メールアドレスの認証メールが届きますので、メール本文中のURLをクリックして登録を完了してください。

レッスン一覧から学習したいレッスンを選択します。
学習コース一覧

学習をしてみよう!

学習の方法は「説明スライド」をまず読み、その後に実際にコードを書いて理解度を確認する流れになります。

説明スライドの画面↓
説明スライド

↓コード記述画面
コーディング画面

ご覧のように、記述したコードをもとに「プレビュー」が即座に表示されるので、入力した内容が正しかったのかをすぐに確認することができ、とても学習がし易いと思います。

学習をクリアすると、レベルが上がります!
このレベルUPの演出により達成感とヤル気が生まれますね。
レベルが上がった画面

いかがでしょうか。
ご覧いただいたように説明はとてもシンプルです。
初心者にとってはまず手を動かしてコードを書いて、「これを書いたらこういう表示になるんだ!」という経験をどんどん積むことが重要だと思います。その点、要点を絞ったシンプルな説明はとてもいいと思います。

HTMLやPHPなどのプログラミング言語の学習に!
Progateを活用してみてはいかがでしょうか。

 

この記事であなたの課題を解決することができましたか?

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

The following two tabs change content below.
唐澤 章三

唐澤 章三

代表取締役インクループ株式会社
弊社代表。UXデザインの講師を専門学校で務めており、心理学に基づくデザインを実践している。実家が焼肉屋ということもあり、幼い頃からの経験に基づく顧客心理を活用した広告展開、運用を得意とする。

ほかの投稿も読んでみませんか?

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

特集

エクセルトラブルと解決策のまとめ アクセス数を増加させるための方法まとめ 初心者向けWordPressの設定方法まとめ

AD

お知らせ

平成28年度補正予算 小規模事業者持続化補助金
ページ上部へ戻る