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