วิธีลงโปรแกรมสำหรับเรียน MEAN Stack บน Windows + วิดีโอ

คนที่จะเรียนกับโค้ชพลในหลักสูตรอบรม MEAN Stack ให้ติดตั้งโปรแกรมตามนี้ได้เลย

ถ้าเกิดเจอ Error อะไรระหว่างติดตั้ง ลองเลื่อนลงไปดูด้านล่างสุดของบทความ เพื่อดูวิธีแก้ไขที่โค้ชพลกับพี่น้องท่านอื่นๆ เจอนะ

สำหรับคนใช้ Mac OS X วิธีติดตั้งจะตามมาเร็วๆ นี้ครับ

ขั้นตอนทั้งหมด

1. ติดตั้งระบบ Node JS
2. ติดตั้งระบบ Bitnami MEAN Stack
3. ติดตั้งระบบ Git for Windows
4. ติดตั้งโปรแกรม Sublime Text

1. ติดตั้งระบบ Node JS

สำหรับระบบ Node JS นั้น เราสามารถไปดาวน์โหลดได้ที่ nodejs.org

โดยเลือกเวอร์ชั่นให้ตรงกับเครื่องที่ตัวเองต้องใช้ 32-bit หรือ 64-bit กดให้ดีนะ

ดูวิดีโอแนะนำการติดตั้ง Node JS ของโค้ชพลได้ที่นี่

2. ติดตั้ง MongoDB Database Server

เพื่อลดความยุ่งยากของการติดตั้ง, ทดสอบ, และเรียนรู้ระบบฐานข้อมูล MongoDB เราจะใช้ตัวติดตั้ง MongoDB สำหรับ Windows

เลือกเวอร์ชั่นให้ตรงกับระบบนะ เพราะถ้าติดตั้งไม่ตรง จะทำให้มีปัญหาตอนเปิดใช้งานได้

ลองดูความแตกต่างของตัวติดตั้งแต่ละตัว

• MongoDB for Windows 64-bit สำหรับ
  • Windows Server 2008 R2
  • Windows 7 รุ่น 64-bit
  • Windows 8, 8.1 รุ่น 64-bit
  • และ Windows รุ่นใหม่ๆ
• MongoDB for Windows 32-bit สำหรับ
  • Windows รุ่น 32-bit ทุกรุ่นที่ใหม่กว่า Windows Vista
• MongoDB for Windows 64-bit Legacy สำหรับ
  • Windows Vista
  • Windows Server 2003
  • Windows Server 2008

ดาวน์โหลดตัวติดตั้ง MongoDB ได้ที่นี่

และให้ทำการติดตั้งการขั้นตอนที่ปรากฎในโปรแกรมจนเสร็จเรียบร้อยครับ

3. ติดตั้งระบบ Git for Windows

ในทีนี้เราจะทำการติดตั้งระบบ Git สำหรับการจัดการไฟล์ต่างๆ ของเรา และจากเว็บไซต์ GitHub บน Windows ครับ

ดาวน์โหลดโปรแกรมได้จากที่นี่ และเริ่มการติดตั้ง ขั้นตอนการติดตั้งจะตรงไปตรงมา

แต่ในขั้นตอนที่ชื่อ “Adjusting Your PATH environment” ให้เลือกเป็น “Run Git from Windows Command Prompt” นะฮว้าฟ

4. ติดตั้งโปรแกรม Sublime Text

ตัวโปรแกรม Text Editor ที่เราจะใช้ในการอบรม MEAN Stack คือ Sublime Text 3

ดาวน์โหลดได้จากที่นี่ ให้ตรงกับเวอร์ชั่นของ Windows และให้ทำการติดตั้งตามขั้นตอน

ซึ่งหลังจากติดตั้งเสร็จแล้ว เราต้องลง Package เพื่อช่วยให้เราพัฒนา MEAN ได้สะดวกและรวดเร็ว

วิดีโอนี้โค้ชพลอธิบายขั้นตอนการติดตั้ง Package Control ของ Sublime Text ไว้ หรือจะดูตามขั้นตอนด้านล่างวิดีโอก็ได้ครับ

1. ติดตั้ง Package Control
   1. copy ข้อความในกล่องที่อยู่ใน Web page: https://sublime.wbond.net/installation
   2. เปิด Console View ของ Sublime Text (ไปที่ View > Show Console)
   3. Copy ข้อความไปวางไว้ใน Console View แล้วกด Enter
   4. หลังระบบติดตั้งเสร็จแล้วให้ปิด และเปิดโปรแกรมใหม่
2. ติดตั้ง Package ที่ต้องการ
   1. เปิดคำสั่ง Command โดยกดปุ่ม Ctrl + Shift + P
   2. พิมพ์ install เพื่อหาคำสั่ง Package Control: Install Package เลือกแล้วกด Enter
   3. ระบบจะโหลดรายชื่อ Package (สังเกตจากด้านล่างของโปรแกรม) ให้ค้นหา และ install package

รายชื่อ Package ที่ต้องลงให้เรียบร้อย

• AngularJS
• Javascript Next
• Javascript & Node JS Snippet
• Sidebar Enhancement
• All AutoComplete
• AutoFileName
• HTML-CSS-JS Prettify
• Emmet (ติดตั้งเสร็จแล้ว จะมีการติดตั้ง PyV8 เพิ่มเติม โดยการแสดงสถานะด้านล่างโปรแกรม ให้แน่ใจว่าการติดตั้งเสร็จแล้ว ค่อย restart โปรแกรม)

สรุป

นั้นคือขั้นตอนการลงโปรแกรมที่เป็นลำดับขั้นตอนทั้งหมด ในการเตรียมตัวมาอบรม MEAN Stack กับโค้ชพล

สนใจหลักสูตรอื่นๆ ลองดูได้ตามรายการด้านล่างครับ

• สร้างแอพ iOS และ Android ด้วย PhoneGap, Angular JS, และ Ionic Framework
• สร้างเว็บแอพด้วย React JS และแอพ iOS Native ด้วย React Native
• สร้างเว็บแบบไม่ต้องโค้ดด้วย Adobe Muse CC
• ออกแบบ และสร้างเว็บแบบ Responsive ด้วย Adobe Creative Cloud