Web Development · WDC-58

MEVN Stack 2025

30 hours 5 days

Last updated 25 Sep 2026

MEVN Stack 2025 is a 30-hour training course by IT Genius Institute. MEVN Stack คือ Framework ชุดหนึ่งที่ใช้ในการพัฒนาเว็บแอปสมัยใหม่ ซึ่งประกอบไปด้วย 4 ส่วนหลักๆ คือ 1. MongoDB (M) เป็นฐานข้อมูลแบบ NoSQL 2. Express (E) เป็น Web…

Training schedule

No public rounds are open right now — register your interest and we will contact you when the next round opens, or request an in-house session for your team.

Corporate training quote

MEVN Stack 2025 MEVN Stack คือ Framework ชุดหนึ่งที่ใช้ในการพัฒนาเว็บแอปสมัยใหม่ ซึ่งประกอบไปด้วย 4 ส่วนหลักๆ คือ 1. MongoDB (M) เป็นฐานข้อมูลแบบ NoSQL 2. Express (E) เป็น Web Framework สำหรับ NodeJS 3. Vue.js (V) เป็น Frontend framework ที่รวมข้อดีของทั้ง React JS และ Angular เข้าด้วยกันอย่างลงตัว 4. NodeJS (N) เป็น JavaScript runtime สำหรับรันจาวาสคริปต์สมัยใหม่ โดยการพัฒนาเน้นไปที่ตัวภาษา JavaScript เป็นหลัก ซึ่งผู้อบรมควรมีพื้นฐาน JavaScript มาก่อนบ้างเล็กน้อย

ในหลักสูตรนี้คุณจะได้เรียนรู้การพัฒนาเว็บแอปพลิเคชันด้วยภาษา JavaScript ร่วมกับฐานข้อมูล MongoDB และออกแบบส่วน Frontend ด้วย Vue.js framework ยอดนิยมแห่งยุคผ่าน Workshop ต่าง ๆ มากมายเพื่อให้ผู้เรียนสามารถนำไปประยุกต์พัฒนาระบบงานและเว็บแอปพลิเคชันของตนเองได้ต่อไป

Objectives

เรียนรู้การใช้งานฐานข้อมูล MongoDB เบื้องต้น
การนำฐานข้อมูล MongoDB มาใช้งานใน Express และ Node.JS
เรียนรู้การเขียน Rest API ด้วย Node.JS ร่วมกับ Express framework
เรียนรู้การออกแบบ UI ส่วน Frontend ด้วย Vue.js
เรียนรู้การเขียน Vue.js เชื่อมต่อกับ Rest API ที่เขียนด้วย Node.JS และ Express
ประยุกต์พัฒนาเว็บแอปพลิเคชันแบบ Full Stack ด้วย MEVN Stack ได้เอง

Who this course is for

ผู้ที่ต้องการ พัฒนาเว็บไซต์โอยภาษา JavaScript และ MEVN Stack
IT Managers
Developers
กลุ่มผู้สนใจทั่วไป

Prerequisites

มีพื้นฐานภาษา HTML & CSS มาบ้าง
มีพื้นฐาน JavaScript มาบ้าง
มีพื้นฐานการออกแบบเว็บไซต์ด้วย CSS Framework เช่น Bootstrap, Bulma หรือ TailWind มาบ้าง
พื้นฐานการค้นหาข้อมูลบนอินเตอร์เน็ต
พื้นฐานความเข้าใจเรื่องระบบ API
พื้นฐานการใช้งานฐานข้อมูลทั่วไป
พื้นฐานการออกแบบเว็บไซต์

Curriculum

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

Frequently asked questions

Who is MEVN Stack 2025 for, and what background is needed?

Built for ผู้ที่ต้องการ พัฒนาเว็บไซต์โอยภาษา JavaScript และ MEVN Stack · IT Managers · Developers Background you should have: มีพื้นฐานภาษา HTML & CSS มาบ้าง · มีพื้นฐาน JavaScript มาบ้าง Not sure the fit is right? Talk to our team on LINE @itgenius or call 02-570-8449.

How much does MEVN Stack 2025 cost and how long does it run?

THB 11,000 (currently THB 9,900 on promotion). The course runs 30 hours. The fee covers course materials, lunch and refreshments throughout. Pay by bank transfer to the company account, confirm it on our payment page, and we can issue the receipt or tax invoice in your company's name.

Do I get a certificate?

Yes. Everyone who completes the course receives a Certificate of Completion from IT Genius Institute. Each certificate carries its own number, and anyone holding that number can verify it online on our certificate page, so you can add it to your portfolio or pass it to HR as evidence of training.

Where does the training take place, and is there an online option?

You can attend onsite at IT Genius Institute or arrange to join online, and we also run it as a private in-house session for your team. Ask about dates and venues on LINE @itgenius or call 02-570-8449.

What if I fall behind or miss a session — can I retake it?

Yes. You may retake the same course free of charge in a later round, under the institute's conditions. Tell our team which course and round you attended, and we will check it and offer you the rounds that still have seats. Ask us on LINE @itgenius or call 02-570-8449.

How do I enrol, or request a quotation for my company?

Enrol online with the registration form on this page. You can register several attendees at once and enter your tax ID and billing address for the tax invoice. Or request a company quotation straight from the quote button. For anything else call 02-570-8449 or reach us on LINE @itgenius.