【模写コーディング①】30daysトライアルのLP

OVERVIEW

[5/3~5/5]模写コーディングを行いました

YEAR 2020

 オンライン教材であるデイトラを始めてから、3日間で制作を行いました。デイトラとは合同会社東京フリーランスが運営しているプログラミング教材で、私はその中のWeb制作コースを受講しておりました。

 1日目にコーディングの基礎から、VSコード(コードエディタ)の設定などを学習しました。1日目はやる気に満ち溢れていたので、5日分の教材を終わらせてしまいました(笑)もともとprogateで学んでいたこともあって、そこまで詰まるところが無かったのが原因だと思います。

 2日目にこの模写サイトの作成に取り掛かりました。特にメインビジュアルの画像をどのようにすれば崩れずにコーディングできるかが分からず苦戦しましたが、”分からないところは何も考えずにコピペ大作戦”を実行し( ;∀;)、何とか実装!朝から晩までパソコンに張り付いてコース一覧の途中まで終わらして2日目は終了しました。

 3日目にサイトのfooterまで書き終えました。placeholderが分からず1時間ずっとググっておりました。まあ、自分は初心者だから”分からないところは何も考えずにコピペ大作戦”が今後も続きそうだなと思ったのと同時に、理解は後でも実装出来たらいいじゃん!とプラスにとらえるようになりました。

 後日、他の模写サイトを書き終わった後にレスポンシブ対応とjqueryの実装を行った為実際は5日程かかりました。また、演習のためにこの模写は何も見ずに3回行っているので、同じ模写サイトが3つある状態ですね(笑)