記事の詳細

初心者が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を活用してみてはいかがでしょうか。

 

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

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


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

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

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

相模原のお店やサービスをどんどん紹介!

行ってみよう相模原 相模原市のお店限定

飲食店

ページ上部へ戻る