Basic Angular 16 พื้นฐาน

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

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

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

เริ่มติดตั้งโปรเจ็กต์แรกกับ Angular 16
การตั้งค่าโปรเจ็กต์ที่สร้างขึ้นมา
เรียนรู้โครงสร้างโปรเจ็กต์ Angular 16 พื้นฐาน
รู้จักภาษา 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