コース概要

導入

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

Typescript と ES6 JavaScript の概要

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

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

  • アプリケーションの計画
  • CLI を使用した Angular プロジェクトとアプリのセットアップ
  • Bootstrap 4 および Sass を使用した基本的なプロジェクト設定の作成

Angular 5 のパーツの操作

  • コンポーネントの作成
  • データバインディングと文字列補間
  • プロパティのバインディング
  • イベントバインディング
  • 双方向のデータバインディング
  • データモデリング
  • 指令
  • Bootstrapピング
  • 入力と出力

Angular 5 コンポーネントの使用

  • データフロー
  • AppModuleの操作
  • カスタムコンポーネントの操作
  • テンプレートとスタイルの使用
  • ビューのカプセル化の使用
  • コンテンツの投影
  • コンポーネントのライフサイクルとライフサイクルフックについて
  • ViewChildren と ContentChildren の使用

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

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

ディレクティブの使用

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

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

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

Angular 5 サービス

  • サービスの重要性を学ぶ
  • ロギングサービスの作成
  • データサービスの作成

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

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

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

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

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

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

フォームの処理

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

パイプの使用

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

外部 HTTP API の呼び出し

Angularモジュールの使用

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

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

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

Angular 5 セキュリティ

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

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

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

トラブルシューティング

閉会の辞

要求

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

観客

  • ウェブ開発初心者
  • の方
  • 経験豊富なフロントエンド開発者
  • Angularを使ったアプリの開発方法を学びたい方
 28 時間

参加者の人数



Price per participant

お客様の声 (1)

関連コース

Building Web Apps using the MEAN stack

35 時間

Reactive Programming with Angular RxJS

14 時間

関連カテゴリー