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