Powered by NotePM

Angular基礎ハンズオン

Published on 02/02/2024 07:58
  • 44

01: 環境構築

  • 1.1 Node.js
  • 1.2 nudist
  • 1.3 npm
  • 1.4 Angular CLI
  • 1.5 対応表

02: Angularの概要

  • 2.1 Angularとは
  • 2.2 プロジェクトの作成

03: コンポーネントとモジュール

  • 3.1 コンポーネントとモジュール
  • 3.2 生成されるコンポーネント
  • 3.3 ngコマンド(コンポーネント)

04: データバインディング

  • 4.1 データバインディング
  • 4.2 インターポレーション {{ }}
  • 4.3 プロパティバインディング [ ]
  • 4.4 イベントバインディング ( )
  • 4.5 双方向データバインディング [()]

05: テンプレートシステム

  • 5.1 テンプレートシステム
  • 5.2 パイプ
  • 5.3 ディレクティブ

06: Type Script

  • 6.1 プロパティ
  • 6.2 コンストラクタ
  • 6.3 ngOnInit
  • 6.4 メソッド

07: 複数コンポーネント

  • 7.1 @Inputと@Output
  • 7.2 @Input[親→子]
  • 7.3 @Output[子→親]
  • 7.4 @ViewChild

08: サービス

  • 8.1 サービス
  • 8.2 ngコマンド(サービス)

09: Rest API

  • 9.1 Rest API
  • 9.2 JSON Server
  • 9.3 HttpClientModule

10: RxJS

  • 10.1 RxJS

11: ルーティング

  • 11.1 SPA
  • 11.2 ルーティング
  • 11.3 app-routing.module.ts
  • 11.4 ActivatedRoute
  • 11.5 Routerサービス

12: Angular Material

  • 12.1 Angular Material
  • 12.2 インストール
  • 12.3 Materialをひとつにまとめる

13: バリデーター

  • 13.1 バリデーター
  • 13.2 Angularのフォーム

14: ビルド

  • 14.1 ビルドとは
  • 14.2 ngコマンド(ビルド)