コース概要

導入

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

開発環境のセットアップ

  • インストールと構成 Angular 15
  • Angular 開発者が Ng モジュールなしでアプリを構築できる安定したスタンドアロン API を使用します。
  • 強化されたパフォーマンスを理解する

TypeScriptの基礎

  • TypeScript 構文を理解する
  • 変数と配列の定義
  • 関数を入力する

コンポーネント

  • Angular コンポーネントの構造
  • コンポーネントの作成と使用
  • コンポーネント間の通信
  • コンポーネントのライフサイクルフックの実装
  • CDK リストを使用した UI コンポーネントの構築

指令

  • Angular ディレクティブの構造
  • ディレクティブの作成と使用
  • カスタム ディレクティブの構築
  • ディレクティブ合成 API の使用
  • Angular アプリケーションで Image ディレクティブを使用し、Image ディレクティブで自動 srcset 生成を実行する

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

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

パイプ

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

フォーム

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

HTTPクライアント

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

認証と認可

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

テストとデバッグ

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

概要と次のステップ

要求

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

観客

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

参加者の人数



Price per participant

お客様の声 (1)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー