Angularを学ぶ - コーディング講座

Angularを学ぶ方のためのアプリです。最初のコンポーネントから、サーバーに接続するウェブアプリまで段階的に学べます。3ペインのワークベンチでTypeScript、テンプレート、スタイルを記述し、スマートフォンでライブプレビューを確認できます。

収録内容

• 38コースと144の短いレッスン：初級（A1）から上級（C1）まで

• component.ts、template.html、styles.cssとライブプレビューを備えたAngular IDE

• 複数ファイルのワークスペース、ガイド付き学習ルート、バージョン履歴を備えた「プロジェクト」タブ

• 60のTypeScriptコーディングミッション（難易度3段階、ヒントと解答付き）

• 最終試験と名前入りの修了証

• 22言語に対応

フロントエンド開発者への完全な学習パス

• スタンドアロンコンポーネント、テンプレート、組み込み制御フロー（@if、@for）

• シグナル：signal()、computed()、effect()、シグナル入力とクエリ

• データバインディング、双方向バインディング、パイプ、ライフサイクルフック

• 依存性注入と共有サービス

• ルーティング、ナビゲーション、高度なルーターパターン

• テンプレート駆動フォーム、リアクティブフォーム、カスタムフォームコントロール

• RxJSの基礎とオペレーター

• 実際のAPIデータを扱うHttpClientとインターセプター

• NgRxとNgRx SignalStoreによる状態管理

• ユニットテスト、コンポーネントテスト、エンドツーエンドテスト

• 変更検知、パフォーマンス、サーバーサイドレンダリング、ハイドレーション

• Module Federationによるマイクロフロントエンド、ライブラリ、i18n、セキュリティ

身につく練習

• 忘れがちな概念を復習するミニクイズとフラッシュカード

• 構文、デコレーター、ディレクティブをまとめた1ページのチートシート

• 開いて実行・編集できるコンポーネントのサンプル

• フロントエンド開発者の面接に備える50の質問とわかりやすい回答

• ワールドコーディングチャレンジ：共通の1つの課題と、参加者それぞれの解答

• 連続学習記録、XP、ランキング、毎日のリマインダーでコーディング習慣をサポート

• コード、メモ、お気に入りのレッスンを保存

AIツール（Pro）

• AIチューターがエラー、概念、あなたのコードを解説

• AIレッスン生成ツールが、理解できないトピックのカスタムレッスンを作成

• AIプレイグラウンドが、あなたのページの説明からコードを生成

対象となる方

• ウェブ開発やフロントエンドの仕事を始める初心者

• 初めてのフレームワークとしてAngularを学ぶJavaScriptやTypeScriptの開発者

• 仕事でAngularフレームワークに移行するReactやVueの開発者

• ウェブ開発者としての就職を目指す学生やキャリアチェンジ希望者

使い方

1. Angularフレームワークとアプリの概要を扱う、最初の無料コースから始める

2. ワークベンチでクラスの値を変更し、テンプレートの更新を確認する

3. シグナル、サービス、ルーティング、フォーム、HTTPへと学習を進める

4. クイズとコーディングミッションで知識を確認する

5. 最終試験に合格し、修了証を取得する

無料とPro

最初のコースとライブワークベンチは無料です。Proでは、Angularを学ぶための全コース、すべてのコーディングミッション、AIツールを利用でき、広告も非表示になります。

注：ライブプレビューにはインターネット接続が必要です。

本アプリの独立した学習コースは、Angularの開発元や開発チームと提携しておらず、公認も受けていません。