ในปัจจุบันภาษา JavaScript เป็นภาษาที่ได้รับความนิยมสูงสุดในการนำมาทำในส่วนของ Front End เพราะมีความยืดหยุ่นสูง โดยในปัจจุบันมี JavaScript Framework ที่ได้รับความนิยมอยู่หลายตัว อันได้แก่ Angular, Vue, React ซึ่งทั้งสามตัวนั้นมีความสามารถและข้อดีข้อเสียแตกต่างกันขึ้นอยู่กับการใช้งาน
                      Svelte เป็น JavaScript Framework ตัวใหม่ที่น่าจับตามองเป็นอย่างมากเพราะมีคะแนนใน Stack Overflow สูงสุดในส่วนของภาษาที่นักพัฒนาชอบ เนื่องจากตัว Svelte เองเอาความสามารถและจุดเด่นของทั้ง 3 Framework มารวมกันทำให้ได้ทั้งการเขียนที่ง่ายขึ้นและมี Performance ดีกว่า React ในหลายจุด
                     ในหลักสูตรนี้ก็จะเน้นไปที่การนำ Svelte มาพัฒนาเป็น web application โดยจะแบ่งเป็นภาคทฤษฎี 30% และปฏิบัติ 70% โดยจะมีการทำ Workshop ด้วย Svelte เชื่อมโยงกับ Backend ผ่าน REST API และแสดงแต่งส่วนของการแสดงผลด้วย Tailwind CSS framework

• นักพัฒนาระบบ
• นักออกแบบระบบ

คุณสมบัติของผู้เข้าอบรม
• นักพัฒนาที่มีความรู้ในการเขียนโปรแกรมภาษา JavaScript, HTML, CSS เป็นอย่างดี
• นักพัฒนาที่มีความรู้ความเข้าใจในการทำงานของ Web Application เป็นอย่างดี

• เข้าใจกระบวนการทำงานของ Svelte ว่าต้องมีขั้นตอนและเครื่องมืออะไรบ้างในแต่ละขั้นตอน
• เข้าใจวิธีการจัดการ State ของ Svelte ในการจัดการการแสดงผลของ UI
• เข้าใจวิธีการสื่อสารระหว่าง Svelte กับ Backend ผ่าน REST API
• เข้าใจวิธีการนำข้อมูลที่ได้จาก REST API มาแสดงและตบแต่งด้วย Tailwind CSS
• เข้าใจวิธีการ Validate Form พร้อมการแสดง Error
• เข้าใจวิธีการจัดการ Route ในฝั่ง Client

Day 1
INTRODUCTION TO SVELTE
  • Basic
  • Adding data
  • Dynamic attributes
  • Styling
  • Nested components
  • HTML Tags
  • Reactivity
  • Props
  • Logic
  • Events
Day 2
SVELTE IN ACTION
  • Bindings
  • Lifecycle
  • State Management (Stores)
  • Motion
  • Transitions
  • Animations
  • Actions
  • Classes
  • Component composition
  • Context API
  • Special elements
  • Module context
  • Debugging
Day 3
SVELTE IN PRACTICE WITH SVELTEKIT
  • Getting Started
  • Routing
  • Pages
  • Endpoints
  • Private Modules
  • Advance routings
  • Layouts
  • Nested layouts
  • Resets Layouts
  • Error Pages
  • Loading
  • Hook
SVELTEKIT WITH TAILWIND CSS
  • How to config svelte using tailwind css framework
  • Create components
  • Responsive Design

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.

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,ttd@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.