No account yet?
You are here:: Training/Seminar Training Schedule Advance Nuxt.js

Advance Nuxt.js

Categories : Software Technology
Posted by : patsorn | Posted On : Wednesday, 05 January 2022 10:06
Training Date : 24 November 2022 - 25 November 2022

สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน

17 May 2022 - 18 May 2022
Please Login before registering . No account ? signup here
กรุณา ล็อกอิน ก่อนลงทะเบียน หรือสร้างบัญชีผู้ใช้ใหม่ได้ ที่นี่
Time : 12 Hour(s)
Days : 2 Day(s)
Duration : 09:00 - 16:00
Fee : 8,000 THB (Excluded Vat 7%)
Language : Thai
Instructor : Mr.Sommai Krangpanich
Objectives :

Nuxt.js เป็น Framework ของ Vue.js ตัวนึงที่ได้รับความนิยมเป็นอย่างมากเนื่องจากเป็นเครื่องมือที่ออกแบบมาให้สำหรับเอาไว้พัฒนา Web Application ที่มีความสามารถในการทำ Single Page Application พร้อมมาด้วย Feature เด่น ๆ มากมายเช่น SSR (Server Side Render), Page Route เป็นต้น ซึ่งใน class นี้เราจะเลือกใช้วิธีการพัฒนาด้วย Typescript

เรียนรู้วิธีการใช้งาน Vue Apollo ซึ่งเป็น GraphQL Client ตัวนึงที่จะทำหน้าที่ในการเรียกใช้งาน REST API ได้สะดวกมากขึ้นสามารถกำหนดรูปแบบข้อมูลที่ต้องการดึงมาเรียกใช้งานได้ ลด service endpoint ให้เหลือเพียงอันเดียว และมีการทำ client side cache เพื่อลดภาระ server

เรียนรู้วิธีการทำ UI ด้วย Vuetify ซึ่งเป็น UI Library ที่ออกแบบมาด้วย concept ของ Material Design มี component ที่พร้อมและครอบคลุมการพัฒนา web application ได้อย่างสะดวกสบายและสวยงาม

Who Should Attend :

-          นักพัฒนาระบบ

-          นักเรียนนักศึกษา

ความรู้พื้นฐาน :

­    มีความรู้ด้านการเขียนโปรแกรมภาษา Java Script, HTML, CSS

­    มีความรู้ด้านการทำงานของ web application เป็นอย่างดี

­    มีความรู้ในการใช้ Vue.js ขั้นพื้นฐาน

­    มีความรู้ในการการทำงานของ REST API

Benefits :

-          เรียนรู้วิธีการพัฒนา Vue.js ด้วย Nuxt.js

-          เรียนรู้วิธีการพัฒนา  UI ด้วย  Vuelify

-          เรียนรู้วิธีการเรียกใช้ GraphQL ด้วย Vue Appollo เพื่อดึงข้อมูลจาก REST API มาแสดงที่หน้า UI

Course Outline :

Day: 1

  • Preparing the Development Environment
  • Installing and configuring Nuxt.js
  • Creating a route
  • Adding navigation
  • Working with parameters
  • Applying a layout
  • Styling Nuxt.js with Vuetify
  • State Management with VueX

Day: 2

  • Configuring routing settings
  • Authentication
  • Debugging the Application
  • Backend Development Using GraphQL
  • Building an SPA, universal app, and a static site
  • Deploying the Application with docker
Payment Condition :

Payment can be made by:

    1. Cash or Credit Card or Bank Cheque payable to “Software Park Thailand #2” (a post-dated cheque is not accepted) on the first day of the service or within the last day of the service.
     2. Account transfer and send the proof of the payment (the deposit slip) via fax or email to fax no. 02-583-2884 or email

        2.1 Siam Commercial Bank, Chaengwattana Branch
             Saving Account Number: 324-2-56262-0
             Account Name: Software Park Thailand#2

        2.2 Krungsri Bank, Chaengwattana (Software Park) Branch
             Saving Account Number: 329-1-34850-3
             Account Name: Software Park Thailand#2

- Withholding tax (3%) is exempt.
- Should you need to withdraw, you must send the notice of the withdrawal in writing no later than 7 working days before the commencement date. The cancellation less than 7 days will be subject to a fine of 40% of the fee.
- Software Park Thailand reserves the rights to cancel courses due to unforeseen circumstances.

Contact Person :

For more information, contact our course coordinator on:

Patsorn Porntip

Tel: +66-2583-9992 Ext. 1422

Fax: +66-2583-2884


You are encouraged to use the course schedule as a guide to plan your training. The schedule is accessible at for more information.