お問い合わせ

コース概要

Angular 18入門

  • Angularおよびそのエコシステムの概要
  • Angular DevToolsの最新更新情報を含む、Angular 18で新たに追加された機能
  • 開発環境のセットアップ方法

プロジェクト設定とアーキテクチャ

  • Angular CLIの使い方
  • プロジェクト構造およびファイル整理方法
  • Angularモジュールとコンポーネント
  • パフォーマンス向上や開発効率改善に役立つ最適化されたTypeScript 4.7機能の活用法

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

  • Angularテンプレートの構文
  • インターpolation、プロパティバインディング、イベントバインディング
  • ngModelを用いた双方向データバインディング

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

  • コンポーネントの作成および利用方法
  • コンポーネントのライフサイクルフック
  • 組み込みディレクティブ(ngIf、ngForなど)
  • カスタムディレクティブの作り方

サービスと依存性注入

  • サービスの作成および利用方法
  • Angularにおける依存性注入の仕組み
  • アプリケーション状態の管理手法

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

  • Angularルーターの設定手順
  • ルートおよびパラメータの構成方法
  • 新しく導入されたルーティング機能の理解と実装法
  • 遅延読み込み処理やルートガードの活用法

Angularにおけるフォーム処理

  • テンプレート駆動型フォームの構成方法
  • リアクティブフォームの設計手法
  • フォーム検証およびエラー対応方法

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

  • 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)

今後のコース

関連カテゴリー