[オンライン開催]Vue.js入門
-ver.3対応-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)

※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
システム要件 インターネットに接続できること
Webカメラおよびマイク

※PC本体の他に、モニターやiPad等、画面表示できるものがあると便利です。
OS Windows 10、macOS

※環境構築動画をご覧いただいて、環境構築できるスペックのPCであれば問題ございません。


◆事前環境構築

使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。

・JavaScript環境構築動画

環境構築を実施いただけていない場合、コースをご受講いただくことができません。


◆コース説明

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

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

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

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

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


※開催方法変更のお知らせ※
本コースは、2021年10月からオンラインの開催方法を変更いたします。
10月以降の開催日程にお申込みを希望される方は、下記コースページをご参照いただきますようお願いいたします。
【下期版】[オンライン開催]Vue.js入門 -ver.3対応-

コースフロー

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開発ワークショップ 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分

開催日程

  • 申込受付終了
    2021年9月21日~2021年9月22日(2日間)
    【会場】 オンライン

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