申込み受付中

🔸オンライン開催はこちら

Vue.js入門
-ver.3対応-

今、人気のVue.js入門がVer.3に対応しました!

Vue.jsは、オープンソースで開発されているユーザインターフェース向けのJavaScriptライブラリです。

これまでのフロントエンドJavaScriptフレームワークの良いところを取り入れており、性能と学習の容易さを兼ね備えた現実的なJavaScriptライブラリです。

このコースでは、JavaScriptの学習経験がある方に向けて、Vue.jsの導入方法・基本的な作り方・リアクティブ・Vue CLI・Vue Router・いろいろなUIの実現方法などを、ハンズオンを織り交ぜながらステップアップで学んでいきます。

このコースを受講することで、最新のVue.jsを使って、様々なUIを備えたWebアプリケーションを作成できるようになります。

コースフロー

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を使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
  • 研修の内容
    ■ 概要と準備
     □ Vue.jsとは
     □ まずは簡単なものを作ってみる
    ■ Vue.jsの基礎
     □ Composition APIについて
     □ Vueインスタンス
     □ HTMLテンプレート
     □ setup関数
    ■ リアクティブ
     □ ユーザーの操作に反応する
     □ 購入する数でリアクティブに金額を変える
     □ 算出属性(computed)、監視属性(watch)
    ■ 画面要素の表示と非表示
     □ 条件によって表示内容を切り替える
     □ コンポーネントの追加
     □ サイドメニューを開閉する
     □ トランジション
    ■ 単一ファイルコンポーネント(SFC)
     □ 単一ファイルコンポーネントとは
     □ Vue CLIの導入
    ■ データを一覧表示する
     □ サーバーサイドからデータをGETする
     □ 繰返しを使って商品を一覧表示する
    ■ コンポーネント間での情報の共有
     □ propsとカスタムイベント
     □ storeパターン
     □ スロット
    ■ 入力を受け付ける
     □ 入力フォーム
     □ 双方向データバインド
    ■ Vue Router
     □ Routerの定義
     □ 画面の切り替え
    ■ その他、よく利用されるUIの実現
     □ カルーセル 等
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後Vue.jsを使用してフロントエンドWebアプリケーション開発を担当する方
    ■ これまで、フロントエンドのWebアプリ開発に携わったことがあり、Vue.jsの導入に興味がある方
    ■ jQueryの代替をお探しの方
  • 前提条件
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    ■ Windows 10以降
    ■ Vue.js v3以降
    ■ Node.js v12以降
    ■ Webブラウザ(Chrome)
    ■ テキストエディタ(Visual Studio Code)
    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ※ソースコード等はオンラインストレージにて配布いたします。
  • 開催日数
    2日間
  • 受講料
    99,000円
    (税込)※受講料にはテキスト代も含まれます。
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送、もしくは研修当日に手渡しさせていただきます。
  • 持ち物
    特にございません
  • 時間
    9時30分~17時00分

開催日程

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