基礎編
JavaScriptの基本を学ぼう プロ
変数・演算・関数・テンプレートリテラルなど、JavaScriptの基本文法を学びます。
- 変数
- アロー関数
- テンプレートリテラル
条件分岐と繰り返しを学ぼう
if文・for文を使って、プログラムの流れを制御する方法を学びます。
- 条件分岐
- for文
学習内容をみる （2演習）
配列・オブジェクト・クラスを使いこなそう プロ
配列の便利メソッドやオブジェクト・クラスといった、一歩進んだJavaScriptの書き方を学びます。
- 配列
- オブジェクト
- クラス
学習内容をみる （4演習）
モジュールを使いこなそう プラス
ファイル分割やexport・import、npmパッケージの使い方を学び、コードを整理して再利用する方法を身につけます。
- モジュール
- エクスポート
ロジックの腕試しに挑戦しよう
これまで学んだ文法を使って、定番のロジック問題に挑戦します。
- FizzBuzz
- フィボナッチ数列
応用編
DOMを操作してみよう プロ
JavaScriptからHTML要素を取得・操作するDOMの基本を学びます。
- DOM操作
- 要素の取得
学習内容をみる （5演習）
イベントとクラス操作で動きをつけよう プロ
ユーザーの操作に応じて処理を実行し、画面に動きをつける方法を学びます。
- イベント処理
- クラス属性の操作
学習内容をみる （4演習）
非同期処理とAPI通信を学ぼう プラス
fetchやPromise・async/awaitを使って、サーバーと通信する非同期処理を学びます。
- 非同期処理
- fetch API
- async/await
ブラウザの機能を活用しよう
localStorageやIntersection Observerなど、ブラウザならではの機能を活用します。
- localStorage
- スクロール連動
学習内容をみる （2演習）
データ処理の腕試しに挑戦しよう
配列・文字列を使った実践的なデータ処理問題に挑戦します。
- 重複除去
- 配列の回転
学習内容をみる （3演習）
実践編
ローカル開発環境を準備しよう
ブラウザを離れ、自分のPCでJavaScriptを動かすための環境を整えます。
- 開発環境構築
学習内容をみる （2演習）
ローカル環境でJavaScriptを実践しよう
ローカル環境で、ブラウザ実行や本格的なアプリ開発を体験します。
- TODOアプリ開発
学習内容をみる （2演習）
よくある質問
- プログラミングが全くの未経験でも受講できますか？
- JavaScriptの基本文法から丁寧に学べる構成ですが、DOM操作の理解にはHTML・CSSの基礎知識があるとスムーズです。未経験の方は先に「Web制作入門」などでHTML・CSSを学ぶことをおすすめします。
- このコースを終えると何ができるようになりますか？
- DOM操作で画面に動きをつけたり、fetchでサーバーと通信したりと、実践的なJavaScriptが書けるようになります。最後にはローカル環境でTODOアプリを実装します。
- 次に何を学べばよいですか？
- JavaScriptの基礎を身につけた後は、Reactなどのフロントエンドフレームワークや、Node.js・Expressを使ったバックエンド開発に進むのがおすすめです。
- ローカル開発環境の準備は難しくありませんか？
- コース内でProgate CLIとNode.jsのインストール手順を順を追って学べるので、初めての方でも安心して進められます。