エンジニアステップ

初心者・未経験エンジニア向けの技術ブログ

DAY6. 『Progate HTML & CSS 初級・中級道場コース』 #30DAYSトライアル

DAY6. 『Progate HTML & CSS 初級・中級道場コース』#30DAYSトライアルです。

» 参考:【初心者からサイト制作で月5万円を稼ぐための30日間トライアル】まとめ

www.engineer-step.com

 

DAY6. 『Progate HTML & CSS 初級・中級道場コース』課題

DAY6. 『Progate HTML & CSS 初級・中級道場コース』では、課題の復習です。

 すぐ終わるだろうと思っていたら、思いの外時間がかかりましたw

それぞれ1時間以上かかってますね、難しい…

 

Progateの道場がクリアできない場合の学習方法

ちなみに、どうしても道場がクリア判定が出ない人は

  1. 「ヒント」から「答え」のコードをコピーする
  2. 自分が書いたソースコードをコピーする
  3. 差分を比較する
  4. 修正する or 答えのソースコードを、解答欄にペーストする

で、とりあえず先に進むのも手だと思います。

※その後にもう一周やることを推奨します

 

大切なのは、どこが間違えていたのか理解することです。

基本的には、目視で確認すれば「これ忘れてた…」っていうのに気づくと思います。

 

自分のソースコードと正解のソースコードの違いに気づかない場合は「DIFF」(文章の差分)を調べてみるのがオススメです。

とりあえずWEB SERVICEでサクッと調べられるのでどうぞ

» 参考:Diffchecker - Online diff tool to compare text to find the difference between two text files

 

『Progate HTML & CSS 初級道場と中級道場』感想

『Progate HTML & CSS 初級道場と中級道場』の感想です。

 

個人的には、どこからどこまでを<DIV>で囲うのかに悩みました。

あとはmargin と padding の使い分けも手こずりましたし、中央寄せの方法も何が良いんだっけ…と迷いました。

 

ショーヘーさんのコーディング初心者向けTIPSを追うのがオススメ

開発効率&学習効率を上げるには、ショーヘーさんのTweetを追うのがオススメです!

勝手に引用しますw

 

 

 

 

 

以上、DAY6. 『Progate HTML & CSS 初級・中級道場コース』というお話でした。

 

私同様に「思った以上に覚えてない…」という方多いと思いますが、5日間しかやっていないので、それが普通だと思いますw

ここまでできたことに自信を持って、落ち込まずに頑張りましょ!

※私も思った以上に忘れていたし、迷ってショックを受けましたw

 

ちなみにプログラミングの場合は、暗記はしなくて良いです(すぐにググればいいから)。

ただ、原理原則だけは覚えておく(理解する)必要がありますね。

あと、意外と重要なのは「自分用のメモ」を作ることだと思いますので、各自学習した内容や忘れがちな内容を、テキストに保存しておきましょう。

※PC内のテキストファイル or クラウド上に保存するのがオススメ

» 参考:Evernote

» 参考:Google Keep

 

【関連記事】

  1. DAY1.『Progate HTML & CSS 初級編(4章まで)』 #30DAYSトライアル 
  2. DAY2.『Progate HTML & CSS 初級編(7章まで)』 #30DAYSトライアル
  3. DAY3.『Progate HTML & CSS 中級編(3章まで)』 #30DAYSトライアル
  4. DAY4.『Progate HTML & CSS 中級編(7章まで)』 #30DAYSトライアル
  5. DAY5.『Progate HTML & CSS 上級編』 #30DAYSトライアル
  6. DAY6. 『Progate HTML & CSS 初級・中級道場コース』 #30DAYSトライアル
  7. DAY7. 『Progate HTML & CSS 上級道場コース』 #30DAYSトライアル

www.engineer-step.com