Web プログラミングの基礎を学ぼう
このセクションでは、HTML、CSS、JavaScript の基礎を学び、簡単なウェブアプリケーションを作ってみます。
📄️ はじめての Web 開発
Google Chrome のインストール
📄️ HTML
Web 開発に必ず用いられる言語があります。HTML と CSS、そして JavaScript です。これらは互いに異なる役割をもっています。まずは最も基本となる HTML から学んでいきましょう。
📄️ JavaScript ことはじめ
JavaScript
📄️ 値と式と演算子
値
📄️ 変数
変数とは
📄️ 論理値と論理演算子
論理値
📄️ 条件分岐
if 文
📄️ 繰り返し
while 文
📄️ 関数
処理の共通化
📄️ 配列
配列
📄️ オブジェクト
オブジェクト
📄️ CSS
今までは HTML と JavaScript を勉強してきました。今回は Web 開発で用いられるもう一つの言語、CSS について学びましょう。CSS は Web サイトの「見た目」をつかさどる言語です。多くの HTML 要素 は、 CSS を用いることで、その見た目を細かくカスタマイズすることができます。
📄️ DOM
HTML 要素を JavaScript で取得する
📄️ イベント
値としての関数
📄️ プロジェクト
これまで学んできた知識を利用して、はじめての Web アプリケーション作りに挑戦してみましょう。題材が思いつかない場合は、下の例を参考にしてみてください。
📄️ 作ったウェブアプリを公開する
Netlify Drop を用いてウェブアプリを公開する