ホーム > Angular入門

Angular入門


対応チケット/ポイント等

  • New!
    新規コース(過去6ヶ月)
期間  3日間 時間  9:30~17:00
価格(税込)  165,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0118R
日程 会場 空席状況 実施状況 選択

2024年3月6日(水) ~ 2024年3月8日(金)

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

  お申し込み後確認

2024年3月25日(月) ~ 2024年3月27日(水)

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

  お申し込み後確認

2024年5月22日(水) ~ 2024年5月24日(金)

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

  お申し込み後確認

2024年7月24日(水) ~ 2024年7月26日(金)

カサレアル東京(品川)

  お申し込み後確認

2024年8月7日(水) ~ 2024年8月9日(金)

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

  お申し込み後確認

2024年9月4日(水) ~ 2024年9月6日(金)

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

  お申し込み後確認

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

ワンポイントアドバイス

・弊社経由で他社主催研修へお申込みの場合、弊社が「訓練の実施機関」ではないため、人材開発支援助成金の申請書類にトレノケートは署名できません。「主催」欄をご確認ください。本研修コースはトレノケート経由のお申込では人材開発支援助成金の申請ができない旨を予めご了承のうえ、お申込みください。

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

オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

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

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

■OS
・Windows 10

■ブラウザ
・Google Chrome

対象者情報

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

学習内容の詳細

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

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

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

2. Angularの基礎
  - Angularチュートリアル
  - プロジェクトの生成
  - コンポーネント
  - HTMLテンプレート
  - サービスクラス

3. TypeScript
  - TypeScriptについて
  - 型アノテーション
  - リテラル型/ユニオン型
  - null安全
  - クラス
  - インターフェィス
  - ジェネリクス(型パラメータ)

4. RxJS
  - RxJSの概要
  - RxJSの基本的な使い方
  - Subject

5. Angular実践
  - Angular Material
  - ルーター
  - RxJSを利用したサービスクラス

6. 入力フォーム
  - リアクティブフォーム
  - バリデーションとエラーメッセージ
  - ダイアログの表示

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

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

実習/演習内容詳細

ソフトウェア
ハードウェア
■ Angular 13以上
■TypeScript v4.4以上
■ Node.js v16.x以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

コース関連付加情報

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

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