Svelte Cybernetically enhanced web apps
- TTDG22
- Classroom
- Fundamental
- Thai | 0
หลักสูตรนี้ก็จะเน้นไปที่การนำ Svelte มาพัฒนาเป็น web application โดย Svelte เป็น JavaScript Framework ตัวใหม่ที่น่าจับตามองเป็นอย่างมากเพราะมีคะแนนใน Stack Overflow สูงสุดในส่วนของภาษาที่นักพัฒนาชอบ เนื่องจากตัว Svelte เองเอาความสามารถและจุดเด่นของทั้ง 3 Framework มารวมกันทำให้ได้ทั้งการเขียนที่ง่ายขึ้นและมี Performance ดี
Course description
Time
Instructor
Venue
Svelte Cybernetically enhanced web apps
ในปัจจุบันภาษา 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 "สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ" (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 email ttd@swpark.or.th
2.1 ธนาคารกรุงเทพ สาขาอุทยานวิทยาศาสตร์
Saving Account Number: 080-0-00001-0
Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
2.2 ธนาคารกรุงไทย สาขาตลาดไท
Saving Account Number: 152-1-32668-1
Account Name: สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
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:
คุณภัสสร พรทิพย์
Ms. Patsorn Pornthip
Tel: 02583-9992 Ext. 81422
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.
12,000 THB .
สำคัญ!!! กรุณารอการยืนยันเปิดการอบรมจากเจ้าหน้าที่ก่อนการชำระค่าลงทะเบียน
Course Detail :
Instructor info
