コース概要
導入
- Angular 6の新機能は何か?
TypeScriptとES6 JavaScriptの概要
- TypeScriptの文法
- TypeScriptトランスパイラの使用
- Angular 6とTypeScriptのセットアップ
Angular 6の構成要素の概要
- コンポーネントの作成
- データバインディングと文字列補間
- プロパティバインディング
- イベントバインディング
- 双方向データバインディング
- データモデリング
- ディレクティブ
- ブートストラッピング
- 入力と出力
- Angular CLI
最初のAngularアプリケーションを作成する
- アプリケーションの計画
- CLIを使用してAngularプロジェクトとアプリをセットアップする
- Bootstrap 4とSassを使用した基本的なプロジェクトセットアップの作成
Angular 6コンポーネントの使用
- データフロー
- AppModuleでの作業
- カスタムコンポーネントでの作業
- テンプレートとスタイルの使用
- ビュー kapsulationの使用
- コンテンツの投影
- コンポーネントライフサイクルとライフサイクルフックの理解
- ViewChildrenとContentChildrenの使用
Angular 6でのデータバインディング
- プロパティとイベントバインディングの概要
- カスタムプロパティにエイリアスをバインドおよび割り当てる
- カスタムイベントにエイリアスをバインドおよび割り当てる
ディレクティブの使用
- 組み込みディレクティブ
- カスタムディレクティブ
Angular 6サービス
- ログ記録サービスの作成
- データサービスの作成
依存性注入とプロバイダーの使用
- インジェクター、プロバイダー、トークン
- 依存性注入の設定
- プロバイダーの設定
- コンポーネント、ディレクティブ、サービスへのサービスのインジェクション
ページ遷移にルーティングを使用する
- ルートの設定
- ルートの設定と読み込み
- 異なるナビゲーション方法の理解
- ルートでのパラメーターの使用
- ネストされたルートの作成
- リダイレクトとワイルドカードルートの使用
- ルートガードの理解
- ルーティング戦略の理解
RxJSを使用してAngularでオブザーバブルを作成および操作する
- オブザーバブルの概要
- RxJSの概要
- Angularでのオブザーバブルの構築と使用
フォームの処理
- テンプレートドリブンフォームの使用
- リアクティブフォームの使用
パイプの使用
- 組み込みパイプ
- Async Pipe
- カスタムパイプ
外部HTTP APIへの呼び出しを行う
Angularモジュールの使用
Angular 6アプリケーションのテスト
- Jasmineを使用した単体テスト
アプリケーションのデバッグ
- Angularでのエラーメッセージの理解
- ブラウザ内のコードをデバッグするためにSourcemapsを使用する
- Auguryの使用
Angular 6アプリケーションの最適化
Angular 6セキュリティ
- 認証
- 何を、何を Angularに記述すべきでないか
Angular 6アプリケーションの本番環境への展開
- IIS、Apache、Nginxなどへの展開
トラブルシューティング
締めくくりの言葉
要求
- 基本的なHTML、CSS、JavaScriptの知識
対象者
- 開発者
お客様の声 (6)
良い教材です! トレーナーは本当に親切で、とても助かります!
Xander Knol - Conclusion Learning Centers
コース - Angular 6
機械翻訳
実践的な演習!
William Limberger - Conclusion Learning Centers
コース - Angular 6
機械翻訳
Angular、TypeScript、特にルーティングの全体的なエコシステムを学ぶ
Ryan Delport - Leaseweb
コース - Angular 6
機械翻訳
実際に自分でやってみることで練習します。
Christiaan Sloof - Leaseweb
コース - Angular 6
機械翻訳
トレーナーは素晴らしい専門家で、本当に楽しめました。
Lukasz Cysewski - PSI Polska
コース - Angular 6
機械翻訳
チュートリアルでは、講義で学んだ知識を実際の例に応用することができました。また、何かがどのように機能するかわからない場合に質問できる機会も与えられました。
Chris Gilchrist - SAA Consultants LTD
コース - Angular 6
機械翻訳