Frontend Book

Chapter 1

Webサイトを作る

このChapterでは、HTML、CSS、JavaScriptを使用して以下のような架空のカフェのwebサイトを作成します。

デモページキャプチャ

実際のデモページはこちら

目標

1 開発環境の構築

まずはコードを書くためのアプリをインストールします。

2 HTMLでwebサイトの構造を作る

HTML(HyperText Markup Language)は、Webページの構造を定義するための言語です。ここでは、HTMLの基本的な要素や構造について学びます。

3 CSSで見た目を綺麗にする

CSS(Cascading Style Sheets)は、Webページのスタイルやデザインを管理するための言語です。ここでは、CSSの基本的な構文、セレクタ、プロパティ、値などについて学びます。

4 JavaScriptで動きを付ける

JavaScriptは、Webページの動的な振る舞いを実装するためのプログラミング言語です。ここでは、JavaScriptの基本的な構文、変数、データ型、制御構文などについて学びます。さらに、イベント処理やDOM操作などの重要な概念も取り上げます。