ホーム > JavaScript応用 -HTML5 API活用編-

JavaScript応用 -HTML5 API活用編-

期間  2日間 時間  9:30~17:00
価格(税込)  99,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0095R
日程 会場 空席状況 実施状況 選択

2021年11月8日(月) ~ 2021年11月9日(火)

カサレアル東京(泉岳寺)

  お申し込み後確認

2021年12月6日(月) ~ 2021年12月7日(火)

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

  お申し込み後確認

2022年2月7日(月) ~ 2022年2月8日(火)

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

  お申し込み後確認

2022年3月17日(木) ~ 2022年3月18日(金)

カサレアル東京(泉岳寺)

  お申し込み後確認

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

ワンポイントアドバイス

人材開発支援助成金を申請予定の場合、担当営業もしくはWebにご相談ください。

本コースは、オンラインで受講いただける日程が用意されております。
(視聴環境につきましては、会場のリンクよりご確認ください。)
オンラインでご受講いただく際には、講義視聴のZoom環境等に加え、ご自身で演習環境もご用意いただく必要があります。
使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。

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

2021年10月以降の実施日程について、ご受講環境に一部変更があります。オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

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

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

■OS
・Windows 10
・macOS

<事前環境確認>
本コースは、Amazon Workspaces(仮想デスクトップサービス)を使用いたします。
Workspacesにアクセスするためには、専用のクライアントをインストールいただく必要があります。
必ず、ご利用可能な環境でご受講ください、

※"Windowsクライアントアプリケーション"、 "macOSクライアントアプリケーション" どちらかのクライアントをご利用ください。
※弊社で用意する環境では、""Webアクセス"" はご利用いただけません。


対象者情報

対象者
・HTML5で導入された新しい機能(API)でどのような事ができるのかを把握したい方
・HTML5 APIを活用したWebアプリケーションの作り方を学びたい方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019t(*)』コースをご受講いただいた方もしくは、同等の技術を習得している方
(*):株式会社カサレアル主催コース

学習内容の詳細

コース概要
HTML5 APIとJavaScriptでどのようなアプリケーションを作成可能かイメージできるコースです。

本コースでは、基礎的なJavaScriptは習得済みの方向けに、HTML5 APIの主要な機能をハンズオン形式で動作確認しながら学習していくコースです。これによりHTML5 APIを利用してどのようなアプリケーションを作成可能かイメージが持てるようになります。
また新しく標準化されたHTTP通信技術(Fetch API)・非同期処理技術(Promise,async/await)・Service Worker/Cacheについても解説しますので、JavaScript関連の最新技術も一緒に学ぶことができます。
このコースを受講することで、HTML5 APIの主要な機能を使ったJavaScriptアプリケーションを作成できるようになります。
学習目標
● HTML5 APIの主要な機能を使ってアプリケーションを作成する
● Fetch API、Promise、async/await、Service Worker/Cacheを使ったアプリケーションを作成する"
学習内容
1.開発環境の構築
  - JavaScript開発環境
  - Node.jsの用意
  - HTTPSサーバーの用意
  - webpackの設定
  - Chrome開発者ツールの使い方

2.基礎となるHTML5API
  - DOM(Document Object Model)の操作
  - ドラッグ&ドロップ API
  - File API(ファイル操作)
  - History API

3.クライアントサイドストレージ
  - Web Storage
  - Indexed DB

4.HTTP通信と非同期処理
  - FetchAPI
  - Fetch APIのポリフィル
  - Promise
  - async/awaitによる非同期処理の記述

5.双方向通信/カメラ/マルチメディア
  - WebSocket
  - カメラ利用のサンプルコード
  - 動画再生/音楽再生

6.バックグラウンド処理
  - Web Workers
  - Service Woker
  - Service WorkerとCache

実習/演習内容詳細

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

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセルは9営業日前まで、日程変更・受講者変更は4営業日前までとさせていただきます。

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