お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
導入
- 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 時間
お客様の声 (4)
忍耐と指導法
Danilo Jo - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳
トレーナーの経験と忍耐力。
Norberto Mugube - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳
教え方を気に入りました
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳
パイプ ルーティング データバインディング サービス
Edmundo Manave - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳