お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
はじめに
- 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 時間
お客様の声 (4)
トレーナーの態度と知識
Gabriel Llaurado - Allianz Technology
コース - Angular 10 for Developers
機械翻訳
インストラクチャに関する知識。
Jeffry Gonzalez - Allianz Technology
コース - Angular 10 for Developers
機械翻訳
私たちはAngularとTSの基礎から始め、演習の難易度を適切に段階的に上げていきました。
Daniel Zamorano Infante - Allianz Technology
コース - Angular 10 for Developers
機械翻訳
実践例、演習、およびベストプラクティス
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
コース - Angular 10 for Developers
機械翻訳