プログラミングの学習ならUdemyがおすすめです!詳細はこちら

Progateの勉強法を現役のWEBコーダーが徹底解説します。

アイキャッチ画像

疑問ちゃん

Progateで何かいい勉強法ってありますか?

人それぞれ勉強法は、違うが私なりの勉強法教えよう。

博士

以前にコーダーになるためにProgateのやるべきコースをまとめました。記事は下記になります。

コーダーのためにprogateやるべきコースまとめましたコーダーになるためにProgateでやるべきコースをまとめました

今回は、Progate勉強法をご紹介します。

私自身、効率の悪い勉強法をしてしまい何度も繰り返してしまい気づいたらレベルが200レベ超えていました・・・

256レベル

そんな200レベルの私が今回Progate勉強法をご紹介します。

この記事でわかること
  • Progateの勉強法がわかる

Progate勉強法

まずProgate公式ページこちらになります。

Progateについて知らない人は、下記の記事のProgateの項目を参考にしてください。

HTML&CSS間違いない学習サイトをまとめましたコーダーになりたい人におすすめのHTML&CSS無料学習サイトをまとめました

では本題に入ります。

Progate勉強法は以下の通りです

  • 暗記する必要はありません
  • 何周もする必要ありません
  • 色々な言語に手をださない
  • アウトプットする

順番に解説していきます。

暗記する必要はありません

よく試験勉強のようにノートを書き写して覚えようとしている人がいます。

もちろん悪いことではありませんが、あまりおすすめはしません。

なぜならプログラミングは、試験とは違い、カンニングがokだからです。

試験は、カンニングしたら怒られますよね?なので必死にノートを書き写して暗記します。

しかしプログラミングは、カンニングしても怒られません。

ベテランのコーダーまたはエンジニアの人もグーグルで調べながら作業してます。

なので暗記する必要はなく調べたらわかるぐらいの理解で大丈夫です。

具体例

具体例は、以下の通りです。

調べるくん

テキストを真ん中に配置するにはどうすればいいんだっけ?確かテキストを真ん中にするプロパティあったような・・・

よし調べよう! 「css テキスト真ん中」で検索 なるほど!text-alignを使うのか!

調べるくん

調べるくん

書き方がわからないのでtext-align 書き方で検索しよう!

なるほど!text-align: centerを使えば真ん中に配置できるんだね

調べるくん

ざっくりですがこんな感じです。

このように真ん中に配置するにはcenter、右に寄せるにはrightなどノートに書き写して暗記する必要はなく、調らベればわかるようになることが大事です。

また抽象的でいいのでCSSで何ができるのか?をたくさんインプットして後は検索で解決しましょう!

しかし毎回調べて、参考になる記事を探していたら時間が掛かります。なので参考になったサイトや解決方法を手書きのノートではなくEvernoteでまとめておくと便利です。

Evernoteとは簡単に説明するとメモ帳アプリです。

手書きのノートだと、メモしたことがどこに書いているか探さないとダメですが、Evernoteを使うと検索して一瞬で探せるので時間が掛からずおすすめです。

Evernote公式サイトは下記になります。

https://evernote.com/intl/jp/

疑問ちゃん

書き方などメモして覚える必要はないってことですね?

そうだ!調べれば解決できるのでメモしてまで覚える必要はない。大事なのは、CSSで何をできるのかを知ることだ。これを知ることで後は、調べれば解決できるようになるぞ。

博士

何周もする必要はありません

よくProgateで3~5周しました。っていう投稿をSNSで見かけることがあります。

正直言って時間が勿体ないです。

何周もしている人はProgateをやることが目的になっていませんか?

これが一番だめなパターンです。

本来の目的はプログラミングをできるようになって就職または、自分でサービスを作ることが目的だと思います。

目標を見失ってだたひたすらProgateをやって勉強した気になってませんか?

そうゆう人は今一度、自分の目標を確認しましょう!

疑問ちゃん

じゃあ何周すればいいの?

ベストは2周です。

まず1周目ですべて理解するのは、結構難しいと思います。なので1周目はさらっとやり、2周目をじっくりやっていきましょう!

2週目を終わってからは学んだことをアウトプットしましょう。正直このアウトプット一番重要です。

アウトプットができないってことは理解していないので、わからなかった部分をまずGoogleで調べて解決しましょう。

ここで調べることによって自然と検索能力が身についてくると思います。検索能力が身につけば、ほとんどのことができるようになります。

調べてもわからない場合は、スライドを見て確認し、もう一度そのセクションを復習しましょう。

色々な言語に手を出さない

色々な言語をやると知識が分散してどの言語も中途半端になります。いざ何か作ってみようとなると、どの言語も中途半端なので結局、何もできないという落ちになります。

なのでまず一つの言語を極めましょう。目標がある人は、その目標を達成するにはどの言語が必要なのかを、まず整理してその言語を重点的にマスターしていきましょう。

特に目標もなくプログラミングして見たいって人は、色々な言語をやって見て自分がどの言語が合っているか確認するのも一つの手段でしょう。

アウトプットする

プログラミングの勉強において一番重要なことは、アウトプットです。なのでProgateで学んだことは必ずアウトプットしていきましょう。

疑問ちゃん

どうやってアウトプットしていけばいいの?

例えばProgateでHTMLとCSSを学んだ場合は、自分で学んだことを活かしてホームページを作って見るといいでしょう。

しかし、いざやってみると全然できないと思います。できないとこは、時間が掛かってもいいのでGoogleで調べながらやっていきましょう。

ProgateのHTML&CSSを理解している人であれば簡単なホームページを作れるようになってます。

ホームページのデザインについてはProgateで作ったをホームページをアレンジして作ってみるといいでしょう。

まとめ

今回は、私の失敗を活かしてベストな勉強法をご紹介させていただきました。

Progateの勉強法を知りたい人または成長に悩んでる人などよかったら参考にしてください。

 

コメントを残す

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