ホーム > Angular入門

Angular入門

期間  3日間 時間  9:30~17:00
価格(税込)  148,500円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0093R
日程 会場 空席状況 実施状況 選択

2022年2月16日(水) ~ 2022年2月18日(金)

カサレアル(オンライン)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

人材開発支援助成金を申請予定の場合、担当営業もしくはWebにご相談ください。

本コースは、オンラインで受講いただける日程が用意されております。
(視聴環境につきましては、会場のリンクよりご確認ください。)
オンラインでご受講いただく際には、講義視聴のZoom環境等に加え、ご自身で演習環境もご用意いただく必要があります。
使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。

重要なご連絡・ご確認事項

2021年10月以降の実施日程について、ご受講環境に一部変更があります。オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

<オンライン研修環境>
■使用ツール
・動画配信:Zoom
 ※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
・仮想デスクトップ:Amazon WorkSpaces

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
・PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台目:Zoom、オンラインチャットシステム用、2台目:Amazon WorkSpacesアクセス用)

■OS
・Windows 10
・macOS

<事前環境確認>
本コースは、Amazon Workspaces(仮想デスクトップサービス)を使用いたします。
Workspacesにアクセスするためには、専用のクライアントをインストールいただく必要があります。
必ず、ご利用可能な環境でご受講ください、

※"Windowsクライアントアプリケーション"、 "macOSクライアントアプリケーション" どちらかのクライアントをご利用ください。
※弊社で用意する環境では、""Webアクセス"" はご利用いただけません。


対象者情報

対象者
・これから、Angularを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□『JavaScript入門 -ECMAScript 2015~2017対応-(*)』コースをご受講いただいた方もしくは、同等の技術を習得している方
(*):株式会社カサレアル主催コース

学習内容の詳細

コース概要
JavaScript最先端のAngularとTypeScriptをハンズオン形式で一気に学べるコースです。

本コースは、基礎的なJavaScriptは習得済みかつこれからAngularを採用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。
学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。またAngularを使うにあたって必須となる、TypeScriptの文法もおよそ一日間を使ってじっくり学習していきます。
コースの後半では、RxJSやサーバーサイドとの連携、ルーター(画面遷移)など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、サーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できるようになります。

※本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。
学習目標
●Angularを使ってサーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成する
●TypeScriptを使ってプログラミングする
学習内容
1. 概要/チュートリアル
  - Angularについて
  - Angularチュートリアル

2. TypeScript
  - TypeScriptの特徴
  - 型アノテーション
  - ユニオン型
  - null安全
  - コンストラクタのショートカット機能
  - インターフェィス
  - ジェネリクス(型パラメータ)
  - デコレーター
  - モジュールの作成とエクスポート

3. Angularを構成するもの
  - モジュール
  - コンポーネント
  - テンプレートHTML
  - サービスクラス
  - Dependency injection(依存性注入)
  - RxJS

4. 入力フォーム/イベント
  - NgModel
  - 入力フォームのバリデーション
  - エラーメッセージの表示と非表示
  - イベントハンドリング

5. コンポーネント間連携/ルーター
  - コンポーネント間連携
  - ルーター

6. HTTP通信
  - HTTP通信でデータを得る
  - HTTP通信でデータを送る
  - サービスクラスでHTTP通信を行う

実習/演習内容詳細

ソフトウェア
ハードウェア
※使用ソフトウェアについて
変更頻度が高いため、詳細につきましてはお問い合わせください。

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセルは9営業日前まで、日程変更・受講者変更は4営業日前までとさせていただきます。

おすすめのコースフロー図を見る