6 ขั้นตอน การเตรียมตัวก่อนเขียน Angular 2 ครับ

ความรู้พื้นฐานที่ต้องมี

1. HTML, CSS, Modern JavaScript (ES2015/ES6)
2. TypeScript https://www.typescriptlang.org/

---

การเตรียมเครื่องมือ

1. ติดตั้ง Node.js และ npm ดาวน์โหลด และติดตั้งได้ที่ https://nodejs.org/en/
2. ติดตั้ง Editor ในที่นี้จะยกตัวอย่าง Atom ครับ ดาวน์โหลดและติดตั้งได้ที่ https://atom.io/
3. ติดตั้ง package ชื่อว่า Atom TypeScript ให้กับ Atom Editor
   (เข้าเมนู Settings -> Install พิมพ์ atom-typescript แล้วกด Install)
4. ติดตั้ง package ชื่อว่า Angular 2 TypeScript Snippets เพื่อช่วยประหยัดเวลาในการเขียนโค้ด
   (เข้าเมนู Settings -> Install พิมพ์ angular-2-typescript-snippets แล้วกด Install)
5. ก่อนลงมือเขียน แนะนำให้อ่าน Angular 2 Style Guide เพื่อรูปแบบโค้ดที่ถูกต้อง และเป็นมาตรฐาน ได้ที่นี่
   https://angular.io/docs/ts/latest/guide/style-guide.html
6. ทดลองลงมือเขียน Hello World ได้ที่คลิปด้านล่างนี้ แล้วต่อด้วยคู่มือ https://angular.io/docs/ts/latest/tutorial/

สุดท้าย ลองแวะเข้าไปดูแหล่งเรียนรู้ของ Angular 2 ได้ที่นี่ครับ

https://angular.io/resources/

ขอให้สนุกกับการเรียนรู้ครับ แล้วพบกันในบทความต่อไป 🙂