お問い合わせを送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
予約を送信いただきありがとうございます!当社のスタッフがすぐにご連絡いたします。
コース概要
はじめに
- 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)
それは非常にインタラクティブで情報が豊富でした。トレーナーは、私たちが何かを理解できないときに非常に忍耐強く、研修中誰一人取り残されないように配慮しました。
Daniel - INIT Innovations in Transportation Ltd.
コース - Angular 17
機械翻訳
- コースがとても気に入っています。トレーナーも非常に親切で、テーマについての知識も豊富です。ただ、4日間の研修ではすべてのトピックを扱うことができないという点があります。
Allan - Tribal Software Philippines Inc
コース - Angular 14
機械翻訳
あなたのジョークが好きでした
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
機械翻訳