【練習課題】コーディングサービス架空サイト 実装

OVERVIEW

コーディングサービス架空サイトのコーディングを行いました。

YEAR 2022

【サイト名/URL】

ユアコーディング

http://www.yourcoding.site/


【所要時間】

1週間


【担当箇所】

コーディング〜サーバーアップロード

課題提供元:https://note.com/samuraibrass/n/nd1748e42934e?magazine_key=mad296098d928


【使用ツール・使用言語】

・Adobe XD(画像書き出し)

・Visual Studio Code

・HTML5

・CSS3(Sass)

・jQuery(jQuery Validation Pluginにてバリデーション実装)

・Javascript(Swiperにてスライドショー実装)

・FTP(サーバーアップロード)


【気をつけたこと】

・ピクセルファーストで実装することを意識しました。配布されているデザインカンプはPC版のみでしたが、〜375pxまでの画面幅で崩れがないように実装いたしました。

・お問合せフォームでは、jQuery Validation Pluginにてバリデーションを実装し、必須入力項目の入力がない場合は送信できない仕様にしました。



【実装画面】

PC

SP



WEBSITE