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を使ったアプリケーションを作成できる

・ HTML5で導入された新しい機能(API)でどのような事ができるのかを把握したい方
・ HTML5 APIを活用したWebアプリケーションの作り方を学びたい方

・ HTMLおよびCSSを利用して簡単なWebページを記述できる方
・ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・ 『モダンJavaScript入門』(MBK02)をご受講いただいた方もしくは、同等の技術を習得している方

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

実行環境(オンライン開催の場合は「備考」欄の記述をご参照ください)
・Windows 10以降
・Node.js v8以降
・Webブラウザ(Chrome)
・テキストエディタ(Visual Studio Code)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

研修テキスト
※ソースコード等はオンラインストレージにて配布いたします

*2019年1月よりコースタイトルが変更となりました。(旧コースタイトル:JavaScript入門 HTML5 API活用編)なお、ご提供内容に変更はございません。

当コースは株式会社カサレアルが提供します。
満席でもお席をご準備できる場合がありますのでお問い合わせください。


※他社提携コースは、お申し込み後に空席確認を行います。主催会社でお席の確保ができた後に受付確定となります。

受講開始10営業日前から受講料の100%のキャンセル料がかかります。

オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。

◆オンライン研修環境
　●使用ツール
　　動画配信:Zoom
　　※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　　質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
　　仮想デスクトップ:Amazon WorkSpaces
　　※Amazon WorkSpacesについて、より詳細な情報は、こちらをご参照ください。
　●システム要件
　　インターネットに常時接続できること
　　Webカメラおよびマイク
　　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　(1台目:Zoom、オンラインチャットシステム用、2台目:Amazon WorkSpacesアクセス用)
　●OS:Windows 10、macOS

◆事前環境確認
　本コースは、Amazon Workspaces(仮想デスクトップサービス)を使用いたします。
　Workspacesにアクセスするためには、専用のクライアント(※)をインストールいただく必要があります。
　必ず、ご利用可能な環境でご受講ください。
　※『Windowsクライアント』 、 『macOSクライアント』 どちらかのクライアントをご利用ください。
　　 弊社で用意する環境では、『Webアクセス』 はご利用いただけません。

なお、Amazon Workspacesの接続性をチェックすることができるサイトがございますので、
以下の手順を参考に、ご確認をお願いいたします。

・Amazon Workspaces_接続チェック手順