TypeScriptをベースとしたフロントエンドフレームワーク「Angular」の基礎をハンズオン形式で学べるコースです。
本コースは、Angularを利用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。
学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。
コースの後半では、RxJSやAngular Material(UIコンポーネント集)の利用、ルーター（画面遷移）、サーバーサイドとの連携など、本格的なアプリケーションを作成するための足がかりとなる技術も取り上げます。それらの技術を使って、基本となるAngularアプリケーションを作成できるようになります。
※本コースは、「Angular」(旧称Angular2)を対象としており、「AngularJS」(ver 1.x系)についてコース内では全く言及しておりません。今一度ご自身が学びたいAngularが何かをご確認の上、お申し込みくださいますようお願い申し上げます。
※本コースは2025年4月より改訂版にて実施いたします。
2025年4月以降のコース情報はこちらをご参照ください。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
開催日程
オンライン・オフライン（対面）の開催がございます。
オンライン研修を希望される方は、必ずお申し込み前に「オンライン研修環境」を確認してください。
オンライン
オフライン
学習目標
■ Angularを使ってサーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できる
対象者
■ 今後Angularを使用してフロントエンドWebアプリケーション開発を担当する方
■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
前提条件
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
研修概要
-
- 実行環境
- ■ Angular 13以上
■TypeScript v4.4以上
■ Node.js v16.x以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 165,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 3日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ 概要
□ Angularの特徴
□ TypeScriptの特徴
■ Angularの基礎
□ Angularチュートリアル
□ プロジェクトの生成
□ コンポーネント
□ HTMLテンプレート
□ サービスクラス
■ TypeScript
□ TypeScriptについて
□ 型アノテーション
□ リテラル型/ユニオン型
□ null安全
□ クラス
□ インターフェィス
□ ジェネリクス（型パラメータ）
■ RxJS
□ RxJSの概要
□ RxJSの基本的な使い方
□ Subject
■ Angular実践
□ Angular Material
□ ルーター
□ RxJSを利用したサービスクラス
■ 入力フォーム
□ リアクティブフォーム
□ バリデーションとエラーメッセージ
□ ダイアログの表示
■ HTTP通信
□ HTTP通信でデータを得る
□ HTTP通信でデータを送る
□ サービスクラスでHTTP通信を行う
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ 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のシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
開催日程
-
- 申込受付終了
-
2024年11月11日〜2024年11月13日
（3日間）
【開催終了】
【会場】オンライン
【価格】165,000円 （税込）/人
-
- 申込受付終了
-
2024年12月4日〜2024年12月6日
（3日間）
【開催終了】
【会場】オンライン
【価格】165,000円 （税込）/人
-
- 申し込む
-
2025年1月20日〜2025年1月22日
（3日間）
【開催未定】
【受付】2025年1月9日まで
【会場】オンライン
【価格】165,000円 （税込）/人
-
- 申し込む
-
2025年2月12日〜2025年2月14日
（3日間）
【開催未定】
【受付】2025年2月3日まで
【会場】オンライン
【価格】165,000円 （税込）/人
-
- 申し込む
-
2025年2月25日〜2025年2月27日
（3日間）
【開催未定】
【受付】2025年2月14日まで
【会場】オンライン
【価格】165,000円 （税込）/人
-
- 申し込む
-
2025年3月17日〜2025年3月19日
（3日間）
【開催未定】
【受付】2025年3月7日まで
【会場】オンライン
【価格】165,000円 （税込）/人
学習目標
■ Angularを使ってサーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できる
対象者
■ 今後Angularを使用してフロントエンドWebアプリケーション開発を担当する方
■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
前提条件
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
研修概要
-
- 実行環境
- ■ Angular 13以上
■TypeScript v4.4以上
■ Node.js v16.x以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 165,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 3日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ 概要
□ Angularの特徴
□ TypeScriptの特徴
■ Angularの基礎
□ Angularチュートリアル
□ プロジェクトの生成
□ コンポーネント
□ HTMLテンプレート
□ サービスクラス
■ TypeScript
□ TypeScriptについて
□ 型アノテーション
□ リテラル型/ユニオン型
□ null安全
□ クラス
□ インターフェィス
□ ジェネリクス（型パラメータ）
■ RxJS
□ RxJSの概要
□ RxJSの基本的な使い方
□ Subject
■ Angular実践
□ Angular Material
□ ルーター
□ RxJSを利用したサービスクラス
■ 入力フォーム
□ リアクティブフォーム
□ バリデーションとエラーメッセージ
□ ダイアログの表示
■ HTTP通信
□ HTTP通信でデータを得る
□ HTTP通信でデータを送る
□ サービスクラスでHTTP通信を行う
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ Angularの特徴
□ TypeScriptの特徴
■ Angularの基礎
□ Angularチュートリアル
□ プロジェクトの生成
□ コンポーネント
□ HTMLテンプレート
□ サービスクラス
■ TypeScript
□ TypeScriptについて
□ 型アノテーション
□ リテラル型/ユニオン型
□ null安全
□ クラス
□ インターフェィス
□ ジェネリクス（型パラメータ）
■ RxJS
□ RxJSの概要
□ RxJSの基本的な使い方
□ Subject
■ Angular実践
□ Angular Material
□ ルーター
□ RxJSを利用したサービスクラス
■ 入力フォーム
□ リアクティブフォーム
□ バリデーションとエラーメッセージ
□ ダイアログの表示
■ HTTP通信
□ HTTP通信でデータを得る
□ HTTP通信でデータを送る
□ サービスクラスでHTTP通信を行う
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
開催日程
-
- 申し込む
-
2025年1月8日〜2025年1月10日
（3日間）
【開催未定】
【受付】2024年12月24日まで
【会場】カサレアル品川トレーニングセンター
【価格】165,000円 （税込）/人
この研修を見ている方はこちらの研修も見ています
- play_arrowモダンJavaScript入門
- play_arrowVue.js入門
-ver.3対応- - play_arrowReact入門
-Hooks、ContextAPI、MUI対応-
コースフロー
