よんなーハウス

JavaScript入門

中級者向け

JavaScriptの基本を学び、インタラクティブなWebページを作成しましょう。基本から応用まで幅広く学べます。

7章
46レッスン

1. JavaScriptの基本

JavaScriptの基本的な構文と概念について学びます。

1

JavaScriptとは何か

JavaScriptの概念と役割について学びます。

2

JavaScriptの実行環境

JavaScriptの実行環境と基本的な書き方について学びます。

3

変数と定数

JavaScriptの変数と定数について学びます。

4

データ型と演算子

JavaScriptのデータ型と演算子について学びます。

5

制御フロー

JavaScriptの条件分岐とループについて学びます。

6

関数

JavaScriptの関数について学びます。

7

オブジェクト

JavaScriptのオブジェクトについて学びます。

8

配列

JavaScriptの配列について学びます。

9

基本プロジェクト

これまで学んだJavaScriptの基本的な知識を使って、簡単なプロジェクトを作成します。

プロジェクト レッスンを開始

2. DOM操作

JavaScriptを使ってHTMLのDOM(Document Object Model)を操作する方法を学びます。

1

DOMとは何か

DOMの概念と基本的な操作方法について学びます。

2

DOM要素の取得

JavaScriptでDOM要素を取得する方法を学びます。

3

DOM要素の操作

JavaScriptでDOM要素を操作する方法を学びます。

4

イベント処理

JavaScriptのイベント処理について学びます。

5

フォーム処理

JavaScriptでフォームを処理する方法を学びます。

6

DOM操作プロジェクト

これまで学んだDOM操作の知識を使って、インタラクティブなWebページを作成します。

プロジェクト レッスンを開始

3. 非同期処理

JavaScriptの非同期処理について学びます。

1

非同期処理とは

JavaScriptの非同期処理の概念と重要性について学びます。

2

コールバック関数

コールバック関数を使った非同期処理について学びます。

3

Promise

Promiseを使った非同期処理について学びます。

4

async/await

async/awaitを使った非同期処理について学びます。

5

Fetch API

Fetch APIを使ったHTTPリクエストについて学びます。

6

非同期処理プロジェクト

これまで学んだ非同期処理の知識を使って、APIを利用したWebアプリケーションを作成します。

プロジェクト レッスンを開始

4. 高度なJavaScript

JavaScriptの高度な概念と機能について学びます。

1

スコープとクロージャ

JavaScriptのスコープとクロージャについて学びます。

2

thisキーワード

JavaScriptのthisキーワードについて学びます。

3

プロトタイプと継承

JavaScriptのプロトタイプベースの継承について学びます。

4

モジュール

JavaScriptのモジュールシステムについて学びます。

5

エラー処理

JavaScriptのエラー処理について学びます。

6

高度なJavaScriptプロジェクト

これまで学んだ高度なJavaScriptの知識を使って、複雑なWebアプリケーションを作成します。

プロジェクト レッスンを開始

5. モダンJavaScript

ES6以降の新機能と、モダンなJavaScript開発の手法について学びます。

1

ES6の新機能

ES6(ECMAScript 2015)で導入された新機能について学びます。

2

ES6以降の新機能

ES6以降のバージョンで導入された新機能について学びます。

3

トランスパイラとポリフィル

Babelなどのトランスパイラとポリフィルについて学びます。

4

ビルドツール

WebpackやViteなどのビルドツールについて学びます。

5

テスト

JavaScriptのテスト手法とテストフレームワークについて学びます。

6

モダンJavaScriptプロジェクト

これまで学んだモダンJavaScriptの知識を使って、最新の開発手法でWebアプリケーションを作成します。

プロジェクト レッスンを開始

6. JavaScriptフレームワーク入門

React、Vue、Angularなどの主要なJavaScriptフレームワークの基本を学びます。

1

フレームワークの概要

JavaScriptフレームワークの概要と、フレームワークを使う理由について学びます。

2

React入門

Reactの基本的な概念と使い方について学びます。

3

Vue入門

Vueの基本的な概念と使い方について学びます。

4

Angular入門

Angularの基本的な概念と使い方について学びます。

5

Svelte入門

Svelteの基本的な概念と使い方について学びます。

6

フレームワークプロジェクト

これまで学んだJavaScriptフレームワークの知識を使って、フレームワークベースのWebアプリケーションを作成します。

プロジェクト レッスンを開始

7. 最終プロジェクト

学んだ知識を活かして、総合的なWebアプリケーションを作成します。

1

プロジェクト計画

最終プロジェクトの計画を立てます。

2

ToDoリストアプリの作成

これまで学んだJavaScriptの知識を使って、ToDoリストアプリを作成します。

プロジェクト レッスンを開始
3

デバッグとエラー処理

JavaScriptのデバッグ方法とエラー処理について学びます。

4

パフォーマンス最適化

JavaScriptのパフォーマンス最適化について学びます。

5

セキュリティ

JavaScriptのセキュリティについて学びます。

6

最終プロジェクト

これまで学んだすべての知識を使って、総合的なWebアプリケーションを作成します。

プロジェクト レッスンを開始
7

次のステップ

JavaScriptの次に学ぶべきことについて知ります。

AIプログラミング学習サービス

プロンプトを教材として利用する新しい学習方法

© 2025 AIプログラミング学習サービス. All rights reserved.

©makaniaizu 2024