コース概要

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

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

現代の Java スクリプト

  • Node.js と npm を使用した開発
  • Javaスクリプトのバージョン
  • モジュールの操作
  • 関数とアロー関数
  • クラス
  • Javaスクリプトでの関数型プログラミング (マップ、フィルターなど)

TypeScript

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

React テンプレート言語

  • Javaスクリプトベースのテンプレート言語:JSX
  • 要素のプロパティを設定する
  • 繰り返し要素
  • もし/そうでなければ
  • イベント
  • CSS クラスとスタイル

React での状態の管理

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

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

  • React でカスタム HTML タグを定義
  • 状態、小道具、イベント
  • コンポーネント間のデータフロー
  • 関数コンポーネントとクラスコンポーネント
  • 関数コンポーネントでのフックの使用
  • コンポーネントのライフサイクル イベント (マウント、更新、アンマウント)
  • ライブラリからの事前定義されたコンポーネントを含める

Reduxによる状態管理

  • Redux 基本: 純粋関数、リデューサー、不変データによる状態管理
  • React のレジューサーフックを使用する
  • Redux を React アプリケーションに統合
  • プレゼンテーションコンポーネントとコンテナコンポーネント
  • Redux エコシステム
  • サンクによる非同期イベントの処理
  • REST APIからのデータの取得

開発者ツールとテスト

  • React 開発者ツール
  • Redux 開発者ツール
  • JavaスクリプトをJestでテストする
  • リデューサーのテスト
  • React コンポーネントのテスト

Reactルーター

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

React を使用したアプリ開発

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

要求

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

参加者の人数


開始

完了


Dates are subject to availability and take place between 10:00 and 17:00.
Open Training Courses require 5+ participants.

お客様の声 (8)

関連コース

Relay: Efficiently Fetch Data in React Applications

  14 時間

関連カテゴリー