Progateやドットインストールが終わったらいきなりポートフォリオをするのではなく、模写コーディングを始める人が多いと思います。
しかし、模写コーディングは難しいです。
「Progateは楽しく勉強出来たけど、模写コーディングが難しすぎて挫折した」という人は多いのが実情です。
模写コーディングほんと
難しい、、、
また基礎からProgateとドットインストールを見返します😭😭#プログラミング初心者 #プログラミング勉強— R♡ (@xxxxri25) December 7, 2019
無事、模写コーディング挫折しました。
まだ、1から模写するのは早いようです。
— マリナ・アッペルシーニ(Malina Appelsiini)@そういえば、読み方書いてなかった (@MAppelsiini) November 15, 2019
プログラミング学習14日目😢
✔Airbnb模写コーディングに挑戦
✔全然進まず挫折こうやったらいけるんじゃないか?みたいなアイデアをいくら試しても思い通りにいかない!
自信ゼロになって、なんかコード見るのも嫌になりました😭
つらいけど踏ん張りどころ😤#今日の積み上げ— てる (@terucode) October 7, 2019
今回は模写コーディングがするための勉強法について解説していきます。
模写コーディングの勉強方法
模写コーディングが出来るようにためには、以下の3つことが重要です。
- 必ずコードを書きながら学習する
- 飛ばして勉強しない
- コピペせず、理解する
順に解説していきます。
必ずコードを書きながら学習する
ドットインストールのような動画教材や書籍だと「見るだけ」の学習になりがちですが、絶対に書きながら勉強した方がいいです。
定着度合いが全然違います。
私は最初、ドットインストールを視聴だけで済ませましたが、知識はまったく身についておらず、時間だけ消費しました。
飛ばして勉強しない
Progateにもドットインストールにも言えることですが、それぞれが動画関連しあっているので、1つ動画を飛ばして学習すると、何が何だか分からなくなってきます。
結局、最初に戻って勉強することになるので、1動画ずつ丁寧に学習していく必要があります。
コピペせず、理解する
エラーに当たった時、めんどくさくなってコピペで進見たくなる時があると思いますが、自分で解決した方がいいです。
仮にコピペで次に進んだ場合でも、後日再度「何がエラ―の原因だったのか?」を確認すべき。
というのも、実務だと「自走力(自分で問題を解決する能力)」が求められるからです。
プログラミングの学習だけでなく、プログラマ―として必要な資質も得られれば、一石二鳥!
初学者が模写コーディングで挫折する理由
今回は、Progateやドットインストールを学習した初学者の模写コーディングの勉強法について紹介しました。
初学者が模写コーディングで挫折する理由は、その人が頭が悪いからではありません。
ただ単にProgateやドットインストールを終わった段階で、模写コーディングをするのは早いのです。
ベレットは、模写コーディングをする前にUdemyの以下の講座をオススメします。
「未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース」
2019年12月現在、受講者数は28693人、評価は4.3以上とかなりの人気です。
- コーディングの仕方をイチから教えてくれる。
- ファイル・エディター周りのことが理解できる
- Webサイト作成の手順が理解できる
順番に説明してきます。
コーディングの仕方をイチから教えてくれる
講師の方は、現役のWebデザイナーということもあって、実務で使えるコーディング方法を教えてくれます。
個人的には、数十万円するプログラミングスクールと同じレベルだと思っています。
公式サイトの講座内容に「自分1人でサイトを作り上げるのに必要な全てが含まれています」とあるように、講座を受講すること独力でサイトを作ることが出来るようになります。
ファイル周りのことが理解できる
模写コーディング以前の話なのですが、コーディングするにあたり、「エディターを開いて→フォルダーを探す→ファイル選択し、開く」という基礎の基礎の部分もしっかり説明してくれており、ファイル周りのことについても理解できます。
私の場合、ファイルや画像をサイトにリンクさせる場合、同じ階層にファイルや画像がないと上手くブラウザ上に上手く反映しないという理屈が分からず、何日も理解できず、時間をロスした苦い過去があります。
Udemyに出会うまで相対パスと絶対パスのとこらへんとかめっちゃ悩みました。。。
このへんはもしかしたら、私が迷っていただけで普通の人は当たり前に出来る作業なのかもしれません(汗)
Webサイト作成の手順が理解できる
Progateやドットインストールでは、HTMLやCSSの部分的な学習はできますが、Webサイトのコーディングについてはかなりザックリしています。
そのため、模写コーディングをする段になると、「自分が今書いているコードは何のために書いているのかよく分からなくなってきます。」
模写コーディングの目的は「HTMLとCSSのコーディングの流れを知ること」「コーディングのルールの確認」「プロパティやタグの理解」です。
未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコースではWebサイトの作成のステップを丁寧に説明してくれています。
この講座を学習した後は、スムーズに模写コーディングが出来ます。
また、模写コーディングだけでなく、簡単なWebサイトであれば十分自分で作れるようになれます。
※詳細についてはUdemy公式サイトを併せてご確認ください。
コメント