[オンライン開催]Angular入門

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)

※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
システム要件 インターネットに接続できること
Webカメラおよびマイク

※PC本体の他に、モニターやiPad等、画面表示できるものがあると便利です。
OS Windows 10、macOS

※環境構築動画をご覧いただいて、環境構築できるスペックのPCであれば問題ございません。


◆事前環境構築

使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。

・JavaScript環境構築動画

環境構築を実施いただけていない場合、コースをご受講いただくことができません。




◆コース説明

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

本コースは、基礎的なJavaScriptは習得済みかつこれからAngularを採用して業務アプリケーションを開発していく方向けに、Angularの概要や基本的な作成方法を学んでいけるコースです。

学習方法としてハンズオン形式で随時PCでの入力と動作確認を行いながら進めますので、より実感を持ちながら理解することが可能です。またAngularを使うにあたって必須となる、TypeScriptの文法もおよそ一日間を使ってじっくり学習していきます。

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


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




◆開催方法

本コースは、オンライン研修とオフライン(集合)研修を合同で開催する日程がございます。(コース開催イメージ

対象日程は、『開催日程』欄をご確認ください。

なお、合同で開催する日程は、オフライン(集合)でもご受講いただけます。

ご都合のよろしい開催方法でお申込みください。(オフライン(集合)開催ページはこちら

コースフロー

HTML5・JavaScript研修 初歩から学ぶHTML5/CSS3入門 JavaScriptで学ぶ初めてのプログラミング jQueryによるAjaxアプリケーション開発-REST、JSON、WebSocket- しっかり学ぶモダンJavaScript-関数、モジュール、DOM、ECMAScript2019- JavaScript応用-HTML5API活用編- Angular入門 React入門 -Hooks、ContextAPI、MaterialUI対応- Vue.js入門 -ver.3対応- Reduxワークショップ -React応用- Angular&Spring BootによるSPA開発ワークショップ Node.js入門 -Expressを使ったWebAPI開発- Vue.jsとNode.jsによるSPA開発ワークショップ

HTML5・JavaScript研修 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング しっかり学ぶモダンJavaScript JavaScript応用 お使いのフレームワークへ(Angular入門、React入門、Reduxワークショップ 、Vue.js入門) 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング Javaプログラミング入門 Javaプログラミング基礎 しっかり学ぶモダンJavaScript Angular入門 Javaプログラミング入門 Javaプログラミング基礎 基礎からのSpring BootによるWebアプリケーション開発 Angular&Spring BootによるSPA開発ワークショップ

研修概要

  • 研修の目的
    ■ Angularを使ってサーバーサイドとの連携や画面遷移を含む基礎的なアプリケーションを作成できる
    ■ TypeScriptを使ってプログラミングができる
  • 研修の内容
    ■ 概要/チュートリアル
     □ Angularについて
     □ Angularチュートリアル
    ■ TypeScript
     □ TypeScriptの特徴
     □ 型アノテーション
     □ ユニオン型
     □ null安全
     □ コンストラクタのショートカット機能
     □ インターフェィス
     □ ジェネリクス(型パラメータ)
     □ デコレーター
     □ モジュールの作成とエクスポート
    ■ Angularを構成するもの
     □ モジュール
     □ コンポーネント
     □ テンプレートHTML
     □ サービスクラス
     □ Dependency injection(依存性注入)
     □ RxJS
    ■ 入力フォーム/イベント
     □ NgModel
     □ 入力フォームのバリデーション
     □ エラーメッセージの表示と非表示
     □ イベントハンドリング
    ■ コンポーネント間連携/ルーター
     □ コンポーネント間連携
     □ ルーター
    ■ HTTP通信
     □ HTTP通信でデータを得る
     □ HTTP通信でデータを送る
     □ サービスクラスでHTTP通信を行う
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後Angularを使用してフロントエンドWebアプリケーション開発を担当する方
    ■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Angularの導入に興味がある方
  • 前提条件
    ■ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    ■ macOS 10.12以降
    ■ Angular v6以降
    ■ TypeScript v2.7以降
    ■ Node.js v8以降
    ■ Webブラウザ(Chrome)
    ■ テキストエディタ(Visual Studio Code)
    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ※ソースコード等はオンラインストレージにて配布いたします。
  • 開催日数
    3日間
  • 受講料
    135,000円
    (税抜)
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送させていただきます。
  • 時間
    9時30分~17時00分

開催日程

  • 終了
    2020年10月21日~2020年10月23日(3日間)
    【会場】 オンライン
  • 終了
    2020年12月14日~2020年12月16日(3日間)
    【会場】 オンライン
  • 終了
    2021年1月20日~2021年1月22日(3日間)
    【会場】 オンライン
  • 申し込む
    2021年3月22日~2021年3月24日(3日間)
    【受付】2021年3月17日まで
    【会場】 オンライン

HTML5・JavaScript研修に関する研修一覧