コース概要

導入

  • Angular 7 の新機能は何ですか?

Typescript と ES6 JavaScript の概要

  • TypeScript 構文
  • TypeScript トランスパイラの使用
  • Angular 7 と Typescript のセットアップ

Angular7のパーツ概要

  • Angular CLI
  • コンポーネント
  • 指令
  • 入力と出力
  • データバインディングと補間
  • イベントバインディング
  • データモデリング
  • Bootstrapピング

最初の Angular アプリケーションの作成

  • アプリケーションの計画
  • Angular プロジェクトのセットアップ
  • Bootstrap 4 と Sass を使用する

コンポーネントの作成

  • コンポーネントのライフサイクルを理解する
  • データフロー
  • テンプレートとスタイルの使用
  • コンテンツの投影
  • AppModuleの操作
  • カスタムコンポーネントの操作
  • ビューのカプセル化の使用
  • ライフサイクルフックの実装
  • ViewChildren と ContentChildren の使用

Angular 7 のデータ バインディング

  • プロパティとイベントのバインディングについて
  • カスタム プロパティへのエイリアスのバインドと割り当て
  • カスタム イベントへのエイリアスのバインドと割り当て

ディレクティブの使用

  • 組み込みディレクティブ
  • カスタムディレクティブ

Angular 7 サービス

  • ロギングサービスの作成
  • データサービスの作成

依存関係の挿入とプロバイダーの使用

  • インジェクター、プロバイダー、トークン
  • 依存関係の挿入の構成
  • プロバイダーの構成
  • コンポーネント、ディレクティブ、およびサービスへのサービスの挿入

ルーティングによるページの切り替え

  • さまざまなナビゲーション方法を理解する
  • ルーティング戦略
  • ルートの設定
  • ルートの構成とロード
  • ルートでのパラメータの使用
  • ネストされたルートの作成
  • リダイレクトルートとワイルドカードルートの使用
  • ルート ガードを理解する

RxJS を使用して Angular で Observable を作成および操作する

  • オブザーバブルの概要
  • RxJSの概要
  • Angular での Observable の構築と使用

ユーザー入力用のフォームの生成

  • テンプレート駆動フォームの使用
  • Reactive フォームの使用

パイプの使用

  • 内蔵パイプ
  • 非同期パイプ
  • カスタムパイプ

外部 HTTP API の呼び出し

Angularモジュールの使用

Angular 7 アプリケーションのテスト

  • 単体テストに Jasmine を使用する

アプリケーションのデバッグ

  • Angular のエラー メッセージを理解する
  • ソースマップを使用してブラウザでコードをデバッグする
  • オーギュリーの使用

Angular 7 アプリケーションの最適化

Angular 7 セキュリティ

  • 認証
  • Angularに何を書いてよいのか、何を書いてはいけないのか

Angular 7 アプリケーションを本番環境にデプロイする

  • IIS、Apache、Nginx などへのデプロイメント

トラブルシューティング

閉会の辞

要求

  • 基本的なHTML、CSS、JavaScriptに精通していること

観客

  • 開発者
 28 時間

参加者の人数



Price per participant

お客様の声 (1)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー