コース概要
はじめに
- 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の知識
対象者
- 開発者
お客様の声 (5)
このトレーニングが実践的な側面に焦点を当てていたことが気に入りました。
Mihaela - Ness
コース - NgRx
機械翻訳
議論されたトピック、多くのライブコーディング例、講師のグループへの態度
Weronika - ATOS PGS sp. z o.o.
コース - Reactive Programming with Angular RxJS
機械翻訳
あなたのジョークが好きでした
Dermot - Griffiths & Armour
コース - Angular 2 Fundamentals
機械翻訳
実践例、演習、およびベストプラクティス
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
コース - Angular 10 for Developers
機械翻訳
パイプ ルーティング データバインディング サービス
Edmundo Manave - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳