お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
はじめに
- Angularとは何か
- Angular vs React vs Vue
- Angular 16の特徴とアーキテクチャの概要
- 開発環境のセットアップ
始めましょう
- Angular CLIを使用して新しいAngular 16プロジェクトを作成する
- プロジェクト構造とファイルを探索する
- アプリケーションの実行とサービス
- インタポーレーションと式を使用してデータを表示する
コンポーネント
- Angular 16におけるコンポーネントの役割の理解
- コンポーネントの作成と使用
- 入力と出力を使用してコンポーネント間でデータを渡す
- コンポーネントライフサイクルフックを使用する
ディレクティブ
- 構造的なディレクティブと属性ディレクティブの違いの理解
- ngIf、ngFor、ngSwitchなどの組み込みディレクティブの作成と使用
- カスタムディレクティブの作成と使用
パイプ
- Angular 16におけるパイプの目的の理解
- date、currency、jsonなどの組み込みパイプの作成と使用
- カスタムパイプの作成と使用
サービス
- Angular 16におけるサービスの役割の理解
- サービスの作成と使用
- プロバイダーを使用した依存性の注入
モジュール
- Angular 16におけるモジュールの役割の理解
- モジュールの作成と使用
- モジュールのインポートとエクスポート
データバインディング
- 一方向データバインディングと双方向データバインディングの違いの理解
- プロパティバインディング、イベントバインディング、banana-in-a-box構文の作成と使用
- テンプレート参照変数の使用
ルーティング
- Angular 16におけるルーティングの役割の理解
- ルートの作成と設定
- routerLinkとrouter.navigateを使用したルート間のナビゲーション
- ルートパラメータ、クエリパラメータ、フラグメントの使用
フォーム
- テンプレート駆動型フォームとリアクティブフォームの違いの理解
- form controls、form groups、form arraysなどを使用したフォームの作成と検証
- required、minLength、maxLengthなどの組み込みバリデーターの使用
- カスタムバリデーターの作成と使用
HTTPクライアント
- Angular 16におけるHTTPクライアントの役割の理解
- HTTPリクエストの作成と使用によるバックエンドサービスとの通信
- 非同期データストリームを処理するためのオブザーバブルの使用
- HTTPリクエストやレスポンスを変更または処理するためのインターセプターの使用
デバッグ
- Angular 16アプリケーションにおける一般的なエラーとバグの理解
- 要素、ソース、ネットワーク、コンソールなどを検査するためにChrome DevToolsを使用する
- ブレークポイント、ウォッチ式、コールスタックなどを使用してコードをデバッグする
テスト
- Angular 16アプリケーションにおけるテストの重要性の理解
- Jestを代替テストフレームワークとして使用する
- Karmaを使用したユニットテストの実行
- Protractorを使用したエンドツーエンドテスト
まとめと次回のステップ
要求
- HTML、CSS、JavaScriptの理解
- TypeScriptとRxJSの経験
- ウェブ開発の経験
対象者
- Angular 16を使用して動的な応答性のあるウェブアプリケーションを作成したい開発者
- 以前のバージョンのAngularからスキルをアップグレードしたい開発者
- Angular 16の新しい機能とアップデートを探索したいプログラマ
28 時間
お客様の声 (5)
このトレーニングが実践的な側面に焦点を当てていたことが気に入りました。
Mihaela - Ness
コース - NgRx
機械翻訳
議論されたトピック、多くのライブコーディング例、講師のグループへの態度
Weronika - ATOS PGS sp. z o.o.
コース - Reactive Programming with Angular RxJS
機械翻訳
あなたのジョークが好きでした
Dermot - Griffiths & Armour
コース - Angular 2 Fundamentals
機械翻訳
実践例、演習、およびベストプラクティス
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
コース - Angular 10 for Developers
機械翻訳
パイプ ルーティング データバインディング サービス
Edmundo Manave - CEDSIF, IP - Ministry of Finance
コース - Angular 12
機械翻訳