HTML5 APIとJavaScriptでどのようなアプリケーションを作成可能かイメージできるコースです。
・ HTML5で導入された新しい機能(API)でどのような事ができるのかを把握したい方
・ HTML5 APIを活用したWebアプリケーションの作り方を学びたい方
・ HTMLおよびCSSを利用して簡単なWebページを記述できる方
・ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・ 『モダンJavaScript入門』(MBK02)をご受講いただいた方もしくは、同等の技術を習得している方
当コースを修了した時点で、次のことができることを目標とします。
・ 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
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
日数 | 2日間 |
---|---|
受講時間 | 9時30分 ~ 17時00分(昼休憩:60分) |
受講料 | 99,000円 (税別価格90,000円) |
キャンセル規定 | 受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。 |
---|---|
その他 | 実行環境(オンライン開催の場合は「備考」欄の記述をご参照ください) |
オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
(以下は2022年10月1日以降開催のコースに適用されます。
それ以前に開催のコースでは研修環境等が異なりますので、お問い合わせください。)
◆オンライン研修環境
●使用ツール
動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
質疑応答:オンラインチャットシステム
演習環境:仮想デスクトップ
●システム要件
インターネットに常時接続できること
Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
(1台目:Zoom、オンラインチャットシステム用、2台目:演習環境用)
●OS:Windows / ブラウザ:Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
本コースでは、基礎的なJavaScriptは習得済みの方向けに、HTML5 APIの主要な機能をハンズオン形式で動作確認しながら学習していくコースです。これによりHTML5 APIを利用してどのようなアプリケーションを作成可能かイメージが持てるようになります。
また新しく標準化されたHTTP通信技術(Fetch API)・非同期処理技術(Promise,async/await)・Service Worker/Cacheについても解説しますので、JavaScript関連の最新技術も一緒に学ぶことができます。
このコースを受講することで、HTML5 APIの主要な機能を使ったJavaScriptアプリケーションを作成できるようになります。