コース概要

はじめに

  • Angular とは?
  • Angular 10 の新機能は?

TypeScript と ES6 JavaScript の概要

  • TypeScript 構文
  • TypeScript transpiler の使用方法
  • Angular 10 と TypeScript のセットアップ

Angular 10 の構成要素の概要

  • Angular CLI
  • コンポーネント
  • ディレクティブ
  • 入力と出力
  • データバインディングと補間
  • イベントバインディング
  • データモデリング
  • ブートストラッピング

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

  • アプリケーションの計画
  • Angular プロジェクトのセットアップ
  • Bootstrap 4 と Sass を使用してモバイル向け UI を作成する

コンポーネントの作成

  • コンポーネントライフサイクルの理解
  • データフロー
  • テンプレートとスタイルの使用方法
  • コンテンツの投影
  • AppModule の取り扱い
  • カスタムコンポーネントの取り扱い
  • View Encapsulation の使用
  • Lifecycle Hooks の実装
  • ViewChildren と ContentChildren の使用方法

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

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

ディレクティブの取り扱い

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

Angular 10 サービス

  • ログ記録サービスの作成
  • データサービスの作成

依存性注入とプロバイダの使用方法

  • インジェクター、プロバイダ、およびトークン
  • 依存性注入の設定
  • プロバイダの設定
  • コンポーネント、ディレクティブ、サービスへのサービスのインジェクション

ページ切り替えにルーティングを使用する

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

RxJS を使用して Angular でオブザーバブルを作成し、操作する

  • オブザーバブルの概要
  • RxJS の概要
  • Angular でのオブザーバブルの作成と使用方法

ユーザー入力用にフォームを生成する

  • テンプレート駆動型フォームの使用方法
  • リアクティブフォームの使用方法
  • カスタムバリデーションの作成
  • フォームデータの検証、フィルタリング、およびサニタイズ

Pipe の使用方法

  • 出力の変換
  • 組み込み Pipe
  • Async Pipe
  • カスタム Pipe

外部 HTTP API に呼び出しを行う方法

  • リクエストの送信

Angular モジュールの使用方法

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

  • Jasmine を使用したユニットテスト
  • Protractor を使用したエンドツーエンドテスト

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

  • Angular でのエラーメッセージの理解
  • ブラウザでコードをデバッグするためのソースマップの使用方法
  • TypeScript コンパイラ診断の読み取り方法
  • Augury の使用方法

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

  • コードのリファクタリング
  • バンドルサイズの削減と不要なコードの除去

Angular 10 のセキュリティ

  • 認証の仕組み
  • JWT 認証の使用方法
  • 何を、何を書かないべきか

Angular 10 アプリケーションのプロダクション展開

  • IIS, Apache, Nginx などへの展開

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

トラブルシューティング

まとめと結論

要求

  • 基本的な HTML, CSS, JavaScript の知識。

対象者

  • 開発者
 28 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (4)

今後のコース

関連カテゴリー