コース概要

はじめに

  • Angularとは何か?
  • Angular 11の新機能は何か?

TypeScriptとES6 JavaScriptの概要

  • TypeScriptの構文
  • TypeScriptトランスパイラの使用方法
  • Angular 11とTypeScriptのセットアップ

Angular 11の各部分の概要

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

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

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

コンポーネントを作成する

  • コンポーネントライフサイクルの理解
  • データフロー
  • テンプレートとスタイルの使用方法
  • コンテンツの投影
  • AppModuleとの作業
  • カスタムコンポーネントとの作業
  • ビューエンキャプスレーションの使用方法
  • ライフサイクルフックの実装
  • ViewChildrenとContentChildrenの使用方法

Angular 11でのデータバインディング

  • プロパティバインディングとイベントバインディングの理解
  • カスタムプロパティにエイリアスをバインドおよび割り当てる方法
  • カスタムイベントにエイリアスをバインドおよび割り当てる方法

ディレクティブの使用

  • ビルトインディレクティブ
  • カスタムディレクティブ

Angular 11サービス

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

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

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

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

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

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

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

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

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

Pipeを使用する

  • 出力の変換
  • ビルトインPipe
  • Async Pipe
  • カスタムPipe

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

  • リクエストの送信方法

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

  • Jasmineを使用した単体テスト
  • Protractorを使用したエンドツーエンドテスト

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

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

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

  • コードの再作業
  • バンドルサイズの削減とデッドコードの除去

Angular 11セキュリティ

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

Angular 11アプリケーションを本番環境に展開する

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

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

トラブルシューティング

まとめと結論

要求

  • 基本的なHTML、CSS、JavaScriptの知識

対象者

  • 開発者
 28 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (5)

今後のコース

関連カテゴリー