progate「道場コース」で挫折したら

道場コースとは

プログラミングの学習を始め、まず始めるのが「progate」の人は多いと思います。しかし、挫折する所として名高いのが「道場コース」。

プログラミング初心者の

挫折あるあるNo.1

progateは、ヒントや答えがあるので進めます。ところが、「道場コース」に入ると「０からサイトを作れ。」と言われて、一歩も動けない自分に気づかされます。

サイトの全体像や構造がイメージできていないからです。言葉（言語）だけ学んでいても何をしたらいいのか分からないのです。

そんな人が次に取り組むオススメは、YouTubeで模写です。

progateでhtml,cssを終えたら、模写をするのが良いとはよく聞きます。おすすめ模写サイトというのを見つけますが、余計に難しくて書けません。

「道場」が作れないのに、

そんなの無理。

そこでおすすめするのは、YouTubeを見ながら模写です。１から作っていくのを一緒に打ち込んでいくのです。

似たものに、有料教材のudemyとドットインストールがあります。これらは短い動画がつながっていて、説明も丁寧です。
ところが、説明が丁寧であればあるほど、サイトを作る基本的なことがぼやけてしまいます。

大切なのは、言われた解答をそのまま書くのではなく、基本的なことを理解することです。
似たようなサイトを続けて作ると、全体像がやっと見えてきて理解できます。

これから紹介するのは、少しずつレベルアップしていくサイトを動画で見ながら作るものです。
しかも、YouTubeなので無料です。

YouTubeには、模写をする動画がいくつかあります。中でもおすすめは以下の３つです。

紹介する順に作るのを勧めます。シンプルで分かりやすい順です。
取り掛かりやすく、理解も深まります。

YouTube模写動画　おすすめ３選！

１．　　HIROCODE
２．　　フロントエンドチャンネル
３．　　クリ★スタ
次点　　玉袋浩二の知恵袋ちゃんねる

【実践】ヘッダーの組み方 HTML/CSSコーディング part.1
https://www.youtube.com/watch?v=vRZRwfQvoos&t=18s

・ヘッダーだけ！
・part.3まである！

挫折しかけたあなたに

光がさしこみます。

これは、ヘッダーだけがpart.3まであります。
ヘッダーを少しずつ変えて繰り返し作るので、言葉（言語）が全体の中でどのように働いているのか、少しずつ分かってきます！

【実践！サイト模写コーディング！超初心者向け】解説しながらHTML/CSSを書いていきます！レスポンシブ（スマホ）対応まで！
https://www.youtube.com/watch?v=Vh3qwpyYkuM&list=PLv7E5OqNAIPyy_7Mk5nskvNfHCKSIiIdt&index=2

・説明が丁寧で、動画も豊富！
・第三弾まである！

じっくり取り組めます。

録音の声が小さいのが残念ですが、音量を大きくして見る価値はあります。
第三弾まである他、動画がたくさんあります。（他の動画はきちんと声が聞こえます。）

実践から始まるので、まずは以下の準備する所から見るのを勧めます。

【サイト模写コーディング】初心者向け！メリット・注意点・流れなどを解説！実際の模写をやるところまで。
https://www.youtube.com/watch?v=Pj63nxvRwwY&list=PLv7E5OqNAIPyy_7Mk5nskvNfHCKSIiIdt&index=1&t=138s