Angular: 本番規模のウェブアプリを支えるフレームワーク
Angular は Google の意見重視の TypeScript ファーストフレームワークで、大規模で保守性の高いシングルページアプリケーションを構築するために使われています。そのコンポーネントモデル、依存性注入システム、ファーストクラスのツール群により、エンタープライズチームとスケールで構造を求める開発者のフレームワークとして選ばれています。このトラックは、古いガイドのレガシーパターンではなく、スタンドアロンコンポーネント、Signals、新しい制御フロー構文を備えた最新の Angular(バージョン 19)をカバーしています。
学習内容
Angular CLI、プロジェクト構造、Angular 19 の基礎から始まり、Signal ベースのリアクティビティ、スタンドアロンコンポーネント、依存性注入へと進みます。そこから、テンプレート駆動フォームとリアクティブフォーム、RxJS オペレータ、HttpClient インターセプタ、コンポーネントライフサイクルフック、コンテンツプロジェクション、アニメーション、ルーティングをカバーします。後続のコースは、NgRx と Signal ベースの NgRx SignalStore によるステート管理、ユニットテストとエンドツーエンドテスト、国際化、カスタムフォームコントロールに対応しています。このトラックは、変更検出の最適化、サーバーサイドレンダリング、ハイドレーション、Module Federation によるマイクロフロントエンド、再利用可能な Angular ライブラリの構築、Angular セキュリティの基本で締めくくられます。
学習パス
37 コースが A1 から C1 をカバーしています。最初の 8 コース(A1〜A2)は基礎を構築します。CLI セットアップ、スタンドアロンコンポーネント、パイプ、ライフサイクルフック、双方向バインディングです。B1 と B2 コースは応用スキルを開発します。RxJS、高度なルーティング、リアクティブフォーム、ディレクティブコンポジション、完全なテストカバレッジです。C1 ティアは、チュートリアル Angular と本番 Angular を分ける内容をカバーします。変更検出とパフォーマンス、NgRx SignalStore、Angular SSR によるサーバーサイドレンダリング、Module Federation によるマイクロフロントエンド、Angular ライブラリの構築、Angular セキュリティの基本です。
仕組み
各コースは短い実践的なレッスンに分かれており、ビルトインコードエディタで完了でき、リアルタイムフィードバックが得られます。困ったときはいつでも AI チューターが利用でき、すべてのコンセプトはブラウザ直接実行のエクササイズで強化されます。ローカルセットアップなしで始められます。