Visual Studio Code を使用した Web 開発の概要

初級
開発者
学生
Windows
Visual Studio Code

Web ページ、CSS ファイル、JavaScript ファイルを含むシンプルな Web プロジェクトを Visual Studio Code で作成して、Web 開発の開始手順を実践します。 ブラウザーの開発者ツールを使って、ご自分の作業をチェックする方法をご確認ください。

学習の目的

このモジュールでは、次の方法を練習します。

  • HTML を使用して基本的な Web ページを作成します。
  • CSS を使用してページ要素にスタイルを適用します。
  • CSS を使用してテーマを作成します。
  • JavaScript を使用してテーマを切り替えるためのサポートを追加します。
  • ブラウザーの開発者ツールを使用して Web サイトを調べます。

前提条件

  • Microsoft Visual Studio Code
  • 1 つ以上のプログラミング言語と、HTML などのマークアップ言語についての知識
  • 次のいずれかのオペレーティング システムを実行しているコンピューター:
    • Windows: Windows 10 または 11
    • Mac: macOS 10.15 以降
    • Linux:Ubuntu、Debian、Red Hat、Fedora、または SUSE