コース概要

はじめに

  • Angularとその機能の概要
  • Angularを使用するメリットの理解
  • Angularフレームワークとアーキテクチャの理解
  • Angular 14で新しくなった点は何か?
  • 開発環境のセットアップ

TypeScriptの基本

  • TypeScript構文の理解
  • 変数、配列、インターフェース、ジェネリックの定義
  • 関数の型付け

コンポーネント

  • Angularコンポーネントの構造
  • コンポーネントの作成と使用
  • コンポーネント間での通信
  • コンポーネントライフサイクルフックの実装

ディレクティブ

  • Angularディレクティブの構造
  • ディレクティブの作成と使用
  • カスタムディレクティブの構築

サービスと依存性注入

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

パイプ

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

フォーム

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

HttpClient

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

認証と権限付与

  • Angularアプリケーションでの認証と権限付与の実装
  • JSON Web Tokens (JWT)を使用した認証
  • ガードを使用してルートを保護する

テストとデバッグ

  • KarmaとJasmineを使用したAngularのテスト環境のセットアップ
  • Angularコンポーネント、ディレクティブ、サービス、およびパイプの単体テストの書き方
  • ブラウザのDevToolsを使用したAngularアプリケーションのデバッグ

まとめと次ステップ

要求

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

対象者

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

参加者の人数


参加者1人あたりの価格

お客様の声 (1)

今後のコース

関連カテゴリー