บทความ

#2 Angular - Setup Environment

รูปภาพ
  โปรแกรมหลักๆ ที่จำเป็นต้องมี  Node.js และ npm Git Editor ซักตัว ในที่นี้ขอแนะนำ Visual Studio Code (VSCode) Install Node.js และ npm Step 1 - เข้าไปที่เว็บไซต์ https://nodejs.org/en/download Step 2 - กด Download ตัว Install (แนะนำให้โหลด V. Recommended) Step 3 - กดติดตั้ง แล้ว กดปุ่ม Next Step 4 - ติ๊กที่ช่อง I accept the terms in the License Agreement แล้ว กดปุ่ม Next Step 5 - เลือก folder ที่ต้องการติดตั้ง แล้ว กดปุ่ม Next Step 6 - เลือกทุกอย่างที่ต้องการติดตั้ง แล้ว กดปุ่ม Next Step 7 - กดปุ่ม Install แล้ว รอติดตั้ง Step 8 - เมื่อติดตั้งเสร็จแล้ว ให้กดปุ่ม Finish Step 9 - ให้เปิด command prompt (cmd) ขึ้นมา พิมพ์ npm version เพื่อเช็คว่า ที่ติดตั้งไปติดตั้งสำเร็จนะ Install Git Step 1 - เข้าไปที่เว็บไซต์ https://git-scm.com Step 2 - กด Download ตัว Install Step 3 - หลังจาก Download เสร็จแล้ว ให้ทำการติดตั้ง แล้วกดปุ่ม Next Step 4 - เลือกจะติดตั...

#1 Angular - Introduction to Angular 2

รูปภาพ
เริ่มต้นกับ Angular 2         Angular 1 หรือ AngularJS เป็น JavaScript framework ที่ Developer นิยมใช้มากตัวหนึ่ง แล้วทำไมเราจะต้องใช้ Angular 2 ด้วยล่ะ?    Angular 2 ไม่ได้พัฒนามาจาก Angular 1 แต่ถ้ามาเทียบกันระหว่าง Angular 2 กับ Angular 1 จะเห็นว่า Angular 2 ดีกว่าในหลายๆ ด้าน เช่น     Performtance : ในเรื่องของการแสดงผล Angular 2 โหลดข้อมูลได้เร็วกว่า Angular 1     Mobile Support : Angular 1 ไม่ได้ถูกออกแบบมาเพื่อ mobile devices แต่เราใช้ frameworks อื่นๆ ร่วมกับ Angular 1 เพื่อให้ใช้ใน mobile devices ได้ ส่วน Angular 2 ได้ถูกออกแบบมาเพื่อ mobile ตั้งแต่ต้นแล้ว     Component Based Development : Angular 2 สามารถพัฒนาแยกส่วนเป็น component แล้วนำแต่ละส่วนๆ มาประกอบกันเป็น module ซึ่งง่ายต่อการพัฒนาและแก้ไขในภายหลัง ไว้จะกล่าวในบทถัดๆ ไป    Angular 2 จะใช้ TypeScript ในการพัฒนา ซึ่ง TypeScript สนับสนุนคุณสมบัติ JavaScript ตามมาตรฐาน ECMAScript2015 (ES6) กล่าวคือจะมีคุณสมบัติที่เทียบเท่ากันทั้งหมด นอกจ...