JavaScriptを学ぶ

小さく修了しながら、できることを増やそう

実行と基礎文法、DOM、データ処理、非同期通信を一段ずつ進みます。 目的に合わせて、ReactとNode.jsのどちらにもつなげられます。

STEP 1｜まずは、JavaScriptのコードを動かす

学習無料

JavaScriptをはじめる

実行・変数・型・演算子

HTMLからJavaScriptを読み込み、変数・データ型・演算子を使います。 エラーを読みながら、値を組み立てて実行できるようになります。

初級23レッスン解説動画1本始める

STEP 2｜条件とデータから、処理を組み立てる

学習無料

JavaScript基礎文法

条件・配列・ループ・関数

条件分岐、配列、繰り返し、関数、オブジェクトを学びます。 複数の考え方を組み合わせて、小さなプログラムを作れるようになります。

初級33レッスン解説動画1本始める

STEP 3｜クリックや入力に反応するページをつくる

学習無料

DOM・イベント

Webページに動きをつける

DOM操作、イベント、フォーム、タイマー、localStorageを使います。 設定を覚え、操作に反応するプロフィールサイトを完成させます。

初級20レッスン始める

STEP 4｜データを扱い、読みやすいコードを設計する

学習有料プラン

モダンJavaScript

データ処理とコード設計

map・filter・reduce、関数、クラス、エラー処理、正規表現を学びます。 データと表示を分け、変更しやすいコードへ整えられるようになります。

中級36レッスン始める

STEP 5｜外部サービスのデータで、アプリを動かす

学習有料プラン

非同期・API

Promise・fetch・モジュール

Promise、async / await、HTTP、fetch、import / exportを学びます。 API通信の成功・待機・失敗を扱い、機能をモジュールへ分けます。

中級19レッスン始める

読めるのと、書けるのは別もの

教材があれば読める。でも白紙を前にすると手が止まる。 その差を埋めるために、HTMLとCSSだけ用意された画面を自分で動かします。

チャレンジしてみよう!

道場有料プラン

JavaScript道場

陽葵「予約ページ、動くようにしてほしいの」

HTMLとCSSは用意してあります。書くのはJavaScriptだけ。 クリックへの応答から始めて、最後は予約ページの一連の流れまで組み上げます。

初級10レッスン道場に挑む

チャレンジしてみよう!

実践買い切り

タスク管理アプリ

Node.js / Prisma / React で、JWT 認証つきの業務 SaaS を組み上げます。

全17章・約67時間実践内容を見る

この知識が出る資格

ここで学ぶ内容は、次の試験でも問われます

ITパスポート

IT全般の基礎知識を問う入門資格

初級17レッスン見る

基本情報技術者（FE）

アルゴリズムと擬似言語が中心

中級79レッスン見る

あわせて学びたい

同時に進めると、理解が早くなる組み合わせです

HTML/CSS道場 ハレノヒ珈琲を開店させる10問

解説なしで、白紙から画面を組み立てて、カフェのページを作る10問のHTML/CSS演習です。

初級10レッスン見る

人気のコース

いま多くの方が取り組んでいるコースです

エンジニアキャリアの歩き方

エンジニアの主要なキャリアパスと求められるスキルを学ぶ、全30レッスンの無料コースです。

初級30レッスン見る

プログラミング学習のはじめ方

学習の進め方、言語の選び方、つまずきの乗り越え方を整理した、全5レッスンの無料導入コースです。

初級5レッスン見る

Linux入門：コマンド操作のきほん

Linuxの基本概念とファイル操作を学び、コマンドでの移動・確認・整理を自力で行えるようにします。

初級14レッスン見る

はじめての生成AI

主要な生成AIの仕組みと使い分け、ハルシネーション対策、業務活用を手を動かして学ぶ無料コースです。

初級42レッスン見る

次に進むコース

TypeScript

JavaScriptに型を加え、間違いを実行前に見つける。

初級全5コース・87レッスン見る

React

小さな部品から、複数ページを持つアプリまで。

初級全8コース・148レッスン見る

Node.js

ブラウザの外で、サーバーを自分で立てる。

初級全5コース・65レッスン見る