コース概要

導入

  • Angularの概要と特徴
  • Angular を使用する利点を理解する
  • Angular フレームワークとアーキテクチャを理解する
  • Angular 14 の新機能は何ですか?
  • 開発環境のセットアップ

TypeScriptの基礎

  • TypeScript 構文を理解する
  • 変数、配列、インターフェイス、ジェネリックの定義
  • 関数を入力する

コンポーネント

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

指令

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

サービスと依存関係の注入

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

パイプ

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

フォーム

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

HTTPクライアント

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

認証と認可

  • Angular アプリケーションでの認証と認可の実装
  • 認証に JSON Web Token (JWT) を使用する
  • ガードでルートを守る

テストとデバッグ

  • Karma を使用した Angular と Jasmine のテスト環境のセットアップ
  • Angular コンポーネント、ディレクティブ、サービス、パイプの単体テストを作成する
  • ブラウザの DevTools を使用して Angular 個のアプリケーションをデバッグする

概要と次のステップ

要求

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

観客

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

参加者の人数



Price per participant

お客様の声 (1)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー