# 😀 ポートフォリオ 制作
実践編のポートフォリオ 制作 ではブラウザで動作する言語( HTML、CSS、JavaScript)を使用して
ポートフォリオを作成します。
# ポートフォリオとは
ポートフォリオとは、自分の経歴や制作物、能力を他人に伝えるための作品集です。手作りの本で表現したり、ブラウザで閲覧できる形で表現する方法があります。特に、プログラミングを学びこれから技術を習得する上では、Web ページ上に自分のポートフォリオを作成して、他人がいつでも見ることができる状況にしておくことで、就職活動時に、自身のアピールポイントを効率的に伝えることができます。
# 学習を進めるにあたって
このポートフォリオ 制作では、スムーズにポートフォリオの Web ページを制作できるように、架空の設定を用いて学習していきます。
これまでに制作物や趣味、なにかの表彰など、他人に伝えたいようなコンテンツがある場合は、 適宜、自己流にカスタマイズして進めてみてください。 「"表現したいもの"をどうすれば 画面に反映できるか試行錯誤を繰り返す」ということが、学習の力になります。
自分を表現するオリジナルのコンテンツがすぐに見つからない場合は、この学習サイトにある素材を使用して、まずは 「コーディングにより画面へ表現する力」を習得することに専念しましょう。
# 学習の内容
ブラウザ上で動作する言語である、HTML、CSS、JavaScript について学びます。
ユーザーの操作によって変化しない静的なサイトとして構築し、ライブラリやフレームワークを使用しないミニマムなプロジェクトを作成します。
その過程を通して、HTML、CSS、JavaScript が持つ標準の機能を目的に応じて使い分ける方法を学びます。また、コーディングに慣れます。
# 完成予定
このポートフォリオ制作を通じて、以下のようなポートフォリオを作成します。
- 完成プレビュー: https://tspf.netlify.app/ (opens new window)
- ソースコード: https://github.com/tech-select/web-front-portfolio (opens new window)
