お問い合わせ

コース概要

モダンなフロントエンドアプリケーションの開発

  • React、Angular、Vue.jsの概要および共通点
  • 宣言的レンダリング
  • コンポーネント - カスタムHTMLタグの定義
  • create-react-appを使用してReactプロジェクトを初期化

モダンなJavaScript

  • node.jsとnpmを使用した開発
  • JavaScriptのバージョン
  • モジュールの扱い
  • 関数とアロー関数
  • クラス
  • JavaScriptにおける関数型プログラミング(map、filterなど)

TypeScript

  • 静的タイピングと動的タイピング
  • 変数、関数、クラスの型宣言
  • 基本的なデータ型
  • タプル、オブジェクト
  • インターフェース
  • ジェネリックス

Reactのテンプレート言語

  • JavaScriptベースのテンプレート言語:JSX
  • 要素プロパティの設定
  • 要素の繰り返し
  • if / else
  • イベント
  • CSSクラスとスタイル

Reactにおける状態管理

  • アプリケーションの状態の設定と変更
  • state hooksetStateの使用
  • 入力要素の内容を状態にキャプチャする

コンポーネント:モダンWebアプリケーションの構成要素

  • ReactにおけるカスタムHTMLタグの定義
  • state、props & events
  • コンポーネント間でのデータフロー
  • 関数コンポーネントとクラスコンポーネント
  • 関数コンポーネントでのhooksの使用
  • コンポーネントのライフサイクルイベント(mount、update、unmount)
  • ライブラリからのプレデファイネッドコンポーネントの包含

Reduxによる状態管理

  • Reduxの基礎:純粋関数、リデューサー、不変データを用いたstate mangment
  • Reactでのreducer hookの使用
  • ReactアプリケーションへのReduxの統合
  • プレゼンテーションコンポーネントとコンテナコンポーネント
  • Reduxエコシステム
  • Thunkを使用した非同期イベントの処理
  • REST APIからのデータ取得

開発者ツールとテスト

  • React開発者ツール
  • Redux開発者ツール
  • JestによるJavaScriptのテスト
  • リデューサーのテスト
  • Reactコンポーネントのテスト

React Router

  • クライアントサイドルーティング
  • 現在のブラウザルーティングに基づく異なるビューの表示

Reactによるアプリ開発

  • React Nativeの簡単な概要
  • プログレッシブWebアプリ(PWA)によるインストール可能なモバイルおよびデスクトップアプリケーションの作成
  • プログレッシブWebアプリとネイティブアプリの比較

要求

  • HTMLの基礎知識
  • JavaScriptの実務経験
 21 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (7)

今後のコース

関連カテゴリー