申込み受付中

Vue.js&Node.jsによるSPA開発ワークショップ
-REST、テスト、TypeScript-

JavaScriptでフロントエンド(SPA)とサーバーサイド(REST API)を一気通貫に開発する手法を能動的に体験できるワークショップコースです。


一つの小規模なSPAアプリケーションをグループで作成するワークショップを実施します。

利用する技術として、習得しやすく高機能なVue.jsとサーバサイドで定評あるExpressを利用します。

実施の際には、設計に関するディスカッションや、グループで協力して実装を行うなどを取り入れる予定です。

当コースはワークショップですので、ディスカッションの時間や設計/コーディングの時間をなるべく多く取る予定です。

グループで話し合いながら実装を進め、より充実した学びの時間を取っていきたいと思います。

コースフロー

HTML5・JavaScript研修 初歩から学ぶHTML5/CSS3入門 JavaScriptで学ぶ初めてのプログラミング jQueryによるAjaxアプリケーション開発-REST、JSON、WebSocket- モダンJavaScript入門 JavaScript応用-HTML5API活用編- TypeScriptイントロダクション -JavaScript応用- Angular入門 React入門 -Hooks、ContextAPI、MaterialUI対応- Vue.js入門 -ver.3対応- Reduxワークショップ -React応用- React Native入門 Angular&Spring BootによるSPA開発ワークショップ-REST、認証、ページネーション- Node.js入門 -Expressを使ったWebAPI開発- Vue.jsとNode.jsによるSPA開発ワークショップ

研修概要

  • 研修の目的
    ■ Vue.jsとNode.js(+Express)を使って基礎的なSPAアプリケーションを作成しテストできる
    ■ SPAアプリケーションを設計/実装する際の"考慮するポイント"を理解できる
  • 研修の内容
    ■ 開発環境準備
    ■ TypeScript要点速習
     □ 型アノテーション
     □ インターフェイス
    ■ Expressを簡単におさらい
    ■ Express単体テスト
     □ Jestによる単体テスト実装
    ■ サーバサイド(REST API)設計/実装ポイント
     □ WebAPI URL設計
     □ プロジェクト内フォルダの構成
     □ 共通ライブラリの管理
     □ ロギング
    ■ サーバサイド(REST API)設計/実装ワークショプ
    ■ Vue.jsを簡単におさらい
     □ Vueコンポーネント
     □ 主要なディレクティブ
    ■ Vue.jsコンポーネント単体テスト
     □ Jestによる単体テスト実装
    ■ フロントエンド設計/実装ポイント
     □ コンポーネント分割設計(Atomic Design)
    ■ フロントエンド(SPA)設計/実装ワークショプ
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ Vue.jsやNode.jsの基礎は学んだが、実際的にSPAアプリケーションをどう作成していくのか体験したい方
  • 前提条件
    ■ Vue.jsを使って簡単なアプリケーションを作成できる方
    ■ Expressを使って簡単なアプリケーションを作成できる方
    ■ 弊社オープンコース『Vue.js入門 -ver.3対応-』『Node.js入門 -Expressを使ったWebAPI開発-』をご受講いただいた方もしくは、
      同等の技術を習得している方
    ■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
    ■ 何らかのテスティングフレームワーク(JUnit等)を使ってテストコードの記述を行ったことのある方
  • 実行環境
    ■ macOS 10.12以降
    ■ Vue.js v2.6以降
    ■ Node.js v10以降
    ■ TypeScript v3.5以降
    ■ Webブラウザ(Chrome)
    ■ テキストエディタ(Visual Studio Code)
    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ 弊社オリジナルセミナーテキスト
    ※ソースコード等はオンラインストレージにて配布いたします。
  • 開催日数
    3日間
  • 受講料
    148,500円
    (税込)※受講料にはテキスト代も含まれます。
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送、もしくは研修当日に手渡しさせていただきます。
  • 持ち物
    特にございません
  • 時間
    9時30分~17時00分

開催日程

HTML5・JavaScript研修に関する研修一覧