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

一つの小規模なSPAアプリケーションをグループで作成するワークショップを実施します。
利用する技術として、習得しやすく高機能なVue.jsとサーバサイドで定評あるExpressを利用します。
実施の際には、設計に関するディスカッションや、グループで協力して実装を行うなどを取り入れる予定です。
当コースはワークショップですので、ディスカッションの時間や設計/コーディングの時間をなるべく多く取る予定です。
グループで話し合いながら実装を進め、より充実した学びの時間を取っていきたいと思います。

当コースを修了した時点で、次のことができることを目標とします。
・Vue.jsとNode.js(+Express)を使って基礎的なSPAアプリケーションを作成しテストできる
・SPAアプリケーションを設計/実装する際の"考慮するポイント"を理解できる

・Vue.jsやNode.jsの基礎は学んだが、実際的にSPAアプリケーションをどう作成していくのか体験したい方

・Vue.jsを使って簡単なアプリケーションを作成できる方
・Expressを使って簡単なアプリケーションを作成できる方
・『Vue.js入門(MBJ04)』『Node.js入門　-Expressを使ったWebAPI開発-(MBJ03)』をご受講いただいた方もしくは、
　 同等の技術を習得している方
・ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
・ 何らかのテスティングフレームワーク(JUnit等)を使ってテストコードの記述を行ったことのある方

1.開発環境準備
2.TypeScript要点速習
　型アノテーション
　インターフェイス
3.Expressを簡単におさらい
4.Express単体テスト
　Jestによる単体テスト実装
5.サーバサイド(REST API)設計/実装ポイント
　WebAPI URL設計
　プロジェクト内フォルダの構成
　共通ライブラリの管理
　ロギング
6.サーバサイド(REST API)設計/実装ワークショプ
7.Vue.jsを簡単におさらい
　Vueコンポーネント
　主要なディレクティブ
8.Vue.jsコンポーネント単体テスト
　Jestによる単体テスト実装
9.フロントエンド設計/実装ポイント
　コンポーネント分割設計(Atomic Design)
10.フロントエンド(SPA)設計/実装ワークショプ

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

実行環境

・ macOS 10.12以降
・ Vue.js v2.6以降
・ Node.js v10以降
・ TypeScript v3.5以降
・ Webブラウザ(Chrome)
・ テキストエディタ(Visual Studio Code)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

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

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


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

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

Vue.js入門(MBJ04 )
Node.js入門　-Expressを使ったWebAPI開発-(MBJ03 )