JavaScript入門

初級

Webページに動きとインタラクティブ性を加える言語を学びましょう

全15レッスン

変数とデータ型

let、const、文字列、数値、真偽値

→2

条件分岐

if/else、switch、三項演算子

→3

DOM操作

要素の取得、変更、追加、削除

→4

文字列操作

slice、includes、replace、テンプレートリテラル

→5

配列メソッド

map、filter、reduce、find、sort

→6

オブジェクト詳細

プロパティ、メソッド、分割代入

→7

ループ

for、while、for...of、forEach

→8

関数詳細

アロー関数、スコープ、クロージャ

→9

クラスとOOP

class、constructor、extends、継承

→10

エラーハンドリング

try/catch、throw、カスタムエラー

→11

非同期処理

Promise、async/await、コールバック

→12

Fetch API

HTTPリクエスト、JSONの取得・送信

→13

ローカルストレージ

データの永続化、JSON変換

→14

モジュール

import/export、コードの分割

→15

JavaScript総合演習

TODOアプリを作ろう

→

JavaScriptとは？

JavaScriptは、Webページに動きやロジックを加えるプログラミング言語です。HTMLが骨格、CSSがデザインなら、JavaScriptは「動き」と「頭脳」を担当します。

ボタンをクリックした時の反応、フォームの入力チェック、アニメーション、サーバーとのデータ通信など、現代のWebアプリのほぼすべての動的な部分はJavaScriptで実装されています。

⚡

動的な操作

ページの内容をリアルタイムに変更できる

🖱

イベント処理

クリック、入力、スクロールなどに反応

🌍

フルスタック

ブラウザでもサーバーでも動く万能言語

変数とデータ型

letやconstでデータを保存する「箱」を作ります。

index.html

プレビュー

条件分岐（if/else）

条件によって処理を分けることができます。

index.html

プレビュー

DOM操作

JavaScriptでHTMLの要素を動的に変更できます。これがWebアプリの核心です。

index.html

プレビュー

確認クイズ

1 / 4

JavaScriptで再代入できない変数を宣言するキーワードはどれ？

自由に試してみよう

HTML + CSS + JavaScriptを組み合わせて、自由にWebアプリを作ってみましょう。

index.html

プレビュー