コース概要

現代のフロントエンドアプリケーションの開発

  • 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 タグを定義する
  • 状態、props & イベント
  • コンポーネント間でのデータフロー
  • 関数コンポーネントとクラスコンポーネント
  • 関数コンポーネントで hooks を使用する
  • コンポーネントのライフサイクルイベント (マウント、更新、アンマウント)
  • ライブラリから事前定義されたコンポーネントを含める

Redux を使用した状態管理

  • Redux の基本: 純粋な関数、reducer および不変データを使用した状態管理
  • React での reducer hook の使用
  • React アプリケーションに Redux を統合する
  • 表示コンポーネントとコンテナコンポーネント
  • Redux エコシステム
  • Thunk を使用した非同期イベントの処理
  • REST API からデータを取得する

開発者ツールとテスト

  • React 開発者ツール
  • Redux 開発者ツール
  • Jest を使用した JavaScript のテスト
  • reducer のテスト
  • React コンポーネントのテスト

React Router

  • クライアント側のルーティング
  • 現在のブラウザルートに基づいて異なるビューを表示する

React でのアプリケーション開発

  • React Native の短い概要
  • Progressive Web Apps を使用してインストール可能なモバイルおよびデスクトップアプリケーションを作成する
  • Progressive Web Apps とネイティブアプリの比較

要求

  • HTML の基本
  • JavaScript の経験
 21 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (7)

今後のコース

関連カテゴリー