コース概要

導入

  • Angularとは何ですか?
  • Angular 10 の新機能は何ですか?

Typescript と ES6 JavaScript の概要

  • TypeScript 構文
  • TypeScript トランスパイラの使用
  • Angular 10 と Typescript のセットアップ

Angular10年代パーツ概要

  • Angular CLI
  • コンポーネント
  • 指令
  • 入力と出力
  • データバインディングと補間
  • イベントバインディング
  • データモデリング
  • Bootstrapピング

最初の Angular アプリケーションの作成

  • アプリケーションの計画
  • Angular プロジェクトのセットアップ
  • Bootstrap 4 および Sass を使用してモバイル フレンドリーな UI を作成する

コンポーネントの作成

  • コンポーネントのライフサイクルを理解する
  • データフロー
  • テンプレートとスタイルの使用
  • コンテンツの投影
  • AppModuleの操作
  • カスタムコンポーネントの操作
  • ビューのカプセル化の使用
  • ライフサイクルフックの実装
  • ViewChildren と ContentChildren の使用

Angular 10 のデータ バインディング

  • プロパティとイベントのバインディングについて
  • カスタム プロパティへのエイリアスのバインドと割り当て
  • カスタム イベントへのエイリアスのバインドと割り当て

ディレクティブの使用

  • 組み込みディレクティブ
  • カスタムディレクティブ

Angular 10 サービス

  • ロギングサービスの作成
  • データサービスの作成

依存関係の挿入とプロバイダーの使用

  • インジェクター、プロバイダー、トークン
  • 依存関係の挿入の構成
  • プロバイダーの構成
  • コンポーネント、ディレクティブ、およびサービスへのサービスの挿入

ルーティングによるページの切り替え

  • さまざまなナビゲーション方法を理解する
  • ルーティング戦略
  • ルートの設定
  • ルートの構成とロード
  • ルートでのパラメータの使用
  • ネストされたルートの作成
  • リダイレクトルートとワイルドカードルートの使用
  • ルート ガードを理解する

RxJS を使用して Angular で Observable を作成および操作する

  • オブザーバブルの概要
  • RxJSの概要
  • Angular での Observable の構築と使用

ユーザー入力用のフォームの生成

  • テンプレート駆動フォームの使用
  • Reactive フォームの使用
  • カスタム検証の作成
  • フォームデータの検証、フィルタリング、サニタイズ

パイプの使用

  • 変換出力
  • 内蔵パイプ
  • 非同期パイプ
  • カスタムパイプ

外部 HTTP API の呼び出し

  • リクエストの送信

Angularモジュールの使用

Angular 10 アプリケーションのテスト

  • 単体テストに Jasmine を使用する
  • エンドツーエンドのテストに Protractor を使用する

アプリケーションのデバッグ

  • Angular のエラー メッセージを理解する
  • ソースマップを使用してブラウザでコードをデバッグする
  • TypeScript コンパイラ診断の読み取り
  • オーギュリーの使用

Angular 10 アプリケーションの最適化

  • コードの手直し
  • バンドルサイズの削減とデッドコードの排除

Angular 10 セキュリティ

  • 認証の仕組み
  • JWT認証の使用
  • Angularに何を書いてよいのか、何を書いてはいけないのか

Angular 10 アプリケーションを本番環境にデプロイする

  • IIS、Apache、Nginx などへのデプロイメント

Angular 10 のベスト プラクティス

トラブルシューティング

要約と結論

要求

  • 基本的なHTML、CSS、JavaScriptに精通していること

観客

  • 開発者
 28 時間

参加者の人数



Price per participant

お客様の声 (3)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー