コース概要

Angular 18 の紹介

  • Angular とそのエコシステムの概要
  • Angular 18 の新機能、包括的な Angular DevTools の最新アップデートを含む
  • 開発環境の設定

プロジェクトのセットアップとアーキテクチャ

  • Angular CLI の使用
  • プロジェクト構造とファイルの組織化
  • Angular モジュールとコンポーネント
  • 最適化された TypeScript 4.7 機能を活用してパフォーマンスと開発者体験を向上させる

テンプレートとデータバインディング

  • Angular テンプレートの文法
  • インタポレーション、プロパティバインディング、イベントバインディング
  • ngModel を使用した双方向データバインディング

コンポーネントとディレクティブ

  • コンポーネントの作成と使用
  • コンポーネントライフサイ클フック
  • 組み込みディレクティブ (ngIf, ngFor など)
  • カスタムディレクティブ

サービスと依存性注入

  • サービスの作成と使用
  • Angular における依存性注入
  • アプリケーション状態の管理

ルーティングとナビゲーション

  • Angular ルーターの設定
  • ルートとルートパラメータの設定
  • 新しいルーティング機能の理解と実装
  • 遅延ロードとルートガード

Angular におけるフォーム

  • テンプレート駆動フォーム
  • リアクティブフォーム
  • フォームバリデーションとエラーハンドリング

HTTP クライアントとオブザーバブル

  • HttpClient を使用した HTTP リクエストの実行
  • HTTP 応答の処理
  • RxJS オブザーバブルの操作

高度なトピック

  • Angular アニメーション
  • 国際化 (i18n)
  • パフォーマンス最適化技術、ゾーンレス変更検出を含む

Angular におけるテスト

  • Jasmine と Karma を使用した単体テスト
  • Protractor を使用したエンドツーエンドテスト
  • Angular アプリケーションのテストに関するベストプラクティス

展開とメンテナンス

  • Angular アプリケーションのビルドとデプロイ
  • Git を使用したバージョン管理
  • 継続的インテグレーションとデリバリー (CI/CD) プラクティス

移行とトラブルシューティング

  • 古い Angular バージョンからの移行
  • 一般的な落とし穴とそれを避ける方法
  • Angular 18 の一般的な問題のトラブルシューティング

実践セッション

  • 手動ラボ
  • 現実世界プロジェクト開発
  • グループ演習とピアレビュー

サマリーと次なるステップ

要求

  • JavaScript の理解
  • Web 開発の経験
  • HTML と CSS の基本的な知識

対象者

  • Web 開発者
  • フロントエンド開発者
  • Angular を使用してシングルページアプリケーション (SPA) を開発したいすべての方
 28 時間

参加者の人数


参加者1人あたりの価格

お客様の声 (3)

今後のコース

関連カテゴリー