【学習】旅行サイトTOPページ(コーディング)

OVERVIEW

Udemyの【JavaScript&CSS】ガチで学びたい人のためのWEB開発徹底実践(フロントエンド編)(https://www.udemy.com/course/front-dev-tutorial/)で制作したWEBページです。非常にタメになりました。

  • 受講時間:19時間以上(実質40時間以上視聴)
  • 受講講座数:120
  • 使用ソフト:Visual Code Studio
  • 使用言語:HTML5、CSS(Sass)、Javascript

成果物


完成サイト


制作したサイトについて

講座での内容に合わせてWEBサイトを制作していくながれですが、中級者編と銘打っているだけあって内容についてはProgateを終えたあとではありましたが非常に濃い内容でした。理解するために何度も動画を見返したり、自分でコードを書き直したりしながら少しずつ進めていきました。おかげで、HTMLからCSSからもう一歩踏み込み、Javascriptが何なのかを俯瞰的に知ることができて、むしろより理解を深めてみたいと思えるようになりました。当時の他の教材は少し物足りなく感じていたため、自分のレベルをあげるためには非常によかったです。

コードには、そのときそのときの自分の理解をコメントアウトに記入してありますが、それは残しておきます。

学んだこと

  • Javascriptの基本的な使い方や実務的なコードの書き方
  • Sass記法(変数・BEM)
  • HTML/CSSの実践的な記法
  • アニメーションキーフレーム
  • 疑似要素
  • オブジェクト指向
  • ローダー

修了証明書