【課題】LPコーディング

OVERVIEW

オンラインスクール「デイトラ・Web制作コース」にてコーディング課題に取り組みました。

1.  概要

制作期間:1週間(2021年6月中旬)
使用ツール:HTML / CSS
レスポンシブ対応:PC / SP

2.  制作を通して学んだこと・感想

初めてのコーディングでした。完成見本のサイトをパーツごと(ヘッダーやフッターなど)に分解→効率のよいコード記述を想像→再構築の流れで実装を進めました。レスポンシブでfloat解除できなかったり、CSS反映できなかったりと躓く場面もありましたが、なんとかやり切ることができました。


今回の課題でコードを書く上で気を付けべきだと思ったこと
・検証で頻繁に状況を確認
・ショートカットキーを覚えて効率化
・保守を想定し、共通部分をまとめて書く
・誰が見てもわかりやすいコードを意識
・詰まった部分は問題・原因・解決策の詳細を残す
・floatがどこに反映されているか確認
・クラス指定の有無を確認
・余白の状況の確認