コース概要
導入
- Angularとは何ですか?
- Angular 9 の新機能は何ですか?
Typescript と ES6 JavaScript の概要
- TypeScript 構文
- TypeScript トランスパイラの使用
- Angular 9 と Typescript のセットアップ
Angular9のパーツ概要
- Angular CLI
- コンポーネント
- 指令
- 入力と出力
- データバインディングと補間
- イベントバインディング
- データモデリング
- Bootstrapピング
最初の Angular アプリケーションの作成
- アプリケーションの計画
- Angular プロジェクトのセットアップ
- Bootstrap 4 および Sass を使用してモバイル フレンドリーな UI を作成する
コンポーネントの作成
- コンポーネントのライフサイクルを理解する
- データフロー
- テンプレートとスタイルの使用
- コンテンツの投影
- AppModuleの操作
- カスタムコンポーネントの操作
- ビューのカプセル化の使用
- ライフサイクルフックの実装
- ViewChildren と ContentChildren の使用
Angular 9 のデータ バインディング
- プロパティとイベントのバインディングについて
- カスタム プロパティへのエイリアスのバインドと割り当て
- カスタム イベントへのエイリアスのバインドと割り当て
ディレクティブの使用
- 組み込みディレクティブ
- カスタムディレクティブ
Angular 9 サービス
- ロギングサービスの作成
- データサービスの作成
依存関係の挿入とプロバイダーの使用
- インジェクター、プロバイダー、トークン
- 依存関係の挿入の構成
- プロバイダーの構成
- コンポーネント、ディレクティブ、およびサービスへのサービスの挿入
ルーティングによるページの切り替え
- さまざまなナビゲーション方法を理解する
- ルーティング戦略
- ルートの設定
- ルートの構成とロード
- ルートでのパラメータの使用
- ネストされたルートの作成
- リダイレクトルートとワイルドカードルートの使用
- ルート ガードを理解する
RxJS を使用して Angular で Observable を作成および操作する
- オブザーバブルの概要
- RxJSの概要
- Angular での Observable の構築と使用
ユーザー入力用のフォームの生成
- テンプレート駆動フォームの使用
- Reactive フォームの使用
- カスタム検証の作成
- フォームデータの検証、フィルタリング、サニタイズ
パイプの使用
- 変換出力
- 内蔵パイプ
- 非同期パイプ
- カスタムパイプ
外部 HTTP API の呼び出し
- リクエストの送信
Angularモジュールの使用
Angular 9 アプリケーションのテスト
- 単体テストに Jasmine を使用する
- エンドツーエンドのテストに Protractor を使用する
アプリケーションのデバッグ
- Angular のエラー メッセージを理解する
- ソースマップを使用してブラウザでコードをデバッグする
- TypeScript コンパイラ診断の読み取り
- オーギュリーの使用
Angular 9 アプリケーションの最適化
- Ivy コンパイラ、ランタイム、レンダラについて理解する
- コードの手直し
- バンドルサイズの削減とデッドコードの排除
Angular 9 セキュリティ
- 認証の仕組み
- JWT認証の使用
- Angularに何を書いてよいのか、何を書いてはいけないのか
Angular 9 アプリケーションを本番環境にデプロイする
- IIS、Apache、Nginx などへのデプロイメント
Angular 9 つのベスト プラクティス
トラブルシューティング
要約と結論
要求
- 基本的なHTML、CSS、JavaScriptに精通していること 。
観客
- 開発者 。
お客様の声 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
コース - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
コース - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
コース - Building Web Apps using the MEAN stack
あなたのジョークが好きでした
Dermot - Griffiths & Armour
コース - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
コース - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
ステップごとの分析。コードの各行の説明。コース中に発生したすべての問題はうまく解決され、Łukasz はその理由を教えてくれました。また、紹介された優れたプラクティスも気に入りました。TDD スタイルに納得したことは一度もありません。単に、役に立たず、時間をかける価値もないと感じていたからです。Łukasz は TDD の多くの利点を指摘し、私の意見は完全に変わりました。
Michał Uściński - Devapo Sp. z o. o.
コース - Testing Angular Applications
Machine Translated
część o RxJS
Kacper - INWEBIT Sp. z o.o.
コース - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
コース - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
コース - Angular 6
Good examples and interactive course !