Angular: เรียนแล้วโค้ด

เรียนรู้ Angular ทีละขั้น ตั้งแต่คอมโพเนนต์แรกของคุณไปจนถึงเว็บแอปจริงที่สื่อสารกับเซิร์ฟเวอร์ เขียน TypeScript เทมเพลต และสไตล์ในเวิร์กเบนช์สามส่วน พร้อมดูคอมโพเนนต์ของคุณแสดงผลแบบสดบนโทรศัพท์

หลักสูตรการพัฒนาเว็บที่เน้นการลงมือทำ: คุณจะเรียนรู้ TypeScript ในแบบที่นักพัฒนาฟรอนต์เอนด์ใช้จริง ภายในคอมโพเนนต์ บริการ และเทมเพลต

มีอะไรอยู่ภายใน

• 38 หลักสูตรและบทเรียนสั้น 144 บท ตั้งแต่ระดับเริ่มต้น (A1) ถึงระดับสูง (C1)

• เวิร์กเบนช์แบบสด: component.ts, template.html และ styles.css แสดงเคียงข้างกัน พร้อมพรีวิวที่รันโค้ดของคุณ

• แท็บโปรเจกต์พร้อมเวิร์กสเปซหลายไฟล์ เส้นทางโปรเจกต์แบบมีคำแนะนำ และประวัติเวอร์ชัน

• ภารกิจเขียนโค้ด TypeScript 60 ภารกิจในสามระดับความยาก พร้อมคำใบ้และเฉลยแบบอธิบายวิธีทำ

• การสอบปลายหลักสูตรและใบรับรองการจบหลักสูตรที่มีชื่อของคุณ

• แอปพร้อมให้บริการใน 22 ภาษา

เส้นทางนักพัฒนาฟรอนต์เอนด์แบบครบถ้วน

• คอมโพเนนต์แบบสแตนด์อโลน เทมเพลต และโฟลว์ควบคุมในตัว (@if, @for)

• Signals: signal(), computed() และ effect(), อินพุตและคิวรีแบบ signal

• การเชื่อมโยงข้อมูล การเชื่อมโยงสองทาง pipes และฮุกวงจรชีวิต

• การฉีด依พึ่งพาและบริการที่ใช้ร่วมกัน

• การกำหนดเส้นทางและการนำทาง รวมถึงรูปแบบเราเตอร์ขั้นสูง

• ฟอร์มแบบขับเคลื่อนด้วยเทมเพลตและฟอร์มแบบรีแอ็กทีฟ รวมถึงคอนโทรลฟอร์มแบบกำหนดเอง

• พื้นฐานและโอเปอเรเตอร์ของ RxJS

• HttpClient และอินเตอร์เซปเตอร์สำหรับข้อมูลจาก API จริง

• การจัดการสถานะด้วย NgRx และ NgRx SignalStore

• การทดสอบแบบยูนิต คอมโพเนนต์ และแบบต้นทางถึงปลายทาง

• การตรวจจับการเปลี่ยนแปลง ประสิทธิภาพ การเรนเดอร์ฝั่งเซิร์ฟเวอร์ และไฮเดรชัน

• ไมโครฟรอนต์เอนด์ ไลบรารี i18n และความปลอดภัย

การฝึกฝนที่ช่วยให้จำได้

• แบบทดสอบสั้นและการทบทวนด้วยแฟลชการ์ดสำหรับแนวคิดที่คุณมักลืม

• ชีตสรุปหนึ่งหน้าครอบคลุมไวยากรณ์ ดีคอเรเตอร์ และไดเรกทีฟ

• คลังคอมโพเนนต์ตัวอย่างสั้น ๆ ที่คุณเปิด รัน และแก้ไขได้

• คำถามสัมภาษณ์ 50 ข้อพร้อมคำตอบที่ชัดเจน มีประโยชน์ก่อนการสัมภาษณ์นักพัฒนาฟรอนต์เอนด์

• World Coding Challenge: ปัญหาเดียวที่ทุกคนร่วมกันแก้ พร้อมดูวิธีแก้ของทุกคน

• สตรีค XP กระดานจัดอันดับ และการแจ้งเตือนรายวันเพื่อช่วยให้คุณรักษานิสัยการเขียนโค้ด

เครื่องมือ AI (PRO)

• ติวเตอร์ AI: ถามเกี่ยวกับข้อผิดพลาด แนวคิด หรือโค้ดของคุณเอง แล้วรับคำอธิบายที่ชัดเจน

• เครื่องมือสร้างบทเรียนด้วย AI: บทเรียนแบบกำหนดเองในหัวข้อที่คุณยังไม่เข้าใจ

• สนามทดลอง AI: อธิบายหน้าเว็บ แล้วดูโค้ดถูกสร้างขึ้น

เหมาะสำหรับใคร

• ผู้เริ่มต้นที่กำลังก้าวแรกในการพัฒนาเว็บและงานฟรอนต์เอนด์

• นักพัฒนา JavaScript และ TypeScript ที่กำลังเรียนรู้เฟรมเวิร์กแรกของตน

• นักพัฒนา React หรือ Vue ที่กำลังเปลี่ยนมาใช้เฟรมเวิร์กนี้ในการทำงาน

• นักเรียนและผู้ที่กำลังเปลี่ยนอาชีพเพื่อเตรียมตัวสำหรับงานนักพัฒนาเว็บ

ฟรีและ PRO

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

หมายเหตุ: พรีวิวแบบสดต้องใช้การเชื่อมต่ออินเทอร์เน็ต

แอปนี้เป็นหลักสูตรการเรียนรู้แบบอิสระจาก CoddyKit ไม่ได้มีส่วนเกี่ยวข้องกับหรือได้รับการรับรองจาก Google หรือทีม Angular

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