Java・Ruby・Androidの初心者や中級者以降の方への教育・研修、コンサルティング事業を展開している株式会社ナレッジエックス

お問い合わせ | セミナー・研修お申込み

astah*

ナレッジエックスは株式会社チェンジビジョンの
教育パートナーです。

毎日新聞デジタル 注目企業50

ナレッジエックスが毎日新聞デジタルの
「注目企業50」に選出されました!

ナレッジエックス社長のブログ


Vue.js入門
概 要

今注目の親しみやすく高性能なVue.jsを学べる二日間のコースです。

Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。 これまでのフロントエンドJavaScriptのフレームワークの良いところを取り入れており、生産性と拡張性を兼ね備えた現実的なJavaScriptライブラリという特長があります。 このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの段階的な導入方法・基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。その過程で、webpackを使ったVue.jsアプリケーション開発のための環境設定方法も学べます。 このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。

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

対 象 者
  • 今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
  • これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
  • jQueryの代替をお探しの方
前 提 条 件
  • HTMLおよびCSSを利用して簡単なWebページを記述できる方
  • JavaScriptを利用して簡単なWebアプリケーションを記述できる方
  • 『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-』コースをご受講いただいた方もしくは、同等の技術を習得している方
受講後目標スキルレベル
  • Vue.jsを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
  • サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
  • Vue.jsアプリケーション開発のために、webpackの環境設定ができる
カリキュラム
  • 概要と準備
    • Vue.jsとは
    • Vue.jsの仕組み
  • Data-Bind
    • HTMLファイル(template定義)
    • Vueインスタンス生成
    • data属性、methods属性
    • v-model属性
    • computed属性
  • Directive
    • 分岐制御(v-if, v-else)
    • 繰返し制御(v-for)
    • イベントの取り扱い(v-on)
  • Component
    • 単一ファイルComponent(vueファイル)
    • vueファイルのバンドル(結合)
    • webpackでのVueLoaderの設定
  • WebAPI利用
    • 外部ライブラリ(axios)の利用
    • ライフサイクルフック
  • Vue-Router
    • Routerの定義
    • Pathチェンジ指定
    • Route定義ファイル作成
  • 付録:Vuex(状態管理)
    • Vuexの状態管理
    • 非同期処理の扱い

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

実 行 環 境
  • Windows 7以降
  • Vue.js v2以降
  • Node.js v8以降
  • テキストエディタ(Visual Studio Code)

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

受 講 期 間

13時間(2日間)

日 時
  • 2020年2月17日~2020年2月18日(2日間)9時30分~17時00分
  • 2020年3月9日~2020年3月10日(2日間)9時30分~17時00分
会 場

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

受 講 料 金

94,050円(税込)※受講料にはテキスト代も含まれます。

お申し込みフォームを表示する

※knowledge-ex.co.jpドメインのサーバで運用されています

Web技術研修 オープンコース コース一覧

コース名日数会場価格(税込)詳細
しっかり学ぶモダンJavaScript
-関数、モジュール、DOM、ECMAScript2019-
2日 東京都
港区
94,050円 詳細
JavaScript応用 -HTML5 API活用編- 2日 東京都
港区
94,050円 詳細
Vue.js入門 2日 東京都
港区
94,050円 詳細
React/Redux開発入門 2日 東京都
港区
141,075円 詳細

お申し込みフォームを表示する

講義風景のサンプル動画、教材のサンプルとなっている「フリー教材」は、こちらでご覧いただけます。

開催場所、日程等についても、可能な限りご要望にお応えします。定期コースを自社オフィスで開催して欲しい、土日に開催して欲しい、など・・・受講者人数が少なくても大丈夫です。お気軽にご相談ください。お問い合せは、下記のボタンからお願いいたします。

お問い合わせフォームを表示する