อธิบายโครงสร้างของ AngularJS project

หลังจากสร้าง Project สำเร็จแล้ว ให้ใช้โปรแรกมeditor เปิดไปที่ folder ที่เป็นที่อยู่ของโปรเจค

ภายในจะพบกับไฟล์และโฟลเดอร์ดังนี้

ในตอนนี้ขออธิบายถึงส่วนที่สำคัญก่อน

โค้ดทั้งหมดจะถูกเก็บอยู่ในโฟลเดอร์ src

เมื่อกางออกมากก็จะพบไฟล์และโฟลเดอร์อีกจำนวนหนึ่ง ซึ่งโค้ดทั้งหมดที่เราเขียนจะอยู่ในนี้ทั้งหมด

index.html ไฟล์หลักของ Project เป็นจุดเริ่มต้นของเว็บ Browser จะมองหาไฟล์นี้เป็นไฟล์แรก แล้วมันจะทำหน้าที่ในการโหลดไฟล์อื่นๆที่เกี่ยวข้องต่อๆไป

main.ts เป็นไฟล์ที่ถูกโหลดต่อมาหลังจาก index.html ที่นี้จะเป็นศูนย์กลางของscript ตัวอื่นๆทั้งหมด ซึ่งเราจะได้เรียนรู้เพิ่มมากขึ้นในระหว่างการทำ workshop

โฟลเดอร์ app เป็นส่วนที่เก็บไฟล์ที่เกี่ยวข้องกับ component ที่ชื่อว่า app ซึ่งตัว angular-cli สร้างให้อัตโนมัติ

ไฟล์อื่นๆยังไม่สำคัญในเวลานี้ ดังนั้นจะขอข้ามไปก่อน