Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
コース概要
導入
- Angularとは何ですか?
- Angular 10 の新機能は何ですか?
Typescript と ES6 JavaScript の概要
- TypeScript 構文
- TypeScript トランスパイラの使用
- Angular 10 と Typescript のセットアップ
Angular10年代パーツ概要
- Angular CLI
- コンポーネント
- 指令
- 入力と出力
- データバインディングと補間
- イベントバインディング
- データモデリング
- Bootstrapピング
最初の Angular アプリケーションの作成
- アプリケーションの計画
- Angular プロジェクトのセットアップ
- Bootstrap 4 および Sass を使用してモバイル フレンドリーな UI を作成する
コンポーネントの作成
- コンポーネントのライフサイクルを理解する
- データフロー
- テンプレートとスタイルの使用
- コンテンツの投影
- AppModuleの操作
- カスタムコンポーネントの操作
- ビューのカプセル化の使用
- ライフサイクルフックの実装
- ViewChildren と ContentChildren の使用
Angular 10 のデータ バインディング
- プロパティとイベントのバインディングについて
- カスタム プロパティへのエイリアスのバインドと割り当て
- カスタム イベントへのエイリアスのバインドと割り当て
ディレクティブの使用
- 組み込みディレクティブ
- カスタムディレクティブ
Angular 10 サービス
- ロギングサービスの作成
- データサービスの作成
依存関係の挿入とプロバイダーの使用
- インジェクター、プロバイダー、トークン
- 依存関係の挿入の構成
- プロバイダーの構成
- コンポーネント、ディレクティブ、およびサービスへのサービスの挿入
ルーティングによるページの切り替え
- さまざまなナビゲーション方法を理解する
- ルーティング戦略
- ルートの設定
- ルートの構成とロード
- ルートでのパラメータの使用
- ネストされたルートの作成
- リダイレクトルートとワイルドカードルートの使用
- ルート ガードを理解する
RxJS を使用して Angular で Observable を作成および操作する
- オブザーバブルの概要
- RxJSの概要
- Angular での Observable の構築と使用
ユーザー入力用のフォームの生成
- テンプレート駆動フォームの使用
- Reactive フォームの使用
- カスタム検証の作成
- フォームデータの検証、フィルタリング、サニタイズ
パイプの使用
- 変換出力
- 内蔵パイプ
- 非同期パイプ
- カスタムパイプ
外部 HTTP API の呼び出し
- リクエストの送信
Angularモジュールの使用
Angular 10 アプリケーションのテスト
- 単体テストに Jasmine を使用する
- エンドツーエンドのテストに Protractor を使用する
アプリケーションのデバッグ
- Angular のエラー メッセージを理解する
- ソースマップを使用してブラウザでコードをデバッグする
- TypeScript コンパイラ診断の読み取り
- オーギュリーの使用
Angular 10 アプリケーションの最適化
- コードの手直し
- バンドルサイズの削減とデッドコードの排除
Angular 10 セキュリティ
- 認証の仕組み
- JWT認証の使用
- Angularに何を書いてよいのか、何を書いてはいけないのか
Angular 10 アプリケーションを本番環境にデプロイする
- IIS、Apache、Nginx などへのデプロイメント
Angular 10 のベスト プラクティス
トラブルシューティング
要約と結論
要求
- 基本的なHTML、CSS、JavaScriptに精通していること 。
観客
- 開発者 。
28 時間
お客様の声 (3)
トレーナーの姿勢と知識
Gabriel Llaurado - Allianz Technology
コース - Angular 10 for Developers
Machine Translated
構造に関する知識。
Jeffry Gonzalez - Allianz Technology
コース - Angular 10 for Developers
Machine Translated
私たちはAngularとTSのベースから始めて、良い方法で練習の難易度を上げました
Daniel Zamorano Infante - Allianz Technology
コース - Angular 10 for Developers
Machine Translated