概 要

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

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

※当コースは株式会社カサレアルが主催するコースとなります

対 象 者

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

前 提 条 件

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

受講後目標スキルレベル

• 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)設計/実装ワークショプ

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

実 行 環 境

• macOS 10.12以降
• Vue.js v2.6以降
• Node.js v10以降
• TypeScript v3.5以降
• Webブラウザ（Chrome）
• テキストエディタ（Visual Studio Code）

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

受 講 期 間

19.5時間(3日間)

日 時

会 場

カサレアル泉岳寺トレーニングセンター

受 講 料 金

141,075円（税込）※受講料にはテキスト代も含まれます。