Basic Angular 18 พื้นฐาน

Module 1: แนะนำภาพรวมและแนวคิดของ Angular

• แนะนำภาพรวมของ Angular
• ความแตกต่างระหว่าง Angular JS เวอร์ชั่นล่าสุด กับ เวอร์ชั่นก่อนหน้า
• มีอะไรใหม่ใน Angular 18
• ติดตั้งเครื่องมือและสภาพแวดล้อมที่จำเป็น
• ลงส่วนเสริมและตั้งค่าเครื่องมือให้เหมาะสมสำหรับการเริ่มต้น

Module 2: เริ่มสร้างโปรเจกต์ Angular

• เริ่มติดตั้งโปรเจกต์แรกกับ Angular 18
• การตั้งค่าโปรเจกต์ที่สร้างขึ้นมา
• เรียนรู้โครงสร้างโปรเจกต์ Angular 18 พื้นฐาน
• รู้จักภาษา TypeScript และการทำงานร่วมกับโปรเจกต์ Angular
• ทดสอบ Run และปรับแต่งโปรเจกต์ที่สร้างขึ้นมา

Module 3: พื้นฐานการทำงานกับ Component

• รู้จัก Component และความสำคัญใน Angular
• ฝึกสร้าง Component ใหม่
• การปรับแต่ง Component ในโปรเจกต์
• การทำงานกับ Component Templates
• การทำงานกับ Component Style
• เรียนรู้การทำงานกับ Component Selector

Module 4: การทำ Data binding

• รู้จัก Databinding
• การทำงานกับ String Interpolation
• เรียนรู้ Property Binding
• เรียนรู้ Property Binding vs String Interpolation
• เรียนรู้และทำงานกับ Event Binding
• การส่งข้อมูลระหว่าง Component ด้วย Event Binding
• รู้จักการทำงานแบบ Two-Way-Databinding
• ทำงานกับฟอร์มร่วมกับ Databinding

Module 5: การทำงานกับ Directives

• ทำความเข้าใจกับ Directive ต่างๆ ใน Angular
• เรียนรู้ directive แบบต่างๆ เช่น ngIf, ngStyle, ngFor เป็นต้น
• workshop ตัวอย่างการทำงานกับ directive

Module 6: การทำงานกับ Modules

• แนะนำทำความรู้จัก Module ใน Angular
• Analyzing the AppModule
• Getting Started with Feature Modules
• Splitting Modules Correctly
• Adding Routes to Feature Modules
• Component Declarations
• Understanding Lazy Loading
• Implementing Lazy Loading
• Modules & Services

Module 7: การทำงานกับ Routing

• ทำไมต้องใช้ Router
• ทำความเข้าใจการทำงานของ Router จากโปรเจกต์ตัวอย่าง
• Setting up and Loading Routes
• Navigating with Router Links
• Understanding Navigation Paths
• Styling Active Router Links
• Navigating Programmatically
• Using Relative Paths in Programmatic Navigation
• Passing Parameters to Routes
• Fetching Route Parameters
• Fetching Route Parameters Reactively

Module 8: การทำงานและจัดการ Form & Validation

• Creating the Form and Registering the Controls
• Submitting and Using the Form
• Understanding Form State
• Accessing the Form with @ViewChild
• Adding Validation to check User Input
• Built-in Validators & Using HTML5 Validation
• Using the Form State
• Outputting Validation Error Messages
• Set Default Values with ngModel Property Binding
• Using ngModel with Two-Way-Binding
• Grouping Form Controls
• Handling Radio Buttons
• Using Form Data
• Resetting Forms

Module 9: การใช้งาน Pipes

• Introduction & Why Pipes are useful
• Using Pipes
• Parametrizing Pipes
• Chaining Multiple Pipes
• Creating a Custom Pipe
• Parametrizing a Custom Pipe
• Understanding the "async" Pipe

Module 10: การเขียนเชื่อมต่อกับ Http Client Service

• เรียนรู้การใช้ Angular ติดต่อกับส่วน Backend

• The Anatomy of a Http Request
• Backend (Firebase) Setup
• Sending a POST Request
• GETting Data
• Using RxJS Operators to Transform Response Data
• Using Types with the HttpClient
• Outputting Posts
• Showing a Loading Indicator
• Using a Service for Http Requests
• Services & Components Working Together
• Sending a DELETE Request
• Handling Errors