コース概要

はじめに

  • 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 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (5)

今後のコース

関連カテゴリー