Progate（プロゲート）のHTML&CSS道場レッスンを3周してみて感じたおすすめの取り組み方

Progate（プロゲート）の「HTML&CSS道場レッスン」を何周かやってみて感じた、おすすめの取り組み方について書いています。

という方は、是非読んでみてください。

追記：2022年1月2日

現在、筆者はエンジニアとして働いています。この記事は、プログラミングを学習し始めた時に書いたので、今見返すと文章の書き方や内容が薄く、記事を削除しようか迷ったのですが、プログラミングを触り始めた時のことを忘れないように、記録として残しておきます。

タップできる目次

Progate（プロゲート）のHTML&CSS道場レッスンは全7レッスンあります。

また、学習コースと道場コースに分かれています。

私がどのように、HTML&CSS道場レッスンに取り組んできたのか、どれくらいの時間がかかったのかについて書いていこうと思います。

HTML&CSSの知識が全くない状態だったので、スライドを理解するのに、時間がかかりました。

しかし、Progate（プロゲート）は、プログラミング初心者の私にも分かりやすいように、図が挿入されていたり、間違えやすいポイントが書いてあったりしたので、すんなりと頭に入ってきました。

ノートにメモをとりながら学習した方が頭に入ってきやすくていいのかなあと思ったので、学習コースの初級編から上級編まではノートをとっていたのですが、まあ時間がかかります。

とりあえず分からないところがあってもそこで手を止めずに1周しました。1周目で全てを理解するのは難しいので。

1週終えるのに、約15時間ほどかかりました。道場コースでかなり手こずりましたね。

HTML&CSS道場レッスンを1週したので、ある程度は、HTML&CSSに関する知識が入ってきました。

また、2週目を終えるのに約8時間30分ほどかかりました。1周目のときよりは、かなり早く終えることができましたね。

2周目に入るときは、手を動かしながら取り組めるように、「リセットして復習」を選択しましょう。

HTML&CSS道場レッスン3周目では、「リセットして復習」ではなく、「そのまま復習」を選んだので、約6時間ほどで終えることができました。

3週目ともなってくると、道場コースでも「検証」をあまり使わずとも、仕様書のみで完成させることができるようになってきました。

HTML&CSS道場レッスンのおすすめの取り組み方

HTML&CSS道場レッスンを3周してみて感じた、おすすめの取り組み方について。

以下のような進め方が良いのではないかなと個人的に思いました。

3周を終えて、ある程度はHTML&CSSの知識はついたのかなと思ったので、これからは簡単なサイト模写を行っていこうと思います。

効率的に学習を進めていくために必要だと思ったことについて紹介していきます。

ショートカットキーを使うことによって圧倒的な時間の短縮につながります。

Progate（プロゲート）では、Progateの中でのみ使えるショートカットキーもあるので、是非早い段階で覚えておきましょう！

タッチタイピングができないとコードを書くのにかなり時間がかかります。

僕自身も大学に入学した頃は、手元を見ながら恐る恐る打っていました…笑。

タッチタイピングを習得することによってコードを書くスピードが上がるのはもちろん、レポートの作成やWordを使って文章を作成するスピードも上がります。

そもそも、HTML&CSSはプログラミング言語ではないです。

しかし、HTML&CSSの知識がないと Webサイトを作ったり、Web系の仕事をするのは難しいと思っています。

なので初心者は、まずHTML&CSSの勉強から始めることをおすすめします！