วิธีที่ดีในการเรียนรู้ AngularJS คือการผ่านขั้นตอนการสอนนี้ทีละขั้นตอนซึ่งจะนำคุณผ่านการสร้างแอปพลิเคชันเว็บ AngularJS ที่สมบูรณ์ เว็บแอปเป็นรายชื่อไดเรกทอรีของอุปกรณ์ Android คุณสามารถกรองรายการเพื่อดูอุปกรณ์ที่คุณสนใจจากนั้นดูรายละเอียดอุปกรณ์
บทช่วยสอนนี้จะแสดงให้คุณเห็นว่า AngularJS ทำให้เว็บแอปพลิเคชันฉลาดขึ้นและยืดหยุ่นมากขึ้นได้อย่างไรโดยไม่ต้องใช้ส่วนขยายหรือปลั๊กอินต่างๆ ผ่านบทช่วยสอนนี้คุณจะ:
1. อ่านตัวอย่างเพื่อเรียนรู้วิธีการใช้ความสามารถในการเชื่อมโยงข้อมูลลูกค้าของ AngularJS และความสามารถในการฉีดพึ่งพาเพื่อสร้างมุมมองข้อมูลแบบไดนามิกที่สามารถตอบสนองต่อการกระทำของผู้ใช้ได้ทันที
2. เรียนรู้วิธีสร้างผู้ฟังข้อมูลโดยใช้ AngularJs โดยไม่ต้องดำเนินการ DOM
3. เรียนรู้วิธีที่ดีกว่าและง่ายขึ้นในการทดสอบเว็บแอปพลิเคชันของคุณ
4. เรียนรู้วิธีการใช้ AngularJS เพื่อสร้างงานเว็บทั่วไปเช่นการแนะนำข้อมูลในแอปพลิเคชันที่สะดวกยิ่งขึ้น
และทั้งหมดนี้สามารถนำไปใช้ในเบราว์เซอร์ใด ๆ โดยไม่ต้องกำหนดค่าเบราว์เซอร์!
เมื่อคุณทำบทช่วยสอนนี้เสร็จแล้วคุณจะได้เรียนรู้:
1. สร้างแอพพลิเคชั่นที่ใช้งานได้ในเบราว์เซอร์ใด ๆ
2. เข้าใจความแตกต่างระหว่าง AngularJs และกรอบ JavaScript อื่น ๆ
3. เข้าใจว่า AngularJS ใช้การเชื่อมโยงข้อมูลอย่างไร
4. ใช้โครงการเมล็ดพันธุ์ของ AngularJS เพื่อสร้างโครงการของคุณเองอย่างรวดเร็ว
5. สร้างและเรียกใช้การทดสอบ
6. เรียนรู้เพิ่มเติมทรัพยากรการระบุตัวตนของ AngularJS (API)
บทช่วยสอนนี้จะแนะนำคุณผ่านกระบวนการสร้างแอปพลิเคชันอย่างง่ายรวมถึงการเขียนและการทดสอบหน่วยการทดสอบและการทดสอบแอปพลิเคชันอย่างต่อเนื่อง แต่ละขั้นตอนของการสอนให้คำแนะนำในการเรียนรู้เพิ่มเติมเกี่ยวกับ AngularJS และเว็บแอปพลิเคชันที่คุณสร้าง คุณสามารถอ่านบทช่วยสอนนี้ได้อย่างรวดเร็วในเวลาอันสั้นหรือคุณอาจต้องใช้เวลาในการขุดหามันมาก หากคุณต้องการดูเอกสารแนะนำ AngularJs สั้น ๆ โปรดตรวจสอบเอกสาร [เริ่มต้นอย่างรวดเร็ว] [เริ่มต้นใช้งาน]
สร้างสภาพแวดล้อมการเรียนรู้
ไม่ว่าจะอยู่ในสภาพแวดล้อม Mac, Linux หรือ Windows คุณสามารถติดตามบทช่วยสอนนี้เพื่อเรียนรู้การเขียนโปรแกรม คุณสามารถใช้ระบบควบคุมเวอร์ชันการจัดการซอร์สโค้ด GIT เพื่อรับไฟล์ซอร์สโค้ดของโครงการบทช่วยสอนนี้หรือดาวน์โหลดแพ็คเกจการบีบอัด Mirror Archive ของไฟล์ซอร์สโค้ดของโครงการบทช่วยสอนนี้โดยตรงจากอินเทอร์เน็ต
1. คุณต้องติดตั้ง node.js และ testacular เพื่อเรียกใช้โครงการนี้ โปรดดาวน์โหลดและติดตั้งเวอร์ชันล่าสุดได้ที่เว็บไซต์อย่างเป็นทางการของ Node.js จากนั้นเพิ่มเส้นทางโปรแกรมที่เรียกใช้งานโหนดไปยังเส้นทางตัวแปรสภาพแวดล้อมของระบบ หลังจากเสร็จสิ้นให้เรียกใช้คำสั่งบนบรรทัดคำสั่งเพื่อดูว่าการติดตั้งสำเร็จหรือไม่:
การคัดลอกรหัสมีดังนี้:
โหนด -เวอร์ชัน
จากนั้นติดตั้งโปรแกรมทดสอบหน่วย testacular โปรดเรียกใช้คำสั่งต่อไปนี้:
การคัดลอกรหัสมีดังนี้:
npm ติดตั้ง -g testacular
2. ติดตั้งเครื่องมือ GIT จากนั้นใช้คำสั่งต่อไปนี้เพื่อคัดลอกไฟล์ซอร์สโค้ดของโครงการบทช่วยสอนนี้จาก GitHub:
การคัดลอกรหัสมีดังนี้:
git clone git: //github.com/angular/angular-phonecat.git
นอกจากนี้คุณยังสามารถดาวน์โหลดแพ็คเกจการบีบอัด Mirror Archive ของซอร์สโค้ดของโครงการบทช่วยสอนนี้ได้โดยตรงจากอินเทอร์เน็ต คำสั่งนี้สร้างโฟลเดอร์ใหม่เชิงมุม-ฟีนเนคัตในโฟลเดอร์ปัจจุบันของคุณ
3. สิ่งสุดท้ายที่ต้องทำคือตรวจสอบให้แน่ใจว่าคอมพิวเตอร์ของคุณมีเว็บเบราว์เซอร์และตัวแก้ไขข้อความที่ติดตั้ง
4. ป้อนแพ็คเกจซอร์สโค้ดไฟล์การสอนแพ็คเกจ Angular-Phonecat เรียกใช้โปรแกรมพื้นหลังเซิร์ฟเวอร์และเริ่มเรียนรู้ AngularJS!
การคัดลอกรหัสมีดังนี้:
CD Angular-Phonecat
Node Scripts/web-server.js