JavaScript研修インタラクティブなUIの実装からAPI連携まで習得

JavaScript研修では、JavaScriptの構文やjQueryを利用したプログラミングなどを演習を通じて学習します。JavaScriptはWebサイトにインタラクティブな動きを加えることに加え、さまざまなJavaScriptフレームワークと組み合わせてアプリケーション開発にも用いられています。また近年では、IoTやAI(人工知能)をWebブラウザから使うためのライブラリが数多く開発され、JavaScriptを習得すれば、ITの最新分野にも対応できようになります。

対象者

  • WebサイトにavaScriptを活用したUIを実装できるようにしたい方
  • フロントエンドエンジニアの業務を担当する方
  • JavaScriptフレームワークを活用するうえでの基礎を理解したい方

研修の目的

  • 自社のフロントエンドエンジニアのスキルを高めることで、開発力を強化したい
  • JavaScriptを使いこなし、インタラクティブなWebサイトを作りたい
  • ディレクター職がJavaScriptへの理解を深めることで、円滑な開発ができるようにしたい

JavaScript研修で学べること

JavaScript研修では、JavaScriptの構文やjQueryについて学習するのはもちろん、Webサイトにアニメーションなどの機能を実装する演習や、開発中に発生するさまざまなエラーへの対処方法などを学習し、実践的なスキルを身につけることができます。

また、演習の中ではAPI連携の方法も習得。現在の気象情報を取得してアプリを動作させる方法なども学ぶため、アプリ開発のアイデアの幅も広がります。

到達目標

  • jQueryを利用した機能の実装ができるようになる
  • API連携の方法を学び、外部で提供している機能を取り入れたアプリ開発ができるようになる
  • でディレクターの企画・設計力が高まる

カリキュラム内容

目次
JavaScript応用
開発環境の設定と最新の記法
  • Visual Studio Code のインストールと操作方法
  • ECMAScript5,6(ES5, ES6)の記法
  • 【開発演習】 最新のJS記法へ書きかえ
デバッグとオブジェクト
  • バグの直し方
  • ビルトインオブジェクト
  • ブラウザオブジェクト
  • 【開発演習】 宿泊サイト料金計算アプリ
制御構文・正規表現・例外処理
  • 制御構文を使った複雑な処理
  • 表現
  • 例外処理
  • 【開発演習】 フォームの入力内容を確かめる
  • 【開発演習】 占い風アプリを作る
イベント・JavaScriptのクラスとオブジェクト
  • イベント
  • 配列とオブジェクト
  • クラス
  • 【開発演習】 簡易的なRPGの戦闘処理
jQueryによるアニメーション作成
  • クラスの切りかえによる動き
  • パララックスを作る
  • ローディングアニメーションの作成
Ajaxの基本
  • Ajaxとはなにか
  • JSONとJSONP
  • AjaxとPromise
  • 【開発演習】 OpenWetherAPIを用いた固定の気象情報の取得
制作実践2
  • 制作実践2
  • JavaScriptのプラグイン
jQueryを用いたAjax
  • Ajaxメソッド
  • 住所自動入力フォームの読解
  • 【開発演習】 ユーザーの入力に応じて気象情報を取得するアプリ
HTML5とCanvas
  • Canvas
  • 【開発演習】 背景アニメ
  • Webアプリを作る
※内容と研修費用は、企業様のご要望に応じてご提案致しますのでお問合せください。
時間数 16時間 (2時間×8回)
※「3か月間の長期で実施したい」「1週間の短期で実施したい」等、ご要望に応じて研修期間を調整することができます。
日程 随時開催可 (ご希望の日程でお問合せください)
お問い合わせ・ご相談

この研修の関連資格

  • HTML5プロフェッショナル認定資格

研修の料金体系

研修の基本料金は受講者数に応じて決まります。また、カリキュラム内容をカスタマイズする場合や講師派遣をする場合、その他、英語研修や制作物を公開させたい等のご要望に応じて変動いたします。詳しくはぜひお気軽にお問い合わせ・ご相談ください。

お問い合わせ・ご相談

助成金のご活用

人材開発支援助成金(旧キャリア形成促進助成金)は、労働者のキャリア形成を効果的に促進することを目的とした厚生労働省の制度です。この助成金を利用することで、研修費用のほか、受講時間などに対する賃金の助成を受けられる場合があります。

  • 助成額年内最大1,000万円

    年度内に最大1,000万円助成可能

  • 経費助成1人当たり最大50万円

    1人当たり最大50万円(大企業は1人当たり最大30万円)経費助成可能

  • 賃金助成1人1時間最大960円

    受講者1人1時間当たり960円(大企業は480円)賃金助成可能

※助成金利用には一定の条件がございます。詳しくは厚生労働省の人材開発支援助成金(旧キャリア形成促進助成金)のページをご確認ください。

助成金申請のアドバイスを致します

助成金の申請方法がわからない、面倒だ、といった理由で助成金活用をあきらめないで下さい。インターネット・アカデミーでは実績のある社会保険労務士事務所の指導のもと、申請のアドバイスをいたしますので、お気軽にご相談ください。

助成金活用のご相談

JavaScript系の研修の実施事例

トヨタファイナンス株式会社

デジタル推進部 デジタル推進G
グループマネージャー 安井友規様
デジタル推進部 デジタル推進G
UI/UXディレクター 大沢俊介様
研修前の課題
  • デジタル推進部は中途採用の人材が多いため、社内のWeb・ITに対する知見やレベルが揃っていない
  • デジタル領域を内製化する動きに対し、人材育成が間に合っていない
  • デジタル領域に関する社内研修のノウハウがない
実施したIT研修
  • HTML+CSS+JavaScript研修
研修事例の詳細をみる

パーソルテクノロジースタッフ株式会社

カスタマー・エクスペリエンス 河野陽介様
ナレッジセンター 和田帆付様
研修前の課題
  • 登録型派遣エンジニアに提供する技術研修のノウハウが社内に無い
  • ReactやVue.jsといったJavaScriptフレームワーク・ライブラリスキルを持った人材需要が伸びており、市場価値が高いスキルを得られる機会をエンジニアに提供したい
実施したIT研修
  • フロントエンドエンジニアになるためのReact/Vue.js研修
研修事例の詳細をみる

インターネット・アカデミーならではのポイント

演習重視の研修で実践力が身につく

演習重視の研修
写真は演習用の機材を受講者に配布し、画面共有しながら行ったオンライン研修風景です。

インターネット・アカデミーでは、プログラミングやデザインの演習、ディスカッションなどアウトプットを重視した研修を行うため、実務で活かせるスキルが身につきます。オンライン研修でもコミュニケーションをはかれるインタラクティブな形式で演習を実施します。グループワークにも対応しているため、実地での研修と同様の教育効果が得られます。

御社に合わせたオーダーメイド研修

演習重視の研修

インターネット・アカデミーでは、御社の要望に合わせてカリキュラムのカスタマイズができます。JavaScript研修のカリキュラムの調整はもちろん、御社の業務の状況に合わせてカリキュラムを組むこともできます。専門のITコンサルタントがご要望をお伺いしますので、お気軽にご相談ください。

学習管理システム(LSM)で研修効果をリアルタイムに測定

学習管理システム(LSM)

研修担当者の方が研修の管理や効果測定するための学習管理システム(LSM)をご利用いただけます。LSMにはさまざまな機能が備わっています。詳しくは学習管理システム(LMS)のページをご確認ください。

  • 課題ファイルの管理
    講師からの課題の提出状況を確認することができます。
  • 日報や評価の機能
    受講者の日報を確認したり、受講者毎のスキルや講師からのコメントをご確認いただけます。
  • 受講者のITレベルの測定
    ITリテラシーとITに対する意欲を測定するサービスを提供しています。分野ごとのレポートが確認できるため、受講者の方の得意分野・苦手分野の把握ができます。
  • スキルチェックテスト
    研修内容に合わせてオリジナルのテストを作成できます。研修前後の確認テストなどにも活用できます。
  • eラーニングとデジタルテキスト
    研修によっては、eラーニングやデジタルテキストを利用することもできます。

関連するIT研修

法人向けIT研修のご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

御社のご要望に合わせて最適な研修プランを無料でご提案いたします。研修のご相談やお見積もり依頼等も承っておりますので、ぜひお気軽にお問い合わせください。

2022年春の研修はお席が埋まりやすいため、新卒研修・助成金利用をご検討の方はお早めにお問い合わせください。

  • 1.情報の入力
  • 2.内容の確認
  • 3.送信完了
会社名必須
部署名必須
お名前必須
ふりがな必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
お問い合わせ内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

プライバシー保護のため暗号化通信を使用しています。
このページの上へ