コース概要

導入

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

TypeScriptとES6 JavaScriptの概要

  • TypeScriptの文法
  • TypeScriptトランスパイラの使用
  • Angular 12とTypeScriptの設定

Angular 12の構成要素の概要

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

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

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

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

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

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

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

ディレクティブの使用

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

Angular 12サービス

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

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

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

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

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

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

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

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

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

Pipeの使用

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

外部HTTP APIへの呼び出し

  • リクエストの送信

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

  • Jasmineを使用した単体テスト
  • Protractorの代替品を用いたエンドツーエンドテストの探索

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

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

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

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

Angular 12セキュリティ

  • 認証の仕組み
  • JWT認証の使用
  • Angularに書くべきことと書かないべきこと

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

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

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

トラブルシューティング

まとめと結論

要求

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

対象者

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

参加者の人数


参加者1人当たりの料金

お客様の声 (4)

今後のコース

関連カテゴリー