0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

เรียนรู้ Angular เพื่อสร้างเว็บแอปพลิเคชันที่ปรับขนาดได้และทันสมัยกับ Angular Academy

🤖 ขับเคลื่อนด้วย AI📚 คอร์ส 38👥 ผู้เรียน 100,000+ คน⭐ คะแนน 4.9
ภาพรวมคอร์ส

Angular: เฟรมเวิร์กที่อยู่เบื้องหลังเว็บแอปขนาดใหญ่ในการผลิต

Angular คือเฟรมเวิร์ก TypeScript-first ที่มีมุมมองชัดเจนจาก Google ซึ่งใช้สร้างแอปพลิเคชันเพจเดียวที่ใหญ่และรักษาความสอดคล้องได้ โมเดลคอมโพเนนต์ ระบบ dependency injection และเครื่องมือระดับแรกของมันทำให้เป็นทางเลือกของทีมองค์กรและนักพัฒนาที่ต้องการโครงสร้างที่ปรับขนาดได้ เส้นทางนี้ครอบคลุม Angular สมัยใหม่ — เวอร์ชัน 19 ที่มี standalone components, Signals และไวยากรณ์การควบคุมแบบใหม่ — ไม่ใช่รูปแบบเก่าจากคำแนะนำเวอร์ชันเก่า

สิ่งที่คุณจะเรียนรู้

คุณจะเริ่มต้นด้วย Angular CLI โครงสร้างโครงการ และพื้นฐาน Angular 19 จากนั้นไปยัง reactivity ที่อิงตาม Signals, standalone components และ dependency injection หลังจากนั้น คุณจะครอบคลุมฟอร์มแบบ template-driven และ reactive, ตัวดำเนิน RxJS, HttpClient interceptors, hook วงจรชีวิตของคอมโพเนนต์, content projection, animations และ routing หลักสูตรที่ตามมาจะแก้ไขการจัดการสถานะด้วย NgRx และ NgRx SignalStore ที่อิงตาม Signal, การทดสอบหน่วยและ end-to-end, การสนับสนุนภาษา และการควบคุมฟอร์มแบบกำหนดเอง เส้นทางปิดท้ายด้วยการเพิ่มประสิทธิ์การตรวจจับการเปลี่ยนแปลง, การแสดงผลฝั่งเซิร์ฟเวอร์, hydration, micro frontends ที่มี Module Federation, การสร้างไลบรารี Angular ที่นำกลับมาใช้ได้ และพื้นฐานความปลอดภัยของ Angular

เส้นทางการเรียนรู้

สามสิบเจ็ดหลักสูตรครอบคลุม A1 ถึง C1 แปดหลักสูตรแรก (A1–A2) สร้างพื้นฐาน: การตั้งค่า CLI, standalone components, pipes, lifecycle hooks และ two-way binding หลักสูตร B1 และ B2 พัฒนาทักษะการใช้งาน — RxJS, advanced routing, reactive forms, directive composition และความครอบคลุมการทดสอบทั้งหมด ระดับ C1 ครอบคลุมสิ่งที่แยกแยะ Angular ในการผลิตจาก Angular สอน: Change Detection and Performance, NgRx SignalStore, Server-Side Rendering with Angular SSR, Micro Frontends with Module Federation, Building Angular Libraries และ Angular Security Essentials

วิธีการทำงาน

แต่ละหลักสูตรแบ่งออกเป็นบทเรียนสั้น ๆ ที่ใช้มือจริง ซึ่งคุณสามารถทำได้ในตัวแก้ไขโค้ดในตัว พร้อมการตอบรับแบบเรียลไทม์ มีครูเทียม AI พร้อมช่วยเหลือเมื่อใดก็ตามที่คุณติดขัด และแนวคิดทุกอย่างได้รับการเสริมแรงด้วยแบบฝึกหัดที่ทำงานโดยตรงในเบราว์เซอร์ — ไม่จำเป็นต้องตั้งค่าเครื่องในพื้นที่เพื่อเริ่มต้น

เริ่มเรียนรู้ →

วิธีการเรียนรู้ของคุณ

🎯
บทเรียนแบบโต้ตอบ
แบบฝึกหัดการเขียนโค้ดโดยตรงพร้อมข้อเสนอแนะแบบเรียลไทม์
🤖
ติวเตอร์ AI
ได้รับความช่วยเหลือแบบทันทีจาก AI ของเราเมื่อคุณติดขัด
💻
ตัวแก้ไขในตัว
เขียนและรันโค้ดโดยตรงในเบราว์เซอร์ของคุณ
🏆
ใบรับรอง
ได้รับใบรับรองเมื่อคุณเสร็จสิ้นหลักสูตร
หลักสูตร

38 หลักสูตร

ทุกหลักสูตรในเส้นทางการเรียนรู้ Angular Academy

01

ยินดีต้อนรับสู่ Angular

A13 บทเรียน

ทำความเข้าใจว่า Angular คืออะไร เหตุใด Google จึงสร้างและดูแลมัน และมันเปลี่ยนวิธีสร้างเว็บแอปพลิเคชันขนาดใหญ่ระดับมืออาชีพอย่างไร

02

Angular CLI และโครงสร้างโปรเจกต์

A14 บทเรียนPRO

สร้างโครงร่าง สร้าง และจัดการโปรเจกต์ Angular อย่างมีประสิทธิภาพด้วย Angular CLI

03

โฟลว์ควบคุมในตัว

A14 บทเรียนPRO

ใช้ไวยากรณ์บล็อกโฟลว์ควบคุมสมัยใหม่ของ Angular สำหรับเงื่อนไขและลูปในเทมเพลต

04

พื้นฐาน Angular 19

A13 บทเรียนPRO

บทนำสู่ Angular 19 พร้อมสำรวจคุณสมบัติสำคัญ สถาปัตยกรรม และการตั้งค่าสภาพแวดล้อม

05

พื้นฐานสัญญาณของ Angular

A24 บทเรียนPRO

เชี่ยวชาญโพรไมทีฟสัญญาณแบบรีแอกทีฟของ Angular เพื่อจัดการสถานะแบบละเอียดและมีประสิทธิภาพ

06

เจาะลึกคอมโพเนนต์แบบสแตนด์อโลน

A24 บทเรียนPRO

สร้างแอป Angular โดยไม่ใช้ NgModules ด้วยสถาปัตยกรรมคอมโพเนนต์แบบสแตนด์อโลน

07

พื้นฐานการฉีดการพึ่งพา

A24 บทเรียนPRO

จัดเตรียมและเรียกใช้บริการด้วยระบบฉีดการพึ่งพาแบบลำดับชั้นของ Angular

08

ไพป์: ในตัวและกำหนดเอง

A24 บทเรียนPRO

แปลงข้อมูลที่แสดงผลด้วยไพป์ในตัว และสร้างไพป์กำหนดเองของคุณเอง

09

ฮุกวงจรชีวิตคอมโพเนนต์

A24 บทเรียนPRO

เชื่อมการทำงานเข้ากับการสร้าง การเปลี่ยนแปลง และการทำลายคอมโพเนนต์ด้วยฮุกวงจรชีวิตของ Angular

10

การผูกข้อมูลสองทางและอินพุตโมเดล

A24 บทเรียนPRO

ซิงโครไนซ์ข้อมูลระหว่างคอมโพเนนต์แม่และลูกด้วยการผูกข้อมูลสองทางและอินพุตโมเดลที่อิงสัญญาณ

11

การจัดรูปแบบและการห่อหุ้มคอมโพเนนต์

A24 บทเรียนPRO

จัดรูปแบบคอมโพเนนต์ด้วย CSS แบบจำกัดขอบเขต โหมดห่อหุ้มมุมมอง และการจัดรูปแบบโฮสต์

12

อินพุตและคิวรีแบบสัญญาณ

B14 บทเรียนPRO

ใช้ API อินพุต เอาต์พุต และคิวรีมุมมองแบบอิงสัญญาณสมัยใหม่ เพื่อสร้างคอมโพเนนต์ที่สะอาดยิ่งขึ้น

13

สัญญาณ: ค่าคำนวณและเอฟเฟกต์

B14 บทเรียนPRO

สร้างค่าที่อิงการตอบสนองด้วยสัญญาณคำนวณ และเรียกใช้ผลข้างเคียงด้วย API effect

14

พื้นฐาน RxJS สำหรับ Angular

B14 บทเรียนPRO

ทำความเข้าใจออบเซอร์เวเบิล การสมัครรับข้อมูล และซับเจกต์ ซึ่งเป็นพื้นฐานของการตอบสนองใน Angular

15

การฉายเนื้อหาและเทมเพลต

B14 บทเรียนPRO

สร้างคอมโพเนนต์ที่ยืดหยุ่นและนำกลับมาใช้ใหม่ได้ด้วยการฉายเนื้อหา ng-content และการอ้างอิงเทมเพลต

16

แอนิเมชันของ Angular

B14 บทเรียนPRO

ทำให้อินเทอร์เฟซมีชีวิตชีวาด้วยระบบแอนิเมชันแบบประกาศของ Angular

17

คอมโพเนนต์และคำสั่งกำกับขั้นสูง

B13 บทเรียนPRO

สำรวจการโต้ตอบระหว่างคอมโพเนนต์ขั้นสูง คำสั่งกำกับ และแนวทางปฏิบัติที่ดี

18

การกำหนดเส้นทางและการนำทางใน Angular

B13 บทเรียนPRO

เรียนรู้การกำหนดเส้นทาง ตัวป้องกันการนำทาง และตัวแก้ไขเส้นทางใน Angular

19

การทำงานกับฟอร์ม

B13 บทเรียนPRO

ครอบคลุมรายละเอียดการจัดการฟอร์มใน Angular

20

เจาะลึกตัวดำเนินการ RxJS

B24 บทเรียนPRO

ประกอบโฟลว์ข้อมูลทรงพลังด้วยตัวดำเนินการแมป การกรอง การรวม และข้อผิดพลาด

21

Angular Router ขั้นสูง

B24 บทเรียนPRO

ก้าวข้ามการกำหนดเส้นทางพื้นฐานด้วยตัวแก้ข้อมูล ข้อมูลเส้นทาง พารามิเตอร์ และตัวป้องกันแบบฟังก์ชัน

22

ตัวสกัดกั้น HttpClient

B24 บทเรียนPRO

รวมการจัดการข้อกังวล HTTP ร่วมศูนย์ด้วยตัวสกัดกั้นแบบฟังก์ชันและแบบคลาส

23

ฟอร์มแบบรีแอกทีฟขั้นสูง

B24 บทเรียนPRO

สร้างฟอร์มแบบรีแอกทีฟที่มีชนิดข้อมูลชัดเจนและปรับเปลี่ยนได้ด้วย FormArray ตัวควบคุมกำหนดเอง และการตรวจสอบแบบอะซิงก์

24

API การประกอบไดเรกทีฟ

B24 บทเรียนPRO

ประกอบพฤติกรรมที่นำกลับมาใช้ใหม่ได้ด้วยการใช้ไดเรกทีฟหลายรายการกับคอมโพเนนต์โฮสต์

25

การจัดการสถานะด้วย NgRx

B23 บทเรียนPRO

ใช้ NgRx เพื่อจัดการสถานะแอปพลิเคชันอย่างมีประสิทธิภาพ

26

การจัดการสถานะด้วยสัญญาณ

B24 บทเรียนPRO

วางสถาปัตยกรรมสถานะแอปพลิเคชันด้วยสัญญาณ บริการ และรูปแบบรีแอกทีฟโดยไม่ใช้ไลบรารีภายนอก

27

ตัวควบคุมฟอร์มกำหนดเอง

B24 บทเรียนPRO

ผสานวิดเจ็ตกำหนดเองเข้ากับฟอร์ม Angular ด้วยการใช้งาน ControlValueAccessor

28

การทดสอบหน่วยและคอมโพเนนต์ของ Angular

B24 บทเรียนPRO

ทดสอบคอมโพเนนต์ บริการ และไพป์ด้วย TestBed และเครื่องมือทดสอบของ Angular

29

การทดสอบ Angular แบบครบกระบวนการ

B24 บทเรียนPRO

ตรวจสอบลำดับการใช้งานจริงของผู้ใช้ด้วยการทดสอบแบบครบกระบวนการโดยใช้ Playwright และ Cypress

30

การทำให้เป็นสากล (i18n)

B24 บทเรียนPRO

ปรับแอป Angular ให้เข้ากับท้องถิ่นด้วยระบบ i18n ในตัวและกลยุทธ์การแปลขณะทำงาน

31

HTTP และการผสานรวม API

B23 บทเรียนPRO

เชี่ยวชาญการสื่อสารด้วย HTTP และการผสานรวม API ใน Angular

32

การตรวจจับการเปลี่ยนแปลงและประสิทธิภาพ

C14 บทเรียนPRO

เพิ่มประสิทธิภาพการเรนเดอร์ด้วยการตรวจจับการเปลี่ยนแปลงแบบ OnPush โหมดไร้โซน และกลยุทธ์ trackBy

33

NgRx SignalStore

C14 บทเรียนPRO

จัดการสถานะซับซ้อนด้วย NgRx SignalStore สมัยใหม่ที่อิงสัญญาณ

34

การเรนเดอร์ฝั่งเซิร์ฟเวอร์ด้วย Angular SSR

C14 บทเรียนPRO

เรนเดอร์ Angular บนเซิร์ฟเวอร์เพื่อให้แสดงผลครั้งแรกเร็วขึ้นและปรับปรุง SEO

35

การไฮเดรตและประสิทธิภาพ

C14 บทเรียนPRO

เร่งแอป SSR ด้วยการไฮเดรตแบบเต็มและแบบเพิ่มทีละส่วน เพื่อลดงานฝั่งไคลเอ็นต์

36

ไมโครฟรอนต์เอนด์ด้วย Module Federation

C14 บทเรียนPRO

ประกอบแอป Angular ขนาดใหญ่จากไมโครฟรอนต์เอนด์ที่นำไปติดตั้งได้อย่างอิสระ

37

การสร้างไลบรารี Angular

C14 บทเรียนPRO

จัดแพ็กเกจและเผยแพร่ไลบรารี Angular ที่นำกลับมาใช้ใหม่ได้ด้วยรูปแบบแพ็กเกจ Angular

38

สาระสำคัญด้านความปลอดภัยของ Angular

C13 บทเรียนPRO

รักษาความปลอดภัยให้แอปพลิเคชัน Angular ด้วยเทคนิคสำคัญ

คำถามที่พบบ่อย

คำถามที่พบบ่อย

หลักสูตร Angular Academy ฟรีหรือไม่

ใช่ คุณสามารถเริ่มหลักสูตร Angular Academy ได้ฟรีและเสร็จสิ้นบทเรียนแบบโต้ตอบโดยไม่มีค่าใช้จ่าย การสมัครสมาชิก PRO ที่เป็นทางเลือกจะปลดล็อกเครื่องมือ AI ขั้นสูงและใบรับรองที่แชร์ได้

ฉันต้องมีประสบการณ์มาก่อนหรือไม่ในการเรียนรู้ HTML

ไม่ หลักสูตรเริ่มต้นด้วยพื้นฐานและค่อยๆ ไปสู่หัวข้อที่ซับซ้อนมากขึ้น ดังนั้นคุณสามารถเริ่มได้แม้ว่าจะไม่มีประสบการณ์ HTML มาก่อน

ฉันจะเรียนรู้ HTML บน CoddyKit ได้อย่างไร

คุณเรียนรู้โดยการลงมือทำ บทเรียนสั้น ๆ แบบโต้ตอบจับคู่คำอธิบายที่ชัดเจนกับแบบฝึกหัดการเขียนโค้ดที่ทำงานในเวลาจริง และติวเตอร์ AI ที่ทำงาน 24/7 ให้ความช่วยเหลือแบบบุคคลเมื่อคุณติดขัด

ฉันได้รับใบรับรองสำหรับการเสร็จสิ้น Angular Academy หรือไม่

ใช่ ผู้เรียน PRO สามารถสอบและได้รับใบรับรองการเสร็จสิ้นที่แชร์ได้พร้อมรหัสที่สามารถตรวจสอบได้สำหรับหลักสูตร Angular Academy

ฉันสามารถเรียนรู้ HTML บนโทรศัพท์ของฉันได้หรือไม่

ใช่ CoddyKit พร้อมใช้งานบนเว็บและเป็นแอปพลิเคชันแบบเนทีฟ iOS และ Android ดังนั้นคุณสามารถเรียนรู้ HTML บนอุปกรณ์ใดก็ได้และความคืบหน้าของคุณจะซิงค์ในทุกอุปกรณ์

เริ่มเรียน Angular Academy ตอนนี้

เข้าร่วมกับผู้เรียนนับพันคนที่กำลังเรียนรู้การเขียนโปรแกรมผ่านบทเรียนที่ขับเคลื่อนด้วย AI

เริ่มฟรี →ดูคอร์สทั้งหมด