実際にコーディングしたデータ：https://katsuragimayuka.com/practice/start

コーディング教材について

ねこぽん様（@webdesigner_go）が無料でご提供くださっている『無料コーディング練習所』のコーディング教材を利用させていただきました。

無料コーディング練習所 URL

https://webdesigner-go.com/coding-practice

感想

デザインカンプデータからコーディングするのが初めてだったため大変貴重な経験となりました。完成データを見るのは躓いたときのみにするよう心がけました。まずはデザインのスクリーンショットを撮ったものを使用してHTMLの構造をメモとして書き込んでいき、CSSは参考書やネットを参考にしながらコーディングいたしました。

スマートフォン表示のハンバーガーメニューをクリックしたときの動きは、完成データではjQueryでしたが勉強できていなかったため、参考書とネットで調べてJavaScriptで実装いたしました。