Svelte หรือ Svelte.js คือ JavaScript framework ฝั่ง Front End ที่ทำหน้าที่ในการออกแบบ User Interface อย่างไรก็ดีการทำงานของ Svelte จะแตกต่างออกไปจาก framework อื่นๆ โดยสิ้นเชิง
กล่าวคือ Svelte จะมีการ convert components ต่างๆ ของเว็บให้กลายเป็น code ที่มีประสิทธิภาพสูง ซึ่งจะ update ตัว DOM ด้วย ผลที่ตามมาก็คือตัวเว็บก็จะมี performance ที่ดีขึ้นอย่างก้าวกระโดด เปิดโอกาสให้นักพัฒนาสามารถสร้าง Web Apps อันซับซ้อนได้โดยไม่ต้องกังวลเรื่องการทำงานมากนัก
ถ้าสงสัยเรื่องการทำงานของ Svelte ลองอ่านได้ที่บทความ Svelte 3: Rethinking Reactivity ครับ
ดังนั้นถ้าคุณต้องการจะสร้าง Web Apps ยุคใหม่แบบ Reactive หรือว่าอยากหาทางเลือกอื่นนอกจาก React, Vue และ Angular แล้ว Svelte เป็นทางเลือกที่ควรค่าต่อการพิจารณาอย่างยิ่งครับ
ในโพสนี้เราจะมาดูกันว่าคอร์สสอน Svelte คุณภาพเยี่ยมมีอะไรบ้าง?
ข้อควรทราบ:
- ราคาและเงื่อนไขต่างๆ ของแต่ละคอร์สเรียนมีโอกาสเปลี่ยนได้ โปรดตรวจสอบกับทางเว็บไซต์อีกครั้งเพื่อความชัดเจนครับ
- สำหรับในการเรียนทุกคอร์ส คุณจะต้องมีความรู้ในส่วนของ JavaScript มาบ้าง แต่ไม่ต้องเก่งเทพครับ
Udemy
คอร์สสอน Svelte ทั้งหมดที่ผมจะแนะนำอยู่ในแพลตฟอร์มของ Udemy ใครที่ยังไม่รู้จักสามารถไปอ่านรายละเอียดเรื่องการเรียนต่างๆ ต่อได้ที่แพลตฟอร์มเรียนออนไลน์น่าใช้
สิ่งสำคัญที่สุดในการซื้อคอร์สกับ Udemy คือควรซื้อในช่วงลดราคาเท่านั้น การลดราคาจะมีแทบทุกสัปดาห์ครับ ทำให้คุณเข้าถึงคอร์สดีๆ ที่สอนโดยผู้เชี่ยวชาญได้ในราคาไม่กี่ร้อยบาทเท่านั้นเอง
ทว่าถ้าคุณเข้าลิงค์ไปแล้ว คอร์สเกิดไม่ลดราคา ตรงนี้ผมแนะนำให้รอ 2-5 วันครับ หรือว่าจะสมัครแจ้งเตือนกับ Victory Tale ไว้ก็ได้ ผมจะได้แจ้งทันทีเมื่อมี Sale ครับ
1. Svelte.js – The Complete Guide (incl. Sapper.js)
คอร์สสอน Svelte ที่จัดทำโดย Maximilian Schwarzmüller โปรแกรมเมอร์และนักพัฒนาเว็บผู้เรียนรู้ด้วยตนเองจนกลายเป็นมืออาชีพ ทำให้เขาเข้าใจเป็นอย่างดีว่าอะไรเป็นอุปสรรคของการเรียนรู้โดยไม่มีครูสอนอยู่ข้างๆ และกลายเป็นครูที่ดีเยี่ยมครับ
ปัจจุบันคอร์สของเขาทั้งหมดใน Udemy มีนักเรียนมากถึง 1.23 ล้านคน และกำลังเพิ่มขึ้นอย่างรวดเร็วด้วย
สิ่งที่ผมชอบที่สุดในการเรียนกับผู้สอนคนนี้คือ เขาไม่เคยปล่อยให้คอร์สของเขาล้าสมัยครับ เมื่อตัวภาษาหรือ framework มีการอัพเดต เขาจะเพิ่มเนื้อหาในคอร์สอย่างรวดเร็ว ทำให้คุณได้เนื้อหาใหม่ๆ มาเรียนโดยที่ไม่ต้องรอนานๆ ครับ
แนวทางการเรียนคอร์สนี้จะเป็นทฤษฎีผสมผสานกับการปฏิบัติโดยใช้ Svelte และ Sapper.js โดยคุณจะได้เรียนสิ่งต่อไปนี้ครับ
- พื้นฐานของ Svelte
- Syntax เบื้องต้นและฟีเจอร์หลักต่างๆ เช่น Reactive Variables
- Conditionals & Loops
- Reactivity และ Components (Component Types, Slots, Lifecycle ฯลฯ)
- Bindings & Forms
- การจัดการ State และ Data โดยใช้ Stores
- Motion, Transitions, Animations
- Network Interaction ผ่าน HTTP
- การทำ Routing และ Server-Side Rendering โดยใช้ Sapper
- การ Deploy App ของคุณ
ในแต่ละหัวข้อหลัก คุณจะได้ลองทำ project ที่ช่วยให้คุณฝึกทักษะการใช้งาน Svelte ตามที่ได้เรียนไปครับ ซึ่งจะเป็นสิ่งที่ช่วยให้คุณเก่งขึ้นอย่างรวดเร็ว รวมเนื้อหาแบบวีดิโอทั้งหมดในคอร์สจะอยู่ที่ 12.5 ชั่วโมงครับ
สำหรับเรื่องสำเนียงและคุณภาพเสียงในคอร์สนี้ ผมบอกได้เลยว่าชัดเจน ไม่มีปัญหาในการเรียนครับ เสียงของครูฟังง่ายมากจริงๆ
คะแนนรีวิวคอร์สนี้อยู่ที่ 4.7/5.0 จากนักเรียนกว่า 8,500 คนครับ
2. Svelte Tutorial and Projects Course
คอร์สสอน Svelte ที่จัดทำโดย John Smilga นักพัฒนาเว็บไซต์ที่เชี่ยวชาญด้าน JavaScript เป็นพิเศษ รวมไปถึง framework ต่างๆ ด้วย ซึ่งหนึ่งในนั้นก็คือ Svelte นั่นเองครับ
โดยส่วนตัวผมเคยเรียนคอร์สของเขามาแล้ว ผมต้องยอมรับถึงคุณภาพของเนื้อหาที่ละเอียดมาก เรียกได้ว่าถ้ามีส่วนไหนที่คุณต้องรู้ เขาจะถ่ายทอดให้คุณอย่างไม่ลังเล และอธิบายแบบเข้าใจง่ายสุดๆ ด้วยครับ โครงสร้างในคอร์สจะเป็นระเบียบ คุณจะรู้สึกไม่วกไปวนมาแต่อย่างใด
สิ่งที่คุณจะได้เรียนในคอร์สนี้จะเป็นการเรียนผ่านการทำโปรเจค (project-based) โดยจะแบ่งออกเป็น 2 โปรเจคได้แก่
- Budget Calculator – คุณจะได้ลองสร้าง Budget Calculator โดยใช้ Svelte ในส่วนนี้จะเป็นการสอนให้คุณได้เข้าใจถึงฟีเจอร์และ Syntax ต่างๆ ในระดับเบื้องต้นผ่านการลองทำจริงครับ
- Razors E-Commerce Project – โปรเจคใหญ่ที่จะใช้เวลาเรียนถึง 9 ชั่วโมงด้วยกัน คุณจะได้นำความรู้จากโปรเจคแรกมาต่อยอดและสร้าง Web Apps สำหรับ E-commerce ในโปรเจคนี้ ทั้งนี้คุณจะได้เรียนเนื้อหาใหม่เพิ่มเข้าไปอีกมากมาย เมื่อสร้าง App เสร็จแล้ว เขาจะสอนให้คุณ deploy app ของคุณโดยใช้ Heroku และ Netlify ครับ
โดยรวมแล้วเนื้อหาแบบวีดิโอของคอร์สนี้ยาว 15.5 ชั่วโมง เรียกได้ว่าครบถ้วนสมบูรณ์ในการใช้ Svelte เลยทีเดียวครับ
สิ่งเดียวที่ผมยอมรับว่าเป็นข้อเสียของคอร์สนี้คือ เสียงของครูผู้สอนจะอู้อี้ไปเสียหน่อย และน้ำเสียงจะไม่ clear เหมือนกับคอร์สแรก แต่ถ้าถามว่าต้องใช้ความพยายามมากในการฟังหรือไม่ ผมบอกได้แค่ว่าแค่เล็กน้อยเท่านั้นครับ ผมเรียนไปได้สักพักก็ชินไปเอง
คอร์สสอน Svelte อื่นๆ
หลายคนอาจจะสงสัยว่าทำไมคอร์สสอน Svelte ในโพสนี้ถึงยังมีน้อยนัก คำตอบก็คือคอร์สที่จัดทำขึ้นมายังมีน้อยมากครับ ส่วนหนึ่งเพราะ Svelte ยังไม่ได้รับความนิยมเท่ากับ React หรือ Vue นั่นเอง ซึ่งเมื่อคอร์สมีน้อยแล้ว คอร์สที่มีคุณภาพก็จะยิ่งน้อยลงไปอีก
อย่างไรก็ดีในปีนี้ถือว่าความนิยมของ Svelte เพิ่มมากขึ้นอย่างรวดเร็ว ในอนาคตผมเชื่อว่าในอนาคตจะมีคอร์สสอน Svelte คุณภาพเยี่ยมออกมาสู่ท้องตลาดอีกมากครับ ซึ่งแน่นอนว่าถ้าผมไปพบเจอ ผมจะนำมาใส่ในโพสนี้ครับ
