コース概要

導入

  • Angularとその特徴の概要
  • Angularフレームワークとアーキテクチャの理解
  • Angular 15の新機能は何か?

開発環境の設定

  • Angular 15のインストールと設定
  • Ng Modulesなしでアプリケーションを構築できるようにする安定したスタンドアロンAPIの使用。
  • パフォーマンスの向上の理解

TypeScriptの基礎

  • TypeScriptの文法の理解
  • 変数と配列の定義
  • 関数での型指定

コンポーネント

  • Angularコンポーネントの構造
  • コンポーネントの作成と使用
  • コンポーネント間での通信
  • コンポーネントライフサイクルフックの実装
  • UIコンポーネントの構築にCDK Listを使用する

ディレクティブ

  • Angularディレクティブの構造
  • ディレクティブの作成と使用
  • カスタムディレクティブの構築
  • ディレクティブコンポジションAPIの使用
  • Image Directiveを使用したAngularアプリケーションでの自動srcset生成

サービスと依存性注入

  • Angularサービスの構造
  • サービスの作成と使用
  • 依存性注入を使用してサービスを管理する

パイプ

  • Angularパイプの構造
  • パイプの作成と使用
  • カスタムパイプの構築

フォーム

  • AngularのFormBuilderを使用したフォームの構築とバリデーション
  • リアクティブフォームの実装
  • テンプレート駆動型フォームの使用

HttpClient

  • AngularのHttpClientモジュールを使用したRESTful APIとの通信
  • GET、POST、PUT、DELETEリクエストの実装
  • エラーや進行イベントの処理

認証と認可

  • Angularアプリケーションでの認証と認可の実装
  • JSON Web Tokens (JWT)を使用した認証
  • Guardsを使用したルートの保護
  • Guardsのボイラープレートコード削減

テストとデバッグ

  • JasmineとKarmaを使用した単体テストの書き方
  • Angularコンポーネント、ディレクティブ、サービス、パイプのテスト
  • ブラウザのDevToolsを使用したAngularアプリケーションのデバッグ
  • esbuildによる高速ビルドの改善について学ぶ

まとめと次なるステップ

要求

  • HTML、CSS、JavaScriptの基本的な理解

対象者

  • 開発者
  • プログラマー
 28 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (5)

今後のコース

関連カテゴリー