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