IT・技術研修ならCTC教育サービス

コース内容

コース概要

TypeScriptをベースとしたフロントエンドフレームワーク「Angular」の基礎をハンズオン形式で学べるコースです。

本コースは、Angularを利用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。

学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。

コースの後半では、RxJSやAngular Material(UIコンポーネント集)の利用、ルーター（画面遷移）、サーバーサイドとの連携など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、基本となるAngularアプリケーションを作成できるようになります。

※ 本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。

学習目標

・Angularを使ってサーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できる

対象者

・これから、Angularを使用してフロントエンドWebアプリケーション開発を担当する方
・これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門（*）』コースをご受講いただいた方もしくは、同等の技術を習得している方
（*）：株式会社カサレアル主催コース

スクール環境

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

内容

●概要
・Angularの特徴
・TypeScriptの特徴
●Angularの基礎
・Angularチュートリアル
・プロジェクトの生成
・コンポーネント
・HTMLテンプレート
・サービスクラス
●TypeScript
・TypeScriptについて
・型アノテーション
・リテラル型/ユニオン型
・null安全
・クラス
・インターフェィス
・ジェネリクス（型パラメータ）
●RxJS
・RxJSの概要
・RxJSの基本的な使い方
・Subject
●Angular実践
・Angular Material
・ルーター
・RxJSを利用したサービスクラス
●入力フォーム
・リアクティブフォーム
・バリデーションとエラーメッセージ
・ダイアログの表示
●HTTP通信
・HTTP通信でデータを得る
・HTTP通信でデータを送る
・サービスクラスでHTTP通信を行う
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
　■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　（https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linux）
　※Mattermostおよび演習環境はカサレアル社にてご用意いたします。

　■システム要件
　・インターネットに常時接続できること
　　（アクセス制限のないネットワーク環境をご利用ください）
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
　D3※事前にアクセス確認をご希望される方はお問い合わせください

　■OS/ブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。