สอน VueJS / NuxtJS / Javascript วีดีโอ ตั้งแต่เตรียมเครื่อง ยันเขียนเป็น
สวัสดีครับ ผมศักดิ์ เปิดบริษัท Softwarehouse มากว่า 10 ปี ประสบการณ์ด้าน Programming 10 ปี รับเขียนโปรแกรมมามากมายหลายภาษา/Framework ครับ
สำหรับคนที่พึ่งเริ่มเขียนโปรแกรมแบบไม่มีพื้นฐาน ผมแนะนำให้ลองอ่านหนังสือที่ผมแต่งเองขึ้นมา สำหรับผู้เริ่มต้นก่อนนะครับ ช่วยอุดหนุนหน่อยครับ
กดที่นี่เพื่อเข้าไปซื้อหนังสือครับ
ผมพยายามทำและรวบรวมวีดีโอที่ผมทำเอง และ ถ้าเป็นไปได้จะพยายามเอาวีดีโออื่นๆที่เกี่ยวข้องมารวมด้วยครับ (ข้ามไปดูวีดีโอด้านล่างสุดได้เลยครับ สำหรับคนใจร้อน)
Youtube Channel SaKKosama 🐶 กดติดตามหน่อยนะครับ
เป้าหมายคือ อยากให้เป็นประโยชน์กับทุกๆคน ไม่ว่าจะพนักงานของผมเอง หรือ จะเป็นคนที่มีความสนใจศึกษา VueJS / NuxtJS และอยากให้มี Developer ชาวไทยเยอะขึ้นครับ
List ข้อดีของ VueJS + NuxtJS
- เขียนง่าย เขียนเร็ว ขอแค่เขียน Javascipt เป็น
- Support SSR, SPA, PWA
- ไม่ต้องเขียน JSX แต่จะเขียนก็ได้
- Library / Components ช่วยเยอะแยะมากมาย
- Doc อ่านเข้าใจง่ายมาก
แถมนิดนึงสำหรับคนอยาก deploy nuxtjs โดยใช้ Google Cloud Run (Serverless ครับ)
Deploying Nuxtjs on Google Cloud Run (Serverless)
วีดีโอเริ่มต้นครับ สำหรับคนได้เครื่องใหม่มา หรือว่าอยาก clean up เครื่อง
- วิธีเตรียม MACOS Catalina จากเครื่องใหม่ จนพร้อมใช้งาน
- วิธีเตรียมเครื่องสำหรับ NodeJS อย่างเดียว
- สอนลง NodeJS บน Windows 10 ด้วย NVM สลับ Version Node ได้ไม่จำกัด
วีดีโอ
แยกร่างครับ
- Nuxt+Vue EP1: Creating NuxtJS Project
- Nuxt+Vue EP1.1: Atom Text editor guide (มือใหม่ต้องดูครับ)
- Nuxt+Vue EP2: Basic VueJS
- Nuxt+Vue EP3: Creating Components
- Nuxt+Vue EP4: Vue Instance
- Nuxt+Vue EP5: Vue Template Syntax
- Nuxt+Vue EP6: Compute and Methods
- Nuxt+Vue EP7: Vue Watch + NuxtJS install/import library
- Nuxt+Vue EP8: Adding Class and Styles
- Nuxt+Vue EP9: $EMIT, Listen to component custom events
- Nuxt+Vue EP10: Call API + Vuetify Framework on NuxtJS
- Nuxt+Vue EP10.1: Call API + iView UI Framework on NuxtJS
- Nuxt+Vue EP11: Nuxt Route, vue-router, Named route (Vuetify)
- Nuxt+Vue EP12: Javascript Async Await
- Nuxt+Vue EP13: Nuxt Store, Vuex, Vuetify Drawer State
- Nuxt+Vue EP14: Vuetify Layout Tutorial (Clean up code)
- Nuxt+Vue EP15: Workshop - Nuxt Auth Login and Vuetify preparation for CRUD
- Nuxt+Vue EP16: Workshop - CRUD+REST API after Login
- สร้าง API EP15,EP16 ด้วย Ruby on Rails
- Nuxt+Vue EP17: Import Components && Plugins
- Nuxt+Vue EP18: How to use asyncData?
- Nuxt+Vue EP19: How to use fetch?
- Nuxt+Vue EP20: Create Card Component and Using Vue Slots
- Nuxt+Vue EP21: Add Global Configs / Settings to Nuxtjs ENV
วิธี deploy NuxtJS ไป Google Cloud Run ครับ