เริ่มต้นเรียนรู้การใช้ Vue.js ด้วย Nuxt.js มันง่ายกว่าจริงแฮะ


ใครเป็นเหมือนเคนไหมอะ เหมือนเติบโตกับการเขียนโปรแกรมแบบตัวเดียวจบ (Decoupled) คือไม่มีการแยก Frontend/Backend เป็นแบบตัวเดียวเลย

ทีนี้พอถึงยุคนี้ที่เน้นการแยกระหว่าง Frontend กับ Backend ขึ้นมา เคนเองในส่วนของ Backend อะ ไม่มีปัญหาใดๆ เลย เพราะมันก็ทำเหมือนที่เราเคยทำมา และเคยชิน

แต่พอไปจับ Frontend เท่านั้นละครับพี่น้อง รู้สึกว่า…

ทำไมมันยากหยั่งงี้โว้ยยยยย อิหยังวะ!! อะไรของมันวะเนี่ย

ไม่ว่าจะเป็น React Angular Vue Svelte ก็เป็นเหมือนกันหมดอะ คืออยากจะเขียนได้ แต่เขียนไปก็ไม่เข้าใจ งงมากๆ งงมาก งงมาก งงมากๆ มันมีอะไรเยอะแยะมากมายที่แม้เคนจะเรียนรู้แล้ว ก็ยังทำไม่ได้อยู่ดี

ยิ่ง React นี่แม่งโว้ยยยยยย อารมณ์เคนคือแบบ อารายของเมิงเนี่ยยย!! JSX? Redux? Store? Dispatch? onComponentDidMount???

แล้วรู้สึกการเขียน Javascript กลายเป็นยากมากๆ สำหรับเคนไปเลย.. แต่เคนก็ยังพยายามจะเขียนให้ได้อยู่ดี จึงพยายามเลือกตัวที่คิดว่าง่ายสุด ก็คือ Vue.js

แต่คือถามว่ามันง่ายสุดแล้ว มันก็ยังยากโว้ยยยยยย!!

แล้วก็เลยเลิกสนใจมันไปพักใหญ่ๆ เลย จนช่วงนี้ก็กลับมาสนใจใหม่ ก็เลยไปค้นหาคลิปสอนใน YouTube บ้าง เปิด Document เค้าอ่านบ้าง จนตอนนี้ก็เลยโอเคละ เพราะไปเจอคลิปเหล่านี้


เป็นคลิปของช่อง N.G.U. Channel เหมือนจะมาสอนอาจารย์ในมหาวิทยาลัย ซึ่งสอนละเอียดมากกกกกกก เริ่มต้น Node.js & Vue.js โดยไม่ได้เริ่มจากพื้นมากๆ แต่เริ่มไปที่ Nuxt.js เลย

ซึ่งหลังจากเคนเริ่มเรียนไป เคนก็รู้สึกว่าไอ้ตัว Nuxt.js เนี่ยมันง่ายกว่า Vue.js เพียวๆ จริงๆ มันเตรียมทุกอย่างมาให้พร้อมหมดแล้วมากๆ แถมตอนเรียกใช้มันก็พยายามให้เรียกใช้ได้ง่าย ๆ

อยากเรียนรู้เร็วกว่านี้?

ทาง Nuxt.js และทาง VueSchool ก็เตรียมคอร์สพื้นฐาน Nuxt Fundamental ไว้ให้เราแล้ว เรียนง่าย เรียนเร็ว แถมเข้าใจง่ายด้วย

เข้าไปเรียนกันได้ที่ https://vueschool.io/courses/nuxtjs-fundamentals/

แต่เคนบอกเลยว่า การอดทนนั่งเรียนของช่อง N.G.U. Channel รับรองว่าคุ้มค่าแน่นอน เพราะตอนแรกเคนเรียนจาก VueSchool ยังเข้าใจไม่มาก มาเข้าใจตอนเรียนของช่อง N.G.U. Channel นะ

หลังจากเรียนคลิปด้านบนเสร็จไปต่อกันที่การจัดการ State กันต่อ

พอเคนเรียนคลิปด้านบนจบแล้ว เคนก็ไปหาเพิ่มเติมเกี่ยวกับ Vuex เพื่อทำ State Management

ใครยังไม่เข้าใจ State ลองอ่านบทความนี้ดู กว่าจะเข้าใจ State…ป่ะ! มาใช้ Nuxt.js กันดีกว่าไหม

คลิปนี้ของคุณ Kong Ruksiam ในหัวข้อ Vuex Store เพื่อจัดการ State เรียนไว้พอรู้ว่ามันมีขั้นตอนการทำงานจริงๆ อย่างไร แต่ใน Nuxt.js จะใช้ง่ายกว่าที่เค้าสอนเยอะ

ซึ่งของทาง VueSchool ก็มีคอร์สเหมือนกันนะ แต่ดูแค่ของคุณ Kong Ruksiam ก็เข้าใจง่ายแล้ว เอาไปใช้จริงได้ แต่ต้องปรับการเขียนให้เข้ากับ Nuxt.js ด้วยนะ เพราะ Nuxt.js ปรับการเขียนให้ง่ายกว่าเขียนจาก Vue ปกติเยอะ

อยากเรียนของ VueSchool ก็ไปได้ที่ https://vueschool.io/courses/vuex-for-everyone

สรุป

ขอบคุณทั้ง 2 ช่องมากๆ ที่มอบเนื้อหาดีๆ ให้เคนสามารถเริ่มเขียน Vue.js/Nuxt.js ได้อย่างง่ายขึ้นเยอะเลย

Leave a Reply

Please Login to comment
avatar
  Subscribe  
Notify of
Navigate