Reproduction

isara.life摸写制作LP

• 

• 摸写元のサイトアドレス

  https://isara.life

• サイトの概要

  ノマドエンジニア育成講座ISARA様のLP

• 摸写の目的・ゴール

  デザイン構成のしっかりしていて、ボリュームのあるLPサイトをコーディングする。
  頻繁に使うHTML,CSS,jQueryスキルの習得をする。
  完成した摸写作品を制作実績としてポートフォリトサイトへ掲載する。

• 制作の作業範囲

  コーディング（レスポンシブ）

• 制作期間

  1週間（35時間程度）

• 使用ツール

  HTML, CSS, Javascritp(jQuery), Visual Studio Code

• 摸写のポイント・過程

  これまでにProgateやドットインストールでの学習、書籍での学習の後、いくつかのサイト等の模写を行っておりました。

  ブログ等に掲載されているWeb制作のロードマップの中で、多くの方が学習過程の摸写課題として中・上級編のステップとしておすすめしていたため、私も学習の過程で摸写を実施いたしました。

  1ページのボリュームとしてここまで長いサイトのコーディングを行うのは初めてだったこともあり、HTMLマークアップ前の構造設計やCSSの共通化等の設計が甘く、作成に思ったよりも時間がかかってしまいました。jQueryに関しては、トップスクロールやアコーディオンの実装等を改めて学習することができました。

制作サイトキャプチャ画像

※トップページ（パソコン表示、スマフォ表示）