MEVN Stack 2025

Module 1: รู้จักกับ MEVN Stack

• สิ่งที่ควรรู้ก่อนเริ่มใช้งาน MEVN Stack
• รู้จัก Single Page Application ด้วย Vue.js
• รู้จักฐานข้อมูล NoSQL กับ MongoDB
• รู้จัก Node.JS และ Express.JS framework

Module 2: การเตรียมเครื่องมือและสภาพแวดล้อมสำหรับการพัฒนา

• ติดตั้ง Node.JS และ Node Package Manager (NPM)
• ติดตั้ง Vue.js Command Line Interface (CLI) สำหรับไว้สร้างโปรเจกต์
• ติดตั้งฐานข้อมูล MongoDB
• ติดตั้ง Visual Studio Code เป็น IDE ที่ใช้ในการเขียนโค้ด
• ติดตั้ง Git สำหรับไว้ทำ Version Control
• ทดสอบขึ้นโปรเจกต์ Vue.js Application

Module 3: การทำงานกับ Vue.js 3 พื้นฐาน

• แนะนำ Vue.js 3
• สร้าง Vue App
• การทำงานกับ Attribute Binding
• การเขียนเงื่อนไข Conditional Redering
• การทำงานกับ List Rendering
• การทำงานกับ Event Handling
• การทำงานกับ Class & Style Binding
• เรียนรู้ Computed Properties
• รู้จัก Component และใช้งาน props
• การสื่อสารด้วย Events
• การทำงานกับแบบ Forms และ v-model

Module 4: การทำงานกับ Vue.js 3 ประยุกต์

• Vue CLI - Creating the Project
• การเพิ่ม CSS bootstrap และ tailwind ร่วมกับ Vue.js
• Single File Components
• Vue Router Essentials
• API Calls with Axios
• Dynamic Routing
• Deploying with Render
• Vuex State Management
• Scaling the app

Module 5: เรียนรู้ฐานข้อมูล MongoDB

• แก้ปัญหา permission
• Connect to MongoDB and Use MongoDB Compass GUI
• Working with Entity Models
• Create, Read, Update, and Delete (CRUD)
• Encrypt Passwords with Node.JS and BCrypt
• Validate Passwords

Module 6: เรียนรู้ Node.JS

• ขึ้นโปรเจกต์ใหม่ใน Node.JS Hello World
• รู้จัก Single Thread , Synchronous , Asynchronous
• ความแตกต่างระหว่าง var , let , const และข้อดีที่ควรรู้
• Read-Evaluate-Print Loop, Module, Require
• Relative and absolute path, Module.export
• Create Server with http
• How to use FileSystem
• ReadFile vs ReadFileSync
• Event, Emit

Module 7: สร้าง RESTful Backend API ด้วย Node.JS และ Express.JS

• Create a basic server with Express.js and Node.JS
• Understand how a MEVN Stack server is created and operates
• Learn to Use Express.JS Router
• Use Express.js Middleware and CORS Configuration
• RESTful Endpoints with HTTP Controllers
• Check HTTP Status Codes

Module 8: การทำระบบ User Authentication, JWT และ Session Management

• JSON Web Tokens
• Vue.js and JSON Web Tokens
• User Authentication
• Validating a User's Session
• Managing User's Session

Module 9: การใช้งาน Git Version Control

• การ initial git ในโปรเจกต์ Vue.js และ Node.JS
• การ add file เข้า git
• การ commit
• การ add remote git ไปยัง remote server  เช่น github, bitbucket หรือ gitlab เป็นต้น
• การ puhs ไฟล์ขึ้น github, bitbucket หรือ gitlab เป็นต้น
• การ clone โปรเจกต์จาก github, bitbucket หรือ gitlab มาใช้งาน

Module 10: Workshop CRUD (เพิ่ม อ่าน อัปเดต ลบ ข้อมูล)

• เชื่อมต่อ Vue.js กับ Backend Server ด้วย Node.JS และ Express.JS
• เขียน Process เพิ่ม อ่าน อัพเดท ลบ ข้อมูล (CRUD) ผ่าน API
• เตรียมความพร้อมโปรเจกต์ที่เสร็จแล้วเพื่อไปเผยแพร่ (Production)
• ตัวอย่าง Deploy ไปยัง Amazon Web Services and Amazon Elastic Compute Cloud (AWS)
• Deploying App to the Web
• แก้ปัญหาต่างๆ ที่พบจากการ deploy