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

コース内容

コース概要

更なる進化を遂げたフロントエンドフレームワーク「Angular」の最新の利用方法をハンズオン形式で学べるコースです。

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

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

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

※本コースは2025年4月より改訂版にて実施いたします。

学習目標

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

対象者

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

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・TypeScriptについて初歩的な知識がある方

スクール環境

・実行環境
　■ Angular v19以降
　■ TypeScript v5.4以降
　■ Node.js v20以降
　■ Webブラウザ（Chrome）
　■ テキストエディタ（Visual Studio Code）

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

内容

●概要
　・Angularの特徴
●Angularの基礎
　・Angular CLI
　・雛形の生成と最初の一歩
　・コンポーネント
　・HTMLテンプレート
　・制御フロー
　・サービスクラスと依存性の注入
　・リアクティブフォーム
●Angular実践
　・Angular Material
　・シグナル
　・ルーター
　・フォームバリデーション
●HTTP通信
　・サービスクラスでHTTP通信を行う

●付録：TypeScript要点速習
　・型アノテーション/型推論
　・利用できる型
　・インタフェース/型エイリアス
　・型パラメータ

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

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

【オンライン研修環境】
　■使用ツール
　動画配信：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台：演習環境用）
　※事前にアクセス確認をご希望される方はお問い合わせください

　■対応OS
　Windows
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

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

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