รายละเอียด : Nuxt.js Web Programming: Beginner (Integrative-Generative AI Edition)

Nuxt.js Web Programming: Beginner หากคุณกำลังมองหาคู่มือ Nuxt.js ที่ครอบคลุมทุกขั้นตอนตั้งแต่เริ่มต้นสู่การพัฒนาเว็บแอปพลิเคชันอย่างมืออาชีพ หนังสือเล่มนี้คือคำตอบที่สมบูรณ์แบบ! Nuxt.js Web Programming: Beginner พาคุณเข้าสู่โลกของ Nuxt 3 ด้วยคำอธิบายที่ชัดเจน โครงสร้างที่เป็นระบบ และตัวอย่างจริงที่สามารถนำไปใช้ได้ทันที เริ่มจากบทที่ 1: แนะนำ Nuxt.js และการติดตั้ง (หน้า 1) คุณจะเข้าใจความแตกต่างระหว่าง Vue.js กับ Nuxt.js รวมถึงแนวคิด SSR, SSG และ SPA พร้อมวิธีติดตั้งและรันโปรเจกต์อย่างถูกต้อง ต่อด้วยบทที่ 2: โครงสร้างโปรเจกต์ Nuxt.js (หน้า 25) ที่จะพาคุณไปรู้จักโฟลเดอร์สำคัญ การตั้งค่าภายใน nuxt.config.ts และระบบ Auto Import ที่ช่วยให้การพัฒนาเร็วขึ้นอย่างมีประสิทธิภาพ บทที่ 3: การทำงานของ Pages & Routing (หน้า 94) เจาะลึกระบบ File-based Routing อันทรงพลัง พร้อมสอนการสร้าง dynamic routes และใช้งาน useRoute() และ useRouter() อย่างมืออาชีพ บทที่ 4: Layouts และ Components (หน้า 138) จะช่วยให้คุณสร้างส่วนประกอบเว็บอย่างยืดหยุ่นทั้งแบบ global และ local รวมถึงการจัดการ Layout หล

บทที่ 1 แนะนำ Nuxt.js และการติดตั้ง (Introduction to Nuxt.js and Installation) 1
• แนะนำ Nuxt.js และการติดตั้ง
• การติดตั้ง Nuxt 3 ด้วย npx nuxi init
• แนะนำ Nuxt.js และการติดตั้ง (รายละเอียดเชิงลึก)
• ความเข้าใจเกี่ยวกับ Nuxt.js และความแตกต่างจาก Vue.js ธรรมดา
• SSR vs SSG vs SPA – แนวคิดหลักของ Nuxt.js (ฉบับละเอียด)
• การติดตั้ง Nuxt 3 ด้วย npx nuxi init (แบบละเอียด)
• การรันโปรเจกต์ npm run dev ใน Nuxt 3
• IDE (Integrated Development Environment)
• เครื่องมือที่ใช้ในการพัฒนา Nuxt.js
บทที่ 2 โครงสร้างโปรเจกต์ Nuxt.js (Nuxt.js Project Structure) 25
• โครงสร้างโปรเจกต์ Nuxt.js
• โครงสร้างโปรเจกต์ Nuxt.js — รายละเอียดเชิงลึก
• การทำงานของโฟลเดอร์หลักใน Nuxt 3
• การจัดการไฟล์ nuxt.config.ts ใน Nuxt 3 — เชิงลึก
• ทำความเข้าใจเกี่ยวกับ Auto Import ของ Nuxt 3
บทที่ 3 การทำงานของ Pages & Routing (Pages & Routing) 94
• การทำงานของ Pages & Routing ใน Nuxt 3
• การทำงานของ Pages & Routing ใน Nuxt 3 — รายละเอียดเชิงลึก
• File-based Routing: การสร้างเส้นทางอัตโนมัติ ใน Nuxt 3
• Dynamic routes ([id].vue) และ Catch-all routes ([...slug].vue) ใน Nuxt 3
• การใช้งานร่วมกับ useRouter() เพื่อเปลี่ยนเส้นทางแบบไดนามิก
• การใช้ useRoute() และ useRouter() ใน Nuxt 3
บทที่ 4 Layouts และ Components (Layouts and Components) 138
• Layouts และ Components ใน Nuxt 3
• Layouts และ Components ใน Nuxt 3 (รายละเอียดเชิงลึก)
• การสร้าง Layout หลัก ใน Nuxt 3 — layouts/default.vue
• การสร้าง Layout หลายแบบใน Nuxt 3
• การสร้างและเรียกใช้ Components แบบ Global และ Local ใน Nuxt 3
• Auto-import Components ใน Nuxt 3
บทที่ 5 การใช้ Assets และ Styling (Assets and Styling) 217
• การใช้ Assets และ Styling
• การใช้ Assets และ Styling (เชิงลึก)
• การใช้ CSS, SCSS, และ Tailwind CSS กับ Nuxt.js
• การกำหนด Global CSS ใน nuxt.config.ts

บรรณานุกรม 272