特記事項

環境確認が必須となりますので、詳細は「注意事項」の項目をご覧ください。

コース概要

本研修では、⼀般的に「モダンな JavaScript」と呼ばれる ECMAScript6（2015）以降の JavaScript について、実機演習を通して学習します。

ECMAScript6 では class 構⽂や、let、const による変数定義、Promise による⾮同期処理など、多くの近代的な仕様が追加されています。これら ECMAScript6 以降に追加された新要素の中で、使用頻度が高い要素を重点的に学ぶことができます。

モダンな JavaScript を知りたい⽅はもちろん、SaaS 製品のカスタマイズをするためにJavaScript のテクニックを習得したい⽅にもおすすめです。

到達目標

・モダン JavaScript の基本構⽂について説明できる

・モダン JavaScript を利⽤した API 通信を実装できる

トレーナーからの一言

Web 技術は IT 業界の中でもトップクラスに進化の早い分野です。Web 技術の土台となってきた JavaScript は、ECMAScript6 以降大きく進化することになり、新しい構文やモダンな記法がたくさん取り入れられています。 本研修では「モダン JavaScript」と呼ばれる今どきな機能の一部をピックアップしてお届けします！

前提条件

「JavaScript 基礎」を受講済みである、または同等の知識を有していること

対象者

・モダンJavaScriptの概要を知りたい⽅

・JavaScript を利⽤した SaaS 製品のカスタマイズに関わる⽅

コース内容

1. JavaScript の⽤途

・JavaScript の歴史と⽤途

・ECMAScript とは

・広がる JavaScript の⽤途

 

2. JavaScript の変数定義

・var の利⽤

・let の利⽤

・const の利⽤

 

3. JavaScript の関数

・関数の呼び出し

・関数の定義 　

・第⼀級関数の基本

・アロー関数

 

4. コールバック関数

・コールバック関数とは

 

5. クラスとオブジェクト

・JavaScript のクラス

・クラスの定義

・インスタンスの⽣成

・インスタンスの利⽤

 

6. ⾮同期処理

・⾮同期処理とは

・Promise（約束）

・fetch メソッドを利⽤した Promise の例

・then の利⽤

・catch の利⽤とメソッドチェーン

・Promise オブジェクトを返す関数

・Promise.all を利⽤した待ち合わせ

・async/await

 

7. Fetch API を利⽤したデータ通信

・Web API とは

・Fetch API を利⽤したデータ通信

・jQuery.ajax メソッドを利⽤したデータ通信

 

※受講者の経験やスキルにより、内容を変更して行う場合があります。

 

注意事項

【オンラインライブ開催】

オンラインクラスにお申込みの方は、下記環境をご確認のうえ、お申込みをお願いいたします。
お申込みいただいた時点で、環境確認がなされたものと判断させていただきます。

 

【Zoom】

・Zoom による Web 会議システムを使用いたします。

Zoom の導入は、お客様にて事前に済ませておいてください。 　

Zoom テストサイト（https://zoom.us/test） 　

※上記テストは、必ず、トレーニングを受講する当日に使用する PC およびトレーニングを受講する場所（ネットワーク）で行ってください。

・Zoomのファイル転送機能を利用することがあります。

 

【演習環境】

・ブラウザ環境（Google Chrome 85以降を推奨）

 

【テキスト】

・当研修は、電子テキスト（PDF）のご提供のみとなり、印刷テキストには対応しておりません。

なお配布後、受講者ご本人が使用する目的で印刷することは可能です。