Workshop CURD Angular 5 with MDBootstrap

คอร์สสอน Workshop Angular 5 : กับการ เพิ่ม ลบ แก้ไข และการแสดงข้อมูล

โดยหัวข้อนี้จะเป็นการใช้ Frontend ทั้งหมดตั้งแต่การ เพิ่ม ลบ แก้ไข ไปจนถึงการแสดงข้อมูลโดยจะจำลองข้อมูลก่อน เพื่อรอ Connect Web api โดยเมื่อ Connect กับ Web api ก็แทบจะไม่ต้องแก้ไขอะไรมากมายเลย เรามีความรู้ดีๆมาฝากคุณแล้วในแบบที่ สวยด้วย Material design อย่าง MDBoostrap, มีหลักการ และเข้าใจได้ง่าย

หัวข้อที่จะสอน

1. การติดตั้ง Angular 5 และ Material design อย่าง MDBootstrap

2. เริ่มต้นสร้างหน้าเว็บแบบสวยๆ โดยใช้ MDBootstrap เพื่อร่างหน้าสำหรับ

   1. การแสดงข้อมูล

   2. การเพิ่มข้อมูล

   3. การแก้ไขข้อมูล

   4. การลบข้อมูล

3. เริ่มต้นสร้าง กฎ และ ฟังก์ชั่นให้กับ Component เพื่อสำหรับการทำงานแบบเป็นทีม

4. เริ่มต้นสร้าง Unit test เพื่อการเข้าใจกระบวนการทำงานของ ฟังก์ชั่นและตัวแปรใน Component เพื่อให้ทีมทำงานในทิศทางเดียวกัน

5. จำลองข้อมูลสำหรับการแสดงข้อมูลในหน้า View

6. จำลองการ เพิ่มข้อมูล

7. จำลองการ แก้ไขข้อมูล

8. จำลองการ ลบข้อมูล

9. นำข้อมูลที่จำลองไว้ทั้งหมดมาเชื่อมต่อกับเว็บ API แค่ไม่กี่นาทีๆ