Advance Nuxt.js

  • SW041
  • Classroom
  • Fundamental
  • Thai | 0
Digital Technology

Course description

Time
Days :
2 Day(s)
Duration :
12 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
24 November 2022 - 25 November 2022
Status :
ปิดรับลงทะเบียน (ชั่วคราว)
Instructor
Language :
Thai
Venue
Venue :
Software Park Training Room 3rd floor, Software Park Building Chaengwattana Road, Pakkred Nonthaburi
Type :
Classroom
Advance Nuxt.js

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 ได้อย่างสะดวกสบายและสวยงาม

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

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

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


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

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

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

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

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

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

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

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 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 ttd@swpark.or.th

        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

Notes:
- 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

Email: patsorn@swpark.or.th

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

8,000 THB .

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

Enroll nowขออภัย ขณะนี้ปิดรับลงทะเบียนแล้ว

Course Detail :
Days :
2 Day(s)
Duration :
12 Hour(s)
Time :
09:00:00 - 16:00:00
Training Date :
24 November 2022 - 25 November 2022
Status :
ปิดรับลงทะเบียน (ชั่วคราว)

Instructor info
avatar
Mr.Sommai Krangpanich