コース概要

導入

  • Angular 6の新機能は何か?

TypeScriptとES6 JavaScriptの概要

  • TypeScriptの文法
  • TypeScriptトランスパイラの使用
  • Angular 6とTypeScriptのセットアップ

Angular 6の構成要素の概要

  • コンポーネントの作成
  • データバインディングと文字列補間
  • プロパティバインディング
  • イベントバインディング
  • 双方向データバインディング
  • データモデリング
  • ディレクティブ
  • ブートストラッピング
  • 入力と出力
  • Angular CLI

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

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

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

  • データフロー
  • AppModuleでの作業
  • カスタムコンポーネントでの作業
  • テンプレートとスタイルの使用
  • ビュー kapsulationの使用
  • コンテンツの投影
  • コンポーネントライフサイクルとライフサイクルフックの理解
  • ViewChildrenとContentChildrenの使用

Angular 6でのデータバインディング

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

ディレクティブの使用

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

Angular 6サービス

  • ログ記録サービスの作成
  • データサービスの作成

依存性注入とプロバイダーの使用

  • インジェクター、プロバイダー、トークン
  • 依存性注入の設定
  • プロバイダーの設定
  • コンポーネント、ディレクティブ、サービスへのサービスのインジェクション

ページ遷移にルーティングを使用する

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

RxJSを使用してAngularでオブザーバブルを作成および操作する

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

フォームの処理

  • テンプレートドリブンフォームの使用
  • リアクティブフォームの使用

パイプの使用

  • 組み込みパイプ
  • Async Pipe
  • カスタムパイプ

外部HTTP APIへの呼び出しを行う

Angularモジュールの使用

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

  • Jasmineを使用した単体テスト

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

  • Angularでのエラーメッセージの理解
  • ブラウザ内のコードをデバッグするためにSourcemapsを使用する
  • Auguryの使用

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

Angular 6セキュリティ

  • 認証
  • 何を、何を Angularに記述すべきでないか

Angular 6アプリケーションの本番環境への展開

  • IIS、Apache、Nginxなどへの展開

トラブルシューティング

締めくくりの言葉

要求

  • 基本的なHTML、CSS、JavaScriptの知識

対象者

  • 開発者
 28 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (6)

今後のコース

関連カテゴリー