コース概要

はじめに

  • 0]とは?
  • Angular vs React vs Vue
  • 0] 16の機能とアーキテクチャの概要
  • 開発環境のセットアップ

はじめに

  • 0] CLIを使用して新しいAngular 16プロジェクトを作成する
  • プロジェクト構造とファイルの探索
  • アプリケーションの実行と提供
  • 補間と式を使ったデータの表示

コンポーネント

  • 0] 16におけるコンポーネントの役割を理解する
  • コンポーネントの作成と使用
  • 入力と出力を使用してコンポーネント間でデータを渡す
  • コンポーネントのライフサイクルフックの使用

ディレクティブ

  • 構造ディレクティブと属性ディレクティブの違いを理解する
  • ngIf、ngFor、ngSwitch などの組み込みディレクティブの作成と使用
  • カスタムディレクティブの作成と使用

パイプ

  • 0] 16におけるパイプの目的を理解する
  • 日付、通貨、json などの組み込みパイプの作成と使用
  • カスタムパイプの作成と使用

サービス

  • サービスの役割を理解する in Angular 16
  • サービスの作成と使用
  • プロバイダを使った依存関係の注入

モジュール

  • モジュールの役割を理解する Angular 16
  • モジュールの作成と使用
  • モジュールのインポートとエクスポート

データバインディング

  • 一方向データバインディングと双方向データバインディングの違いを理解する
  • プロパティ・バインディング、イベント・バインディング、バナナ・イン・ア・ボックス構文の作成と使用
  • テンプレート参照変数の使用

ルーティング

  • 0] 16におけるルーティングの役割を理解する
  • ルートの作成と設定
  • routerLinkとrouter.navigateを使用してルート間を移動する
  • ルートパラメータ、クエリパラメータ、フラグメントを使う

フォーム

  • テンプレート駆動型フォームとリアクティブフォームの違いを理解する
  • フォームコントロール、フォームグループ、フォーム配列などを使ったフォームの作成とバリデーション
  • required、minLength、maxLength などの組み込みバリデータの使用法
  • カスタムバリデータの作成と使用

HTTP クライアント

  • 0] 16 における HTTP クライアントの役割を理解する
  • バックエンドサービスと通信するための HTTP リクエストの作成と使用
  • observable を使用して非同期データストリームを処理する
  • インターセプターを使用して HTTP リクエストやレスポンスを変更したり処理したりする

デバッグ

  • 0] 16 アプリケーションの一般的なエラーやバグを理解する
  • Chrome DevTools を使用して、エレメント、ソース、ネットワーク、コンソールなどを検査する。
  • ブレークポイント、ウォッチ式、コールスタックなどを使用してコードをデバッグする

テスト

  • 0] 16 アプリケーションにおけるテストの重要性を理解する
  • 代替のテストフレームワークとして Jest を使う
  • ユニットテストのテストランナーとして Karma を使う
  • エンドツーエンドのテストツールとしてProtractorを使う

まとめと次のステップ

要求

  • 2]、CSS、Javaのスクリプトを理解していること
  • 6]とRxJSの経験
  • Web開発経験

対象者

  • 動的でレスポンシブなWebアプリケーションを作成するためにAngular 16の使用方法を学びたい開発者
  • 旧バージョンのAngularからスキルアップしたい開発者
  • 0]16の新機能やアップデートを知りたいプログラマー
 28 時間

参加者の人数



Price per participant

お客様の声 (10)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー