คอร์สเรียน Vue 3 + Nuxt 3 + Tailwind CSS สำหรับ Front-end Web Developer

คำอธิบายคอร์สเรียน

คอร์สเรียนนี้จะเป็นการสอนเพื่อใช้งาน Vue.js สำหรับการสร้างเว็บที่ง่ายมากกว่าเดิมแบบมากๆ และเรียนรู้วิธีใช้งาน Nuxt.js สำหรับกรณีการทำ Full-stack รวมทั้งการใช้ Tailwindcss โดยพื้นฐานเพื่อสร้างหน้าเว็บได้อิสระกว่าการใช้ CSS Framework อื่นๆ

สิ่งที่คุณจะได้เรียนรู้

• มีชีทเป็นกระดาษสูตรโกง ช่วยสรุปหลังผู้เรียน เรียนจบไปแล้วแต่อาจจะลืมรูปแบบคำสั่งต่างๆได้
• มีแบบทดสอบ สำหรับการรับใบประกาศนียบัตรที่ออกให้โดยทาง SkillLane
• ได้เห็นวิธีการปฎิบัติจริง ที่ทำให้รู้จักคีย์ลัดต่างๆ และเทคนิคเสริมมากมายที่จะทำให้เราทำงานได้เร็วและง่ายขึ้น
• สอนโดยไม่เน้นสไลด์ สอนโดยเขียนให้ดูจริง และเห็นผลลัพธ์จริง พร้อมเล่าเรื่องเสริมตลอดเวลาการเรียนการสอน
• เรียนรู้วิธีการใช้งาน Vue.js ในเวอร์ชั่น 3 และการใช้ Nuxt.js ในเวอร์ชั่น 3 เพื่อการสร้าง Web Application ทั้งแบบ Single-page Application (SPA), Static Site Generator (SSG) และการใช้ Server-side Rendering (SSR) ที่แตกต่างกัน
• เรียนรู้ข้อแตกต่างระหว่าง Vue 2 และ Vue 3 แบบจัดเต็ม เพื่อป้องกันความสับสนการเลือกใช้ Modules เสริมต่างๆจากภายนอก
• ทำความเข้าใจกับ Vue.js แบบขั้นสูง ทั้งการใช้ Reactive, Binding, Methods, Event listening, Directive, Component, Computed, Watch และอื่นๆอีกมากมาย
• แยกแยะวิธีการใช้งานระหว่าง Options API และ Composition API พร้อมคำแนะนำดีๆในการใช้งานระหว่าง Vue 3 ร่วมกันกับ TypeScript
• ทำความรู้จักกับระบบ Composable ของ Vue 3 โดยเฉพาะ และ Modules เสริมชื่อดังอย่าง vueuse
• ทำความรู้จักกับ Modules เสริมชื่อดังอื่นๆ ไม่ว่าจะเป็น Vuetify, unplugin, vue-router, vue-i18n, vue-echarts และอื่นๆอีกมากมาย
• ดูวิธีการสร้าง Web Application และการทำเป็น Cross-platform ได้แทบจะทันที ด้วยการใช้ Tauri สำหรับ Desktop Application และ Capacitor.js สำหรับ Mobile Application
• ดูวิธีการใช้งาน Tailwind CSS ร่วมกับ Vue.js พร้อมตัวอย่างโดยคร่าวๆจาก Workshop ที่มีอยู่
• ดูแนวทางการใช้ Nuxt 3 แบบ SSR เต็มรูปแบบและทำความรู้จักกับ API Routing เสริมด้วยวิธีการทำ Proxy เพื่อแนวทางปฏิบัติระหว่างการทำ Front-end ด้วย Nuxt.js และ Back-end ด้วย Express.js
• รับฟังแนวทางปฎิบัติเพิ่มเติมหลังเรียนจบ เพื่อเสริมทักษะด้วยตนเองต่อหลังจากการเรียนจบ

ประโยชน์ที่คุณจะได้รับ

• การใช้ JavaScript Framework ใดๆก็ตามสำหรับทำ Front-end ไม่ว่าจะเป็น React, Angular, Vue, Svelte, Preact, Ember, jQuery หรืออื่นๆอีกมากมาย ล้วนอาจจะได้ผลลัพธ์ที่คล้ายกันหรือเหมือนกันได้ทั้งหมด แต่วิธีการเขียน ความยากง่าย ความซับซ้อน และชุมชนจะแตกต่างกัน ดังนั้นการเรียนเพียงตัวใดตัวหนึ่งก็จะสามารถใช้งานตัวอื่นๆได้ง่ายยิ่งขึ้น อีกทั้ง Vue.js จะถูกจัดว่าเป็น JavaScript Framework ที่ใช้งานง่ายอย่างมาก จึงได้เปรียบในการเรียนรู้ระดับเริ่มต้นมากกว่าตัวอื่นๆ
• ข้อดีในการใช้ JavaScript Framework ในปัจจุบันเพื่อสร้างหน้าเว็บต่างๆง่ายกว่าเดิมนั้น หน้าเว็บยังสามารถทำเป็น Web Application ก็ยังสามารถใช้ Framework อื่นๆเสริมรันบนระบบอื่นได้ด้วย เช่น ใช้ Tauri หรือ Electron.js เพื่อสร้าง Desktop Application และใช้ Capacitor.js
• สำหรับผู้ที่สนใจจะทำสายงาน Full-stack การใช้ Vue จับคู่กับ Nuxt ก็จะสามารถทำเป็น Web Application สำเร็จรูปได้ในตัวเดียว ถึงแม้ว่าเราจะต้องใช้ h3 (Nitro) แทนการใช้ Express.js แต่ก็เรียนรู้ได้ไม่ยาก และทำให้ Scope งานของเราจะใช้เครื่องมือที่น้อยลง และเป็นองค์ประกอบเดียวกันได้ด้วย
• ในการใช้ Vue.js จะมี Library, Modules, Plugins เสริมมากมายเต็มไปหมดที่เกิดจากชุมชนการใช้งาน ที่จะทำให้เราสร้างเว็บได้เร็วกว่าเดิม และมี UI Components สำหรับรูปอย่าง Vuetify, Naive UI, PrimeVue และอื่นๆอีกมากมายที่จะทำให้เราสร้างหน้าเว็บได้เร็วและง่ายอย่างมาก
• คุณรู้หรือไม่ว่า: Vue.js จัดว่าเป็น JavaScript Framework ที่ถูกใช้งานมากเป็นอันดับ 3 และถ้าดูจากแนวโน้มในแต่ละปี จะมีคนใช้มากขึ้นเรื่อยๆโดยอ้างอิงจาก stateofjs.com

ทักษะที่ผู้เรียนจะต้องมีก่อนเรียนคอร์สเรียนนี้

• ต้องสามารถเขียนภาษา HTML และ CSS เป็น หากคุณไม่เข้าใจวิธีการใช้งานแนะนำ คอร์สเรียน HTML + CSS โดยนครโค้ด
• ต้องสามารถเขียนภาษา JavaScript เป็น หากคุณไม่เข้าใจวิธีการใช้งานแนะนำ คอร์สเรียน JavaScript + Node.js โดยนครโค้ด
• เป็นข้อเสริม หากสามารถสร้าง Back-end เป็นของเราเองได้ก็จะยิ่งดีต่อการเรียนรู้ หากคุณไม่เข้าใจวิธีการใช้งานแนะนำ คอร์สเรียน Express.js + MongoDB โดยนครโค้ด
• สามารถอ่านและเขียนภาษาอังกฤษในระดับพื้นฐาน
• สามารถใช้งานอินเทอร์เน็ตโดยทั่วไปได้

เหมาะสำหรับ

• นักเรียนระดับประถมปลาย
• นักเรียนระดับมัธยม
• นักศึกษาที่กำลังศึกษาในสายงานที่เกี่ยวข้องกับการพัฒนาเว็บ
• ผู้ที่สนใจในสายงาน Web Development
• ผู้ที่สนใจในสายงาน Front-end Web Development
• ผู้ที่สนใจในสายงาน Full-stack Web Development
• ผู้ที่สนใจการสร้างเกมด้วยตนเอง
• ผู้ที่สนใจการสร้างโปรแกรมประยุกต์ใช้งานโดยทั่วไปบนระบบคอมพิวเตอร์

เนื้อหาที่มีทั้งหมด

รีวิวจากผู้เรียน (ทั้งหมด 19 รีวิว คะแนนเฉลี่ย 4.8)