コース概要

序論

  • Angular 5の新機能

TypeScriptとES6 JavaScriptの概要

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

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

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

Angular 5の構成要素との作業

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

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

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

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

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

ディレクティブとの作業

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

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

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

Angular 5サービス

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

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

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

ページ切り替えにルーティングを使用する

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

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

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

フォームの処理

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

パイプの使用

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

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

Angularモジュールの使用

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

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

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

Angular 5セキュリティ

  • 認証
  • Angularで何を書くべきか、何を書かないべきか

Angular 5アプリケーションのプロダクションへのデプロイ

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

トラブルシューティング

締めくくりの言葉

要求

  • 基本的なHTML、CSS、JavaScriptに関する知識

対象者

  • ウェブ開発の初心者
  • 経験豊富なフロントエンド開発者
  • Angularを使用してアプリケーションを開発することに興味がある方
 28 時間

参加者の人数


参加者1人当たりの料金

お客様の声 (1)

今後のコース

関連カテゴリー