ウェブ開発を始める前にそのマジックがどのような仕組みでユーザーに届けられているのか理解しましょう。

ウェブサイトを家に例えるなら、HTMLは基礎の柱になります。それからCSSの装飾、JavaScriptの水道や電気の仕組みを作ることになります。 まずは土台を理解しましょう。

CSS(Cascading Style Sheets)はUXに関わる重要なフロントエンドの一部です。一般的に見過ごしがちですが、とても重要です。

JavaScriptはフロントエンドのみそになります。じっくり時間をかけて基礎を学びましょう。

バージョンコントロールを使用することで、プロジェクトの記録をセーブしたことろにいつでも戻れるようになります。また他のメンバーとろラボする際に自身のバージョンを作成できます。

GitHubが一番有名なリポのホスティングサービスになります。ここにオープンソースのプロジェクトをホストすることが一般的です。

ウェブアプリケーションを公開する際に、脅威から守るためのプロテクションを図ります。

パッケージマネージャーを使用することで、依存するライブラリ等のバージョンを管理することができます。

スケールの大きい複雑なアプリケーションではCSSの管理が難しくなってきます。 メンテナンスのできるCSS構造を学びましょう。

Sass等を使って、複雑なCSS構造を管理し、通常のCSSにコンパイルします。

タスクランナーを使用してテスト用のデベロップメント環境をすぐに作成できるようにします。

ウェブアプリケーションの為に作られたフレームワークを学びましょう。 SPA（シングルページアプリケーション）も対応しています。

CSSの従来の書き方とは違うものがあります。 フレームワークと一緒に覚えていきましょう。

再利用可能なコンポーネンツのことです。

インストールするだけですぐにリスポンシブなウェブができたり、テーマカラーを変えられたりできます。

アプリケーションをデプロイする前にバグがないか、想定通りに機能できるかテスティングが必要になります。

JS言語はとてもデータタイプによる制限が緩いので、そのバグがないことを確認する言語になります。

Progressive Web Apps (PWAs) のことです。

サーバー側でHTMLをコンパイルしてブラウザに届けることです。

APIのクエリ言語のことです。

完全なHTMLのサイトをを作成するツールです。 軽量であることが強みです。

スマートフォンで使えるアプリです。

exe端子の実行ファイルです。 ポータブル、もしくはインストラーによりプログラムを実行できます。

新しいタイプのコードで、ブラウザーで実行できます。C、C++、C#、Rustなどで作成することができます。

プログラミングが一度学習したら終わりではありません。常に新しいテクノロジーが生まれ続け、今学んだことは過去の産物として置いていかれます。 新しい情報や技術に敏感になる癖を付けましょう。