MEAN Stack และ MERN Stack คือสองกลุ่มของทักษะหรือ framework ที่นักพัฒนานิยมเรียนเพื่อเพิ่มทักษะในการสร้าง web application ระดับสูงให้ครบถ้วนและมีประสิทธิภาพ
เนื่องจากภายใน Stack จะประกอบด้วยทั้ง Front-End และ Back-End ดังนั้นอาจจะกล่าวได้ว่าเป็น Stack ทั้งสองเป็นส่วนหนึ่งของ Full Stack Development ครับ
ทั้งนี้เหล่า Framework ที่อยู่ใน Stack จะประกอบด้วย
- M = MongoDB – ทำหน้าที่เป็น document database เพื่อจัดการและเก็บรักษาข้อมูล
- E = Express.js – Web Framework ของ Node.js มีประโยชน์มากสำหรับ URL Routing และการจัดการ HTTP Requests และ Responses
- N = Node.js – เป็น JavaScript Web Server หรือหลังบ้านที่สำคัญของ Web Application
ตัวที่ 3 ของ Stack ซึ่งเป็น Stack ฝั่ง Front-end หรือ Client-side นี้เองที่มีตัวเลือกได้หลายอย่าง โดยนักพัฒนาอาจจะเลือก Framework ตัวใดตัวหนึ่ง นั่นก็คือ
- A = Angular หรือ Angular.js
- R = React.js
จุดแข็งของ Stack เหล่านี้คือใช้ JavaScript ในการดำเนินการทุกอย่าง และการส่งผ่านข้อมูลแบบ JSON Data จาก Front-Back-Database ยังทำได้อย่างปราศจากอุปสรรค ทำให้นักพัฒนามีความสะดวกสบายอย่างมากในการใช้งาน และสามารถสร้าง Web Application คุณภาพสูงได้อย่างรวดเร็ว การ debug เองก็เรียบง่ายด้วยครับ
ในปัจจุบันการเรียน Stack เหล่านี้เป็นที่นิยม ส่วนหนึ่งก็เพราะนักพัฒนาแบบ Full Stack Developer เป็นที่ต้องการมากขึ้นนั่นเอง
สำหรับใครที่อยากเรียน คุณสามารถเรียนเนื้อหาและฝึกฝนทักษะอย่างมีประสิทธิภาพทางออนไลน์ครับ เรามาดูกันดีกว่ามีคอร์สไหนน่าเรียนบ้าง
ข้อควรทราบ:
- ราคาและเงื่อนไขต่างๆ ของคอร์สสอน MERN/MEAN Stack อาจจะเปลี่ยนแปลงไปได้ โปรดตรวจสอบอีกครั้งกับทางเว็บไซต์ครับ
- เนื่องจากคอร์สเหล่านี้เป็นคอร์สระดับสูง คุณจำเป็นต้องมีพื้นฐานการพัฒนาเว็บ (HTML, CSS และ JavaScript) รวมไปถึงความรู้เกี่ยวกับ framework ทุกตัวในที่นี้มาบ้างถึงจะเรียนคอร์สเหล่านี้ได้ แต่แน่นอนว่าไม่ต้องเก่งเทพเป็นเซียนแต่อย่างใด
แนะนำ Udemy และ Coursera
ทุกคอร์สที่ผมจะแนะนำจะเป็นคอร์สของ Udemy ครับ
Udemy เป็นแพลตฟอร์มเรียนออนไลน์ที่ใหญ่ที่สุดในโลกในปัจจุบันเลยก็ว่าได้ ด้วยจำนวนคอร์สออนไลน์ที่มีมากถึง 130,000 คอร์ส และมีจำนวนผู้เรียนมากกว่า 35 ล้านคน ซึ่งคอร์สสอน MERN Stack ที่ผมจะแนะนำทั้งหมดจะอยู่ใน Udemy ครับ
ในฐานะคนที่เคยซื้อคอร์สบน Udemy มาแล้วนับสิบคอร์ส ผมบอกได้เลยว่าผมชอบระบบและโครงสร้างของคอร์สมาก อย่างแรกเลยคือคุณจะเรียนได้ทุกที่ทุกแห่ง เพราะคุณเรียนได้ผ่านทาง Smartphone, Tablet และ Smart TV ด้วยนอกเหนือไปจาก Desktop ทั่วไป และถ้าอยากจะดาวน์โหลดคอร์สมาเรียนแบบออฟไลน์ก็ทำได้ด้วยเช่นกันครับ
คอร์สทั้งหมดบน Udemy นั้นเป็นแบบซื้อขาด หมายความว่าคุณจะเรียนได้ตามใจชอบแบบไม่มีหมดอายุ อย่างผมเองดองคอร์สไว้ 2-3 คอร์สที่ยังไม่ได้ไปแตะเลยก็มีครับ และถ้าผู้สอนอัพเดตเนื้อหาใหม่ตามเทคโนโลยีที่เปลี่ยนแปลงไป คุณจะได้เนื้อหาใหม่นั้นฟรีทันทีครับ
แต่สิ่งที่ชอบที่สุดแน่นอนว่าคือราคาที่ถูกมากๆ เพราะ Udemy มีการลดราคาที่บ่อยแทบทุกสัปดาห์และแรงมากถึง 90% ดังนั้นคุณควรจะซื้อคอร์สในช่วงลดราคาเท่านั้นครับ สมมติว่าคุณเปิดลิงค์ไปแล้วคอร์สยังอยู่ที่ราคาเต็ม ผมแนะนำให้รอ 2-5 วัน หรือว่ารับแจ้งเตือนจาก Victory Tale ไว้ก็ได้ครับ ผมจะได้แจ้งเวลามีลดราคาให้กับคุณ
ขณะที่ Coursera จะเป็นแพลตฟอร์มเรียนออนไลน์ที่มีแต่คอร์สที่จัดทำโดยมหาวิทยาลัยและสถาบันชั้นนำทั่วโลก การเรียนจะเป็นทางการมากกว่า Udemy โดยคุณจะได้การประเมินผลตลอดจนประกาศนียบัตรหลังเรียนจบครับ
แต่ละคอร์สของ Coursera มักจะเป็นระบบหลักสูตร คุณจะได้เรียนคอร์สย่อยหลายคอร์ส แต่ละคอร์สจะช่วยพัฒนาคุณอย่างบูรณาการ ในการเรียนคุณจะต้องเสียค่าเรียนเป็นรายเดือน ราคาจะอยู่ระหว่าง $39-$79 โดยค่าเรียนสุทธิจะขึ้นอยู่กับจำนวนเดือนที่คุณเรียนไปครับ ดังนั้นคุณจะดองคอร์สไว้เรียนไม่ได้นั่นเอง
คอร์สสอน MEAN Stack
สำหรับ MEAN Stack จะเป็น Stack ที่เลือกใช้งาน Angular.js (หรือที่เรียกกันว่า Angular 1.x) เป็น framework ฝั่ง Client-side ในปัจจุบัน Stack ดังกล่าวยังได้รับความนิยมจากนักพัฒนามากมาย
แต่ในสิ้นปีหน้า Google จะยกเลิกการสนับสนุนต่อ Angular.js ทำให้นักพัฒนา Stack นี้จะต้องเรียน Angular 2+ เพิ่มเติมในอนาคตครับ หรือไม่ก็เปลี่ยนเป็น MERN Stack (เปลี่ยน Angular เป็น React) หรือ MEVN Stack (เปลี่ยน Angular เป็น Vue)
อย่างไรก็ดีคอร์สที่ผมเลือกมาจะสอน Angular 2+ ใน MEAN Stack เป็นที่เรียบร้อย ดังนั้นปัญหาดังกล่าวจะไม่เกิดกับคุณเลยครับ
1. Angular & NodeJS – The MEAN Stack Guide [2020 Edition]
คอร์สสอน MEAN Stack คุณภาพเยี่ยมของ Maximilian Schwarzmüller นักพัฒนาที่เรียนรู้ทุกอย่างด้วยตนเองจนเป็นระดับมืออาชีพ และยังเปิดสถาบันสอนทักษะการเขียนโปรแกรมบนโลกออนไลน์อีกด้วย เขาเป็นผู้สอนที่ได้รับความนิยมมากที่สุดคนหนึ่งของ Udemy ด้วยจำนวนนักเรียนถึงเกือบ 1.2 ล้านคนเลยทีเดียวครับ
สิ่งที่ผมชื่นชอบเกี่ยวกับผู้สอนคนนี้อีกอย่างหนึ่งคือ เขาเอาใจใส่ตัวคอร์สและนักเรียนของเขาดีมาก เนื้อหาในคอร์สจะได้รับการอัพเดตให้ทันสมัยอยู่เสมอ ทำให้คุณมั่นใจได้เลยว่าสิ่งที่คุณเรียนไปจะยังมีประโยชน์และนำไปใช้ได้จริงครับ
ในคอร์สนี้คุณจะได้เรียนความรู้ต่างๆ ผ่านการสร้างโปรเจคขนาดใหญ่หนึ่งเดียว ซึ่งคุณจะได้เรียนผ่านการทำจริงนั่นเอง
- อธิบายการทำงานของ MEAN Stack
- ใช้ Angular 2+ ในการออกแบบและสร้าง Front End ตั้งแต่ Component, Event ไปจนถึงการใส่ Forms, Toolbar และสร้าง Posts
- การเชื่อม Node.js กับ Front End ของคุณ
- การจัดการและเก็บ data โดยใช้ MongoDB และ Mongoose
- ใส่ฟีเจอร์ต่างๆ ลงไปใน app ของคุณไม่ว่าจะเป็น Image Upload, Pagination, User Authentication, Authorization
- การจัดการ Error และการทำ Optimization
- Deploy App ของคุณ
- และอื่นๆ อีกมากมาย
โดยรวมแล้วเนื้อหาทั้งหมดจะอยู่ที่ 12.5 ชั่วโมง ส่วนคะแนนรีวิวได้ไป 4.6/5.0 จากนักเรียนเกือบ 89,000 คนครับ
คอร์สสอน MERN Stack
MERN Stack จึงเป็น Stack ที่น่าสนใจมากสำหรับนักพัฒนา โดยเฉพาะถ้าคุณใช้งาน React.js อยู่แล้วครับ ในระยะหลัง MERN Stack ได้รับความนิยมสูงขึ้นอย่างรวดเร็ว เพราะความนิยมของ React นั่นเอง
2. React, NodeJS, Express & MongoDB – The MERN Fullstack Guide
คอร์สสอน MERN Stack คุณภาพเยี่ยมของ Maximilian Schwarzmüller คนเดิม แต่แน่นอนว่าจะเปลี่ยนจากเนื้อหาจาก Angular เป็น React ครับ
สำหรับคอร์สนี้ คุณจะได้เรียนการเชื่อมการใช้งานระหว่าง React กับ Node, Express และ MongoDB อย่างละเอียด โดยมีรายละเอียดต่อไปนี้
- Theory – คอนเซปต์เบื้องต้นของ MERN Stack และการวางโครงสร้างของ Web app
- ทบทวนเนื้อหาเบื้องต้นของ React.js อาทิเช่น JSX, Components, State
- สร้าง Frontend ให้กับ app ของคุณ โดยใช้ React.js
- ทบทวนเนื้อหาเบื้องต้นของ Node.js และ Express.js
- การสร้าง REST API โดยใช้ Node และ Express
- ทบทวน MongoDB และ Mongoose
- การเชื่อม Backend ของ Web App เข้ากับ Database
- การเชื่อม Front End ที่สร้างจาก React เข้ากับ Backend
- ใส่ฟีเจอร์ File Upload และ Authentication ลงใน app
- ลอง Deploy Application ของคุณ ผ่านทาง Heroku หรือ Firebase
- และอื่นๆ อีกมากมาย
ในการเรียนเนื้อหาเหล่านี้จะเป็นการเรียนจากการทำโปรเจคขนาดใหญ่ ทำให้คุณได้สัมผัสกับประสบการณ์จริง และเข้าใจว่า framework ทั้ง 4 ตัวเกี่ยวข้องและทำงานร่วมกันอย่างไรครับ นอกจากนี้ภายในคอร์สก็ยังมีการประเมินผล และทรัพยากรอื่นๆ ที่ให้คุณไปใช้งานได้อีกด้วย
เนื้อหาแบบวีดิโอของคอร์สนี้ยาวทั้งหมด 18.5 ชั่วโมง และได้คะแนนรีวิวท่วมท้นที่ 4.7/5.0 จากนักเรียนกว่า 17,000 คนครับ
3. MERN Stack Front To Back: Full Stack React, Redux & Node.js
คอร์สสอน MERN Stack ที่จัดทำโดย Brad Traversy เจ้าของช่อง Youtuber เกี่ยวกับ Web Development ชื่อดัง ในคอร์สนี้เขาจะสอนคุณใช้งาน framework ทั้ง 4 อย่างกระชับ ผ่านการสร้าง Social Network Application ซึ่งเป็นโปรเจคที่คุณสามารถนำไปพัฒนาต่อได้จริง
สิ่งที่คุณจะได้เรียนมีดังต่อไปนี้ครับ
- User API Routes และ JSON Web Tokens (JWT) Authentication
- การทำ API Testing
- เชื่อมต่อ Front End ที่สร้างขึ้นด้วย React กับ Back End
- App State Management โดยใช้ Redux
- สร้าง Reducers และ Actions
- สร้าง Container เพื่อใช้งานกับ Redux
- Deploy app ของคุณโดยใช้ Heroku
- และอื่นๆ อีกมากมาย
ความน่าสนใจของคอร์สนี้อยู่ที่การเรียนจะเป็นแบบ project-based แบบเต็มที่ เนื้อหาเหล่านี้จะแฝงอยู่กับการทำโปรเจคที่ครูของคุณจะอธิบายขั้นตอนต่างๆ อย่างเป็นระบบครับ
โดยรวมแล้วเนื้อหาของคอร์สนี้มีความยาว 12 ชั่วโมง และได้คะแนนรีวิวสูงมากถึง 4.7/5.0 จากนักเรียนมากกว่า 42,000 คนครับ
4. MERN eCommerce From Scratch
คอร์สนี้จัดทำโดย Brad Traversy คนเดิม แต่จะสอนการใช้ MERN Stack ในการสร้าง eCommerce platform ซึ่งจะต่างจากคอร์สที่แล้วที่จะสอนการสร้าง Social Network ครับ สไตล์การสอนก็จะเหมือนคอร์สที่ 2 นั่นคือเป็นแบบ project-based แบบ 100% ไม่ใช่แบบ lecture ครับ
ในส่วนของเนื้อหานั้นก็จะมีการปรับเปลี่ยนให้เข้ากับ eCommerce โดยจะมีรายละเอียดต่อไปนี้
- ออกแบบ Front End ของแพลตฟอร์มโดยใช้ React และ Bootstrap คุณจะได้สร้าง Homescreen, การแสดงเรตติ้ง, รายละเอียดของสินค้า ฯลฯ ในส่วนนี้คุณจะได้ลองใช้งาน React Router ด้วยครับ
- เตรียม Back End ด้วยการใช้ Node และ Express
- ใช้ Redux สำหรับ State Management
- ใช้งาน MongoDB
- สร้าง Shopping Cart ใน app ของคุณ
- การทำ User Authentication ใน Backend และ Front End
- การสร้างระบบ Checkout (อย่างเช่นการใช้ PayPal API)
- การจัดการหน้า Admin
- สร้างระบบรีวิวสินค้า การสรรหาสินค้า
- และอื่นๆ อีกมากมาย
โดยรวมแล้วคอร์สนี้เป็นอีกหนึ่งคอร์สที่ดีที่สุดที่สอน MERN Stack ที่ใช้งานได้จริง และอาจจะเป็นคอร์สที่ยอดเยี่ยมที่สุดที่สอนการสร้างแพลตฟอร์ม eCommerce ขึ้นมาจาก 0 โดยไม่ใช้ plugin หรือตัวช่วยใดๆ เลย
ในการเรียนในคอร์ส คุณจะได้ลองสร้างทุกอย่างด้วยตนเองภายในการนำของครูผู้สอน ซึ่งทักษะเหล่านี้คุณสามารถนำไปใช้พัฒนา app อื่นๆ ของคุณได้อีกมากเลยครับ
คะแนนรีวิวคอร์สนี้ได้สูงมากถึง 4.8/5.0 จากนักเรียนทั้งหมด 6,350 คนครับ
ถ้า 3 คอร์สนี้ยังไม่ตอบโจทย์ของคุณ ผมแนะนำให้ลองหาเพิ่มเติมได้ที่คลัง MERN Stack Courses ของ Udemy ครับ
5. Full-Stack Web Development with React Specialization
หลักสูตรสอน MERN Stack ที่จัดทำโดย The Hongkong University of Science and Technology อย่างไรก็ดีหลักสูตรนี้จะต่างจาก MERN Stack ทั่วไป เพราะมีการเพิ่ม React Native สำหรับการสร้าง Mobile app แบบ cross-platform เข้ามาด้วยครับ
คอร์สย่อยที่คุณจะได้เรียนประกอบด้วย 4 คอร์สได้แก่
- Bootstrap 4 – เรียนรู้ Client-side Web UI Framework อย่างเช่น Bootstrap 4 โดยคุณจะได้เรียนเกี่ยวกับการออกแบบ responsive design รวมไปถึง grids, CSS preprocessors, Less และ Sass
- React – คอร์สย่อยที่เป็นแกนหลักของหลักสูตร คุณจะได้ใช้ JavaScript ES6 ในการพัฒนา React apps และเรียนการใช้ React Components, React Router, Redux ฯลฯ
- React Native – คอร์สย่อยที่คุณจะได้เรียนการสร้าง Native apps โดยใช้ React Native และ Expo SDK การเรียนจะเน้นไปที่ UI Development ครับ
- Server-side – คอร์สสอน Server side แบบ All-in-one ไม่ว่าจะเป็น Node.js, Express และ MongoDB
ทางมหาวิทยาลัยแจ้งว่าทั้งหมดแล้วคุณจะใช้เวลาประมาณ 4 เดือนในการเรียนให้จบ ถ้าคุณเรียน 9 ชั่วโมงต่อสัปดาห์ (ซึ่งสูงมาก) ดังนั้นผมมองว่าคุณน่าจะต้องใช้เวลามากกว่านั้นในการเรียนครับ
ในส่วนของค่าเรียนจะอยู่ที่ $49 หรือประมาณ 1,470 บาทต่อเดือนครับ
คอร์สสอนพื้นฐานสำหรับ MEAN/MERN Stack
สำหรับผู้สนใจหรือนักพัฒนาคนไหนที่อยากจะเป็น MERN Stack Developer แต่ยังขาดความรู้ใน Framework ตัวใดตัวหนึ่ง คุณสามารถเรียนได้ด้วยการสมัครคอร์สในโพสต่อไปนี้ครับ (เปิดได้ผ่านลิงค์เลย)
- MongoDB – Database แบบ document-based ที่ได้รับความนิยมสูงมากสำหรับ app ยุคใหม่ทั่วไป
- Node.js และ Express.js – runtime environment ที่สำคัญและนิยมใช้มากใน Back End โดยมากแล้ว Express มักจะถูกสอนควบคู่กับ Node.js ครับ
- React.js – หนึ่งใน JavaScript Library ที่มีผู้ใช้งานล้นหลามในการสร้าง User Interface หรือ UI Components ต่างๆ
- Angular – Web Application Framework ที่ใช้ในการสร้าง Front-End ของเว็บไซต์
หลังจากคุณเรียนจบและมีทักษะเหล่านี้ครบ คุณก็พร้อมแล้วสำหรับคอร์สสอน MERN Stack หรือ MEAN Stack ที่ผมแนะนำไปในโพสนี้ครับ