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

Angularをステップごとに学び、最初のコンポーネントからサーバーと通信する実際のウェブアプリまで進みましょう。3ペインのワークベンチでTypeScript、テンプレート、スタイルを書き、スマートフォン上でコンポーネントがリアルタイムに描画される様子を確認できます。

実践を中心に構成されたウェブ開発コースです。フロントエンド開発者が使う方法で、コンポーネント、サービス、テンプレートの中でTypeScriptを学べます。

コース内容

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

• ライブワークベンチ：component.ts、template.html、styles.cssを横並びで編集し、コードを実行するプレビューを表示

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

• 3つの難易度レベルで取り組む60のTypeScriptコーディングミッション。ヒントと解答例付き

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

• アプリは22言語に対応

フロントエンド開発者への完全な道のり

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

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

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

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

• 高度なルーターパターンを含むルーティングとナビゲーション

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

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

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

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

• 単体テスト、コンポーネントテスト、エンドツーエンドテスト

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

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

身につく実践

• 忘れやすい概念を復習できるミニクイズとフラッシュカード

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

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

• フロントエンド開発者の面接前に役立つ、明確な回答付きの面接質問50問

• ワールドコーディングチャレンジ：1つの共通課題と、みんなの解答

• コーディング習慣を続けるための連続記録、XP、リーダーボード、毎日のリマインダー

AIツール（PRO）

• AIチューター：エラー、概念、自分のコードについて質問すると、わかりやすい説明を取得

• AIレッスンジェネレーター：まだ理解できていないトピックのカスタムレッスン

• AIプレイグラウンド：ページを説明すると、コードが構築されていく様子を確認

対象ユーザー

• ウェブ開発やフロントエンド開発を初めて学ぶ初心者

• 初めてフレームワークを学ぶJavaScriptおよびTypeScript開発者

• 仕事でこのフレームワークに移行するReactまたはVue開発者

• ウェブ開発者の仕事に向けて準備する学生やキャリアチェンジを目指す人

無料版とPRO

最初のコースとライブワークベンチは無料です。PROでは、すべてのコース、すべてのコーディングミッション、AIツールが利用可能になり、広告が削除されます。

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

このアプリはCoddyKitによる独立した学習コースです。GoogleまたはAngularチームとの提携や、同チームからの承認を受けたものではありません。

今日から始め、自分のペースでAngularを学び、数分で最初のコンポーネントを作りましょう。