3 คอร์สสอน Vue.js ออนไลน์ที่เรียนแล้วใช้งานได้จริง (ครอบคลุม Vue 3)

Vue.js หรือเรียกสั้นๆ ว่า Vue คือหนึ่งใน framework ที่สำคัญของ JavaScript ประโยชน์ของ Vue.js มีมากมายโดยเฉพาะในการสร้าง User Interface และ Single-page application (SPA) สำหรับ web apps ต่างๆ

คงไม่มีใครปฏิเสธได้ว่า Vue.js คือเครื่องมือสำคัญในการพัฒนา front end เช่นเดียวกับ framework อื่นๆ อย่างเช่น React.js และ Angular แม้ว่าความนิยมในปัจจุบันอาจจะยังเทียบไม่ได้ก็ตาม แต่ในอนาคตนั้นไม่แน่ เพราะมีการใช้งานเพิ่มขึ้นอย่างก้าวกระโดดในระยะหลังครับ

นักพัฒนาที่มีความชำนาญในการใช้งาน Vue.js ได้รับค่าตอบแทนสูงไม่แพ้ developer อื่นๆ โดยเฉพาะถ้าคุณเป็น Full Stack Developer คุณจะยิ่งได้ค่าตอบแทนสูงขึ้นไปอีก ดังนั้น Vue.js จึงเป็นหนึ่งใน framework ที่น่าสนใจที่คุณจะเพิ่มเข้าไปในทักษะทางด้าน IT ของคุณ

ในโพสนี้ผมจะแนะนำคอร์สออนไลน์ดีๆ ที่จะสอน Vue.js อย่างละเอียด และเมื่อคุณเรียนจบแล้ว ความรู้เหล่านี้สามารถนำไปใช้ได้จริงครับ

ข้อควรทราบ:

• ราคาและเงื่อนไขของคอร์สต่างๆ อาจจะเปลี่ยนแปลงไปได้ เพราะฉะนั้นผมแนะนำให้ตรวจสอบกับทางเว็บไซต์ผู้บริการอีกครั้งก่อนที่จะตัดสินใจครับ
• สำหรับผู้สนใจที่จะเรียนการสร้าง Web App ด้วย Vue.js เราจะต้องมีความรู้ของ HTML, CSS, และ Javascript มาก่อนในระดับหนึ่ง อย่างไรก็ดีเราสามารถเรียนได้โดยไม่จำเป็นต้องเก่งเทพนะครับ

1. Vue Mastery

Vue Mastery เป็นเว็บไซต์ที่สร้างขึ้นมาโดยผู้เชี่ยวชาญการเขียนโปรแกรมหรือ web app ด้วย Vue.js ดังนั้นแพลตฟอร์มนี้จึงเป็นทางเลือกที่ดีที่สุดในการเรียน Vue.js อย่างไม่สงสัย นอกจากตัวคอร์สเรียนแบบวีดิโอคุณภาพเยี่ยมแล้ว คุณสามารถใช้ทรัพยากรอื่นๆ เพื่อให้คุณเรียนได้อย่างมีประสิทธิภาพได้ด้วยเช่นกัน

คอร์สเรียนของ Vue Mastery จะใช้เป็น Vue 2 และ Vue 3 และมีคอร์สที่ช่วยให้คุณแก้ไขโค้ดของคุณจาก Vue 2 มาเป็น Vue 3 ด้วย ดังนั้นคุณไม่ต้องกังวลว่าสิ่งที่คุณเรียนไปจะล้าสมัยครับ

ตัวอย่างคอร์สเรียน Vue 3 ที่น่าสนใจมีดังต่อไปนี้

• Intro to Vue 3 – แนะนำพื้นฐานของ Vue 3 รวมไปถึงทักษะเบื้องต้นอย่าง Attribute Binding และ Conditional Rendering
• Real World Vue 3 – การใช้งาน Vue 3 เพื่อสร้าง app ที่ใช้งานได้จริง (Vue CLI, Vue Router)
• From Vue 2 to Vue 3 – แนะนำเครื่องมือตัวใหม่ๆ ที่ปรากฏใน Vue 3 และการเปลี่ยนแปลงโค้ดที่คุณควรทราบจาก Vue 2 สู่ Vue 3
• Scaling Vue with Nuxt.js – การใช้ Vue 3 กับ Nuxt.js
• Vue 3 + TypeScript – การใช้ Vue 3 ควบคู่ไปกับ TypeScript ใน web app ของเรา
• Component Design Pattern – การแยกเว็บไซต์เป็น component ต่างๆ ซึ่งจะง่ายต่อการจัดการ รวมไปถึงวิธีการป้องกัน bugs ที่อาจจะเกิดขึ้นเมื่อมีความผิดพลาดในการเขียนโค้ด
• สร้าง App ที่เหมือนกับ Gmail และ Trello โดยใช้ Vue
• และอื่นๆ อีกมากมาย

รวมแล้ว Vue Mastery มีคอร์สเรียน Vue.js นับสิบคอร์สเลยทีเดียว และครอบคลุมทุกอย่างที่คุณควรรู้เกี่ยวกับ Vue เลยครับ

ราคาคอร์สเรียนของ Vue Mastery

ค่าเรียนจะใช้ระบบสมัครสมาชิก โดยจะเริ่มต้นที่เดือนละ $15.83 หรือประมาณ 480 บาทต่อเดือนถ้าจ่ายเป็นรายปี ขณะที่รายเดือนจะอยู่ที่ $19 หรือประมาณ 570 บาทครับ ซึ่งตัวราคาก็ถือว่าสูงกว่าคอร์สของ Udemy

อย่างไรก็ดีผมมองว่าคุ้มค่ากับการลงทุน เพราะจะหาคอร์สดีๆ ที่ครบถ้วน และสอนโดยผู้เชี่ยวชาญแบบนี้นั้นหาได้ไม่ง่ายเลยครับ การได้รับคำแนะนำจากคนที่เก่งจริงๆ จะทำให้คุณเป็นผู้ใช้งาน Vue ที่เก่งกาจอย่างรวดเร็วครับ

คุณสามารถทดลองเรียนได้ ณ วันนี้เลย โดยไม่ต้องลงทะเบียนใดๆ ทั้งสิ้น เพียงแค่กดคลิกผ่านลิงค์ไปก็ลองเรียนบทแรกๆ ได้ทันทีครับ

คอร์สสอนพื้นฐาน Vue.js บน Udemy

คอร์สสอน Vue.js ที่ผมจะแนะนำเกือบทั้งหมดจะอยู่ในแพลตฟอร์มของ Udemy ซึ่งเป็นแพลตฟอร์มคอร์สเรียนออนไลน์ที่ใหญ่ที่สุดในโลกในปัจจุบัน จำนวนคอร์สที่มีให้เรียนนั้นมีมากถึง 130,000 คอร์สเลยทีเดียว

จุดเด่นสำคัญของ Udemy คือตัวคอร์สจะเป็นแบบซื้อขาด ดังนั้นไม่มีข้อจำกัดใดในการเรียนทั้งสิ้น คุณสามารถเรียนได้ทุกที่ทุกเวลาตราบใดที่คุณเข้าถึงอินเตอร์เน็ต การเรียนผ่าน Smartphone และ Smart TV ก็สะดวกสบาย เพราะตัว app เสถียรมาก นอกจากนี้ถ้าผู้สอนอัพเดต content ใหม่ (ซึ่งจะทำบ่อยๆ สำหรับคอร์สเทคโนโลยีต่างๆ) คุณจะได้เนื้อหาใหม่แบบอัตโนมัติโดยไม่จำเป็นต้องซื้อ DLC แต่อย่างใด

อย่างไรก็ดีการซื้อคอร์สกับ Udemy ควรจะซื้อในช่วงลดราคาเท่านั้น เพราะการลดราคาของแพลตฟอร์มจะลดค่าคอร์สไปถึง 90% จนเหลือไม่กี่ร้อยบาทเท่านั้น และการลดราคายังมีบ่อยๆ ด้วย ถ้าคุณเปิดลิงค์เข้าไปแล้วเจอราคาเต็ม ผมแนะนำให้รอ 2-5 วัน หรือว่าจะสมัครแจ้งเตือนของ Victory Tale ไว้ก็ได้ครับ

เรามาดูกันดีกว่าคอร์สสอน Vue.js ที่น่าสนใจมีคอร์สไหนบ้าง

2. Vue – The Complete Guide (w/ Router, Vuex, Composition API)

คอร์สสอน Vue.js ที่พัฒนาโดย Maximilian Schwarzmüller หนึ่งในครูสาย Developer ที่ได้รับความนิยมมากที่สุดใน Udemy โดยนักเรียนที่ลงคอร์สของเขามีจำนวนมากถึงเกือบ 1,200,000 คนเลยทีเดียว เขาเองก็เป็นโปรแกรมเมอร์ที่เรียนรู้ด้วยตนเองจนสามารถรับงานเขียนโปรแกรมในฐานะ Freelance มาจนปัจจุบัน

สิ่งที่คุณจะได้เรียนในคอร์สคือ Vue 3 (ใหม่ล่าสุด) โดยจะมีรายละเอียดดังต่อไปนี้

• Vue.js คืออะไร และทำไมคุณถึงควรเรียนหรือใช้งาน?
• คอนเซปต์พื้นฐานของ ฺVue.js อย่างเช่น Syntax ต่างๆ
• การ Output ในส่วนของ Reactive Data
• Interacting with DOM (Rendering Lists, Conditional Content ฯลฯ)
• การใช้งาน Components
• การใช้งาน Vue CLI
• การส่งคำสั่ง HTTP Requests ไปยัง Backend API
• User Authentication
• ทำให้ apps ของคุณสวยขึ้นด้วย Animation และ Transition
• การ optimization
• วิธีการสร้าง SPA โดยใช้ Routing
• การใช้ Vuex ในการพัฒนา State Management
• และอื่นๆ อีกมากมายที่เกี่ยวกับ Vue.js

นอกจากเนื้อหาเหล่านี้แล้ว คุณจะได้ทำโปรเจคที่ใช้งานได้จริงโดยใช้ Vue.js มากมาย โดยโปรเจคใหญ่จะมีอยู่ 3 ชิ้นด้วยกัน นั่นก็คือคุณจะได้สร้างเกม Monster Slayer, สร้าง web app ที่ช่วยจัดการเอกสารการเรียน รวมไปถึง web app ที่รับสมัคร coach

คอร์สนี้เป็นคอร์สเรียน Vue.js ที่ละเอียดที่สุดใน Udemy และอาจจะในโลกออนไลน์ด้วยซ้ำไป เพราะมีเนื้อหามากถึง 48.5 ชั่วโมงด้วยกัน อย่างไรก็ดีเนื้อหาตอนท้าย (ประมาณ 10 ชั่วโมง) จะเป็นเนื้อหา Vue 2 ซึ่งเป็น version เก่าของ Vue ครับ ซึ่งคุณจะเรียนหรือไม่เรียนก็ได้

โดยรวมแล้วคอร์สนี้เหมาะสำหรับใครที่ชอบความละเอียดครับ เพราะเนื้อหาจะเจาะลึกกว่าคอร์สอื่นอย่างชัดเจน และช่วยแก้ข้อสงสัยของคุณได้เป็นอย่างดี

คะแนนรีวิวของคอร์สนี้ได้ไป 4.7/5.0 จากนักเรียนเกือบ 139,000 คน จำนวนนักเรียนที่มากขนาดนี้เรียกได้ว่านำคอร์สอื่นๆ เป็นปีแสงเลยครับ

3. Vue JS Essentials with Vuex and Vue Router

คอร์สสอน Vue.js ที่จัดทำโดย Stephen Grider ผู้เป็น Front End Developer ให้กับบริษัทชั้นนำหลายต่อหลายแห่งในย่าน San Franscisco Bay และมีประสบการณ์การสอนความรู้ต่างๆ ให้กับวิศวกรซอฟต์แวร์หน้าใหม่มามากมาย ในคอร์สนี้เขาจะมาถ่ายทอดความรู้ของเขาให้กับทุกๆ คนที่สนใจครับ

สิ่งที่คุณจะได้เรียนในคอร์สนี้คือ

• พื้นฐานเบื้องต้นของ Vue.js
• การใช้ Vue CLI
• Handling State โดยใช้ Vuex
• User Authentication โดยใช้ OAuth 2
• ใช้ Vue Router ในการสร้าง Navigation ให้กับ User ของคุณ
• ออกแบบ Vuex Modules
• การจัดการ Image Upload
• ลดจำนวน code ด้วยการใช้ Template Directives
• ใช้ Props และ Events ในการเชื่อมต่อแต่ละ Component
• และอื่นๆ อีกมากมาย

ข้อดีของคอร์สนี้คือค่อนข้างสั้นกระชับ (มีเนื้อหาประมาณ 10.5 ชั่วโมง) ทำให้เหมาะกับคนที่ต้องการคอร์สสอน Vue.js แบบรวบรัดและไม่ต้องการเรียนอะไรยืดยาว อย่างไรก็ดีผมมองว่าโครงสร้างและการจัดเรียงเนื้อหาสู้คอร์สแรกไม่ได้เลย นอกจากนี้การทำโปรเจคยังไม่ค่อยมีด้วย เรียกได้ว่าสอนเฉพาะเนื้อหาเท่านั้นเองครับ

คะแนนรีวิวคอร์สนี้ได้ไป 4.6/5.0 จากนักเรียนทั้งหมด 9,000 คนครับ

คอร์สสอน Vue.js เพิ่มเติม

เนื่องจากเพิ่งจะมีการอัพเดตจาก Vue 2 เป็น Vue 3 ไม่นานมานี้ ทำให้คอร์สสอน Vue.js ส่วนใหญ่ยังไม่ได้รับการอัพเดต (ยกเว้นสองคอร์สด้านบน) ดังนั้นในโพสนี้จึงยังไม่สมบูรณ์ ถ้าคอร์สอื่นๆ ได้รับการอัพเดตแล้ว ผมจะนำมาเขียนให้ทุกคนทราบในภายหลังครับ