[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-khoa-hoc-angular":266},{"site":4,"home":19,"footer":172,"payment":205,"promo":212},{"name":5,"tagline":6,"url":7,"logoUrl":8,"primaryColor":9,"contactEmail":10,"hotline":11,"facebookUrl":12,"youtubeUrl":13,"kungfutechUrl":14,"announcement":15},"MelyDemy","Học lập trình thực chiến từ con số 0","https:\u002F\u002Facademy.kungfutech.io.vn","\u002Fimages\u002Fbrand\u002Flogo.svg","#dc2626","contact@kungfutech.io.vn","","https:\u002F\u002Fwww.facebook.com\u002Fmelydemy","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely?sub_confirmation=1","https:\u002F\u002Fkungfutech.io.vn",{"enabled":16,"text":17,"link":18},true,"Ưu đãi Mely 29k — học lập trình trọn đời chỉ từ 29.000đ","\u002Fkhoa-hoc\u002F29k",{"seo":20,"hero":26,"banners":49,"sectionCopy":60,"categories":78,"features":100,"onlyMelyDemy":117,"aboutUs":130,"testimonials":142,"newsletter":167},{"title":21,"description":22,"keywords":23},"MelyDemy - Khoá học lập trình thực chiến dành cho bạn","MelyDemy cung cấp khoá học lập trình Frontend, Backend, DevOps và AI thực chiến bằng tiếng Việt, học trọn đời chỉ từ 29.000đ.",[24,5,25],"Khoá học lập trình","Thực chiến lập trình",{"badge":27,"title":28,"highlight":29,"description":30,"primaryCta":31,"secondaryCta":34,"stats":36},"Nền tảng học lập trình #1 cho người Việt","Học kỹ năng công nghệ","thực chiến, trọn đời","Hơn 40 khoá học Frontend, Backend, DevOps và AI — video bài bản, source code đi kèm, học mọi lúc mọi nơi.",{"label":32,"to":33},"Khám phá khoá học","\u002Fkhoa-hoc",{"label":35,"to":18},"Ưu đãi 29k",[37,40,43,46],{"value":38,"label":39},"40+","Khoá học",{"value":41,"label":42},"15.000+","Học viên",{"value":44,"label":45},"4.8\u002F5","Đánh giá",{"value":47,"label":48},"Trọn đời","Truy cập",[50,56],{"badge":51,"title":52,"description":53,"link":54,"color":55},"Xu hướng 2026","Lộ trình AI thực chiến","Prompt, workflow và tích hợp công cụ — học theo bài lab, áp dụng ngay vào dự án.","\u002Fkhoa-hoc\u002Fai","#7c3aed",{"badge":57,"title":58,"description":59,"link":18,"color":9},"Mely 29k","Học lập trình từ 29.000đ","Video trọn đời, source code đi kèm — bắt đầu Frontend, Backend hoặc DevOps hôm nay.",{"courses":61,"onlyMelyDemy":64,"about":67,"community":70,"blog":74},{"title":62,"subtitle":63},"Khoá học nổi bật","Các khoá học xây dựng bài bản, đáp ứng nhu cầu thực tế của thị trường",{"title":65,"subtitle":66},"Chỉ có tại MelyDemy","Khoá học chất lượng với mức giá dễ tiếp cận nhất",{"title":68,"subtitle":69},"Lộ trình học trên MelyDemy","Ba lộ trình cốt lõi — Full-stack, DevOps và AI — giúp bạn áp dụng ngay vào dự án thực tế.",{"headline":71,"title":72,"subtitle":73},"Được học viên tin tưởng","Học viên nói gì về MelyDemy","Hàng nghìn học viên đã học lập trình thực chiến — từ sinh viên, fresher đến người chuyển ngành.",{"title":75,"subtitle":76,"listPageSubtitle":77},"Blog","Tin tức, kiến thức công nghệ mới nhất từ MelyDemy","Tổng hợp tin tức AI và công nghệ mới nhất — kiến thức thực chiến cho lập trình viên.",[79,84,88,93,97],{"label":80,"to":81,"icon":82,"color":83},"Frontend","\u002Fkhoa-hoc\u002Fkhoa-hoc-frontend","i-lucide-layout-template","#f97316",{"label":85,"to":86,"icon":87,"color":9},"Backend","\u002Fkhoa-hoc\u002Fkhoa-hoc-backend","i-lucide-server",{"label":89,"to":90,"icon":91,"color":92},"DevOps","\u002Fkhoa-hoc\u002Fkhoa-hoc-devops","i-lucide-container","#0ea5e9",{"label":94,"to":54,"icon":95,"color":96},"AI","i-lucide-sparkles","#8b5cf6",{"label":57,"to":18,"icon":98,"color":99},"i-lucide-ticket-percent","#16a34a",[101,105,109,113],{"title":102,"description":103,"icon":104},"Video trọn đời","Mua một lần, học mãi mãi — cập nhật nội dung miễn phí.","i-lucide-infinity",{"title":106,"description":107,"icon":108},"Source code đi kèm","Mỗi bài học đều có code mẫu để bạn thực hành ngay.","i-lucide-code-xml",{"title":110,"description":111,"icon":112},"Tiếng Việt dễ hiểu","Giảng viên giải thích rõ ràng, ví dụ sát dự án thật.","i-lucide-languages",{"title":114,"description":115,"icon":116},"Cộng đồng hỗ trợ","Hỏi đáp nhanh cùng cộng đồng KungFuTech và mentor.","i-lucide-users-round",[118,122,126],{"title":119,"description":120,"image":121},"Giới thiệu chương trình","\u003Cp>Học lập trình với khoá học chất lượng: video bài giảng, source code và quyền truy cập trọn đời.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-1.jpg",{"title":123,"description":124,"image":125},"Học dễ dàng, chi phí thấp","\u003Cp>Khoá học ngắn gọn, thực tế với mức giá chỉ từ 29K. Theo dõi thường xuyên để cập nhật ưu đãi.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-2.jpg",{"title":127,"description":128,"image":129},"Chọn khoá học và bắt đầu","\u003Cp>Khám phá khoá học Frontend, Backend, DevOps, Mobile và AI — bắt đầu hành trình của bạn hôm nay.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-3.jpg",[131,136,139],{"title":132,"description":133,"icon":134,"image":135},"Backend & Frontend","Xây dựng ứng dụng web từ giao diện đến hệ thống phía sau với công nghệ hiện đại.","i-lucide-layers","\u002Fimages\u002Fhome\u002Fabout-track-1.jpg",{"title":89,"description":137,"icon":91,"image":138},"Triển khai, vận hành và tối ưu hệ thống để ứng dụng chạy ổn định, mở rộng dễ dàng.","\u002Fimages\u002Fhome\u002Fabout-track-2.jpg",{"title":94,"description":140,"icon":95,"image":141},"Xây dựng ứng dụng tích hợp AI, tự động hoá workflow và phát triển sản phẩm thông minh.","\u002Fimages\u002Fhome\u002Fabout-track-3.jpg",[143,147,151,155,159,163],{"fullname":144,"role":145,"description":146},"Nguyễn Minh Anh","Sinh viên CNTT — Đại học Bách Khoa TP.HCM","Rất nhiều khoá học bổ ích từ Frontend, Backend đến DevOps — mình chọn lộ trình phù hợp mà không bị lạc. Video và source trọn đời, ôn lại rất tiện.",{"fullname":148,"role":149,"description":150},"Trần Hoàng Nam","Kế toán chuyển ngành IT — Hà Nội","Khoá AI giúp mình hiểu prompt, workflow và cách tích hợp công cụ vào việc học code hằng ngày. Bài ngắn, học buổi tối không bị quá tải.",{"fullname":152,"role":153,"description":154},"Lê Thị Hương","Fresher Frontend — FPT Software Đà Nẵng","Khoá TypeScript làm rõ type, interface và cách refactor code cũ — mình tự tin review PR và làm task trong dự án thật.",{"fullname":156,"role":157,"description":158},"Phạm Quốc Bảo","Kỹ sư cơ khí — tự học lập trình buổi tối","Lộ trình DevOps (CI\u002FCD, Docker) giúp mình hiểu pipeline deploy thay vì chỉ code local. Checklist từng tuần giữ nhịp học ổn định.",{"fullname":160,"role":161,"description":162},"Võ Thanh Tú","Intern Backend — startup tại TP.HCM","Khoá Node.js và thiết kế API giúp mình nắm REST, validation và database qua bài lab thực tế. Slide đính kèm tiện ôn phỏng vấn.",{"fullname":164,"role":165,"description":166},"Đặng Kim Ngân","Designer chuyển sang UI Developer","Khoá HTML\u002FCSS Grid & Flexbox giúp mình chuyển layout Figma sang markup chuẩn, responsive đúng spec.",{"title":168,"description":169,"placeholder":170,"buttonLabel":171},"Nhận tin khoá học & ưu đãi","Đăng ký email để cập nhật lộ trình mới, workshop và chương trình Mely 29k.","Email của bạn","Đăng ký",{"brandLine":173,"description":174,"columns":175},"MELYDEMY — Học lập trình từ con số 0","Nền tảng khoá học lập trình thực chiến thuộc hệ sinh thái KungFuTech.",[176,184,195],{"title":39,"links":177},[178,180,182],{"label":179,"to":33},"Tất cả khoá học",{"label":181,"to":18},"Ưu đãi Mely 29k",{"label":183,"to":54},"Khoá học AI",{"title":185,"links":186},"Tài nguyên",[187,189,192],{"label":75,"to":188},"\u002Fblog",{"label":190,"to":191},"Điều khoản","\u002Fterms-and-conditions",{"label":193,"to":194},"Chính sách bảo mật","\u002Fprivacy-policy",{"title":196,"links":197},"Hệ sinh thái",[198,200,203],{"label":199,"href":14},"KungFuTech",{"label":201,"href":202},"TechMely YouTube","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely",{"label":204,"href":12},"Facebook MelyDemy",{"bankName":206,"bankCode":207,"accountNumber":208,"accountName":209,"qrTemplate":210,"note":211},"MB Bank","MBBank","0680126400005","PHAM NGOC HOA","https:\u002F\u002Fqr.sepay.vn\u002Fimg?acc={accountNumber}&bank={bankCode}&amount={amount}&des={paymentCode}","Khoá học sẽ được gửi vào email của bạn sau khi thanh toán thành công.",{"promo49k":213},{"enabled":16,"displayPrice":214,"title":57,"description":215},29000,"Học lập trình trọn đời chỉ từ 29.000đ",[217,223,228,233,239],{"id":218,"name":219,"slug":220,"title":24,"canonicalSlug":221,"heroDescription":222},1,"Tất cả các khóa học","tat-ca",null,"Khám phá lộ trình Frontend, Backend, DevOps và AI — học thực chiến với video trọn đời.",{"id":224,"name":85,"slug":225,"title":85,"canonicalSlug":226,"heroDescription":227},2,"khoa-hoc-backend","backend","API, database và kiến trúc hệ thống — từ nền tảng đến dự án thực tế.",{"id":229,"name":80,"slug":230,"title":80,"canonicalSlug":231,"heroDescription":232},3,"khoa-hoc-frontend","frontend","HTML, CSS, JavaScript và framework hiện đại — xây giao diện responsive chuẩn doanh nghiệp.",{"id":234,"name":235,"slug":236,"title":235,"canonicalSlug":237,"heroDescription":238},4,"Devops","khoa-hoc-devops","devops","CI\u002FCD, container và vận hành hệ thống — triển khai ổn định, mở rộng dễ dàng.",{"id":240,"name":94,"slug":241,"title":94,"canonicalSlug":241,"heroDescription":242},5,"ai","Prompt, workflow và tích hợp công cụ AI — học theo bài lab, áp dụng ngay vào dự án.",[244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265],"no1","ai5","ts1","ku1","jv1","js1","vu1","ai7","re2","ko1","py1","fl1","oa1","bl1","ct1","hc1","re1","sw1","ph1","aw2","gi1","aw3",{"course":267,"related":345},{"id":268,"title":269,"slug":270,"code":271,"createdAt":272,"updatedAt":273,"thumbnail":274,"head":276,"category":279,"overview":280,"count":286,"image":287,"content":288,"class":289,"roadmap":290,"lecturers":343,"diary":344,"rating":11,"url_register":11},"79df6798-ff10-4e89-9205-58aaeb421543","Khoá học Angular","khoa-hoc-angular","an1","2024-11-21T00:00:52","2026-06-07T02:37:14",{"url":275,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Fangular\u002Fwhite",{"description":277,"keywords":278},"Về khóa học Khóa học Angular này được thiết kế dành cho những ai muốn nắm vững kiến thức về Angular, một trong những framework phát triển ứng dụng web phổ biến nhất hiện nay. Chúng tôi sẽ hướng dẫn bạn từ những khái niệm cơ bản đến những kỹ thuật nâng cao",[],{"name":80,"slug":231,"description":11},{"code":271,"name":269,"tags":281,"time":282,"color":283,"price":284,"cover_":275,"language":285},[],23,"#ff0000",599000,"Tiếng Anh",12,{"url":275,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học Angular này được thiết kế dành cho những ai muốn nắm vững kiến thức về Angular, một trong những framework phát triển ứng dụng web phổ biến nhất hiện nay. Chúng tôi sẽ hướng dẫn bạn từ những khái niệm cơ bản đến những kỹ thuật nâng cao, giúp bạn trở thành một lập trình viên Angular thành thạo.\u003C\u002Fp>\u003Cp>Trong khóa học này, bạn sẽ được học cách xây dựng ứng dụng web mạnh mẽ và tương tác, sử dụng các tính năng nổi bật của Angular như Components, Directives và Services. Chúng tôi sẽ cung cấp cho bạn những bài học thực tế, giúp bạn áp dụng kiến thức vào dự án thực tế ngay từ đầu.\u003C\u002Fp>\u003Ch2>Đối tượng\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Người mới bắt đầu muốn học Angular.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Những lập trình viên đã có kinh nghiệm nhưng muốn nâng cao kỹ năng.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Các nhà phát triển web muốn mở rộng kiến thức về framework hiện đại.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Mô tả khóa học\u003C\u002Fh2>\u003Cp>Khóa học này sẽ bao gồm các chủ đề từ cơ bản đến nâng cao, giúp bạn hiểu rõ cách thức hoạt động của Angular. Bạn sẽ học cách tạo ra các Components và sử dụng Directives để xây dựng giao diện người dùng động. Ngoài ra, bạn cũng sẽ tìm hiểu về Dependency Injection và cách quản lý trạng thái ứng dụng một cách hiệu quả.\u003C\u002Fp>\u003Cp>Chúng tôi sẽ hướng dẫn bạn qua từng bước để bạn có thể tự tin phát triển ứng dụng của riêng mình. Dưới đây là một số nội dung chính mà bạn sẽ học:\u003C\u002Fp>\u003Col>\u003Cli>\u003Cp>Giới thiệu về Angular và cách cài đặt môi trường phát triển.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Cách tạo và sử dụng Components, Directives và Pipes.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Quản lý dữ liệu và tương tác với API.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Áp dụng các kỹ thuật tối ưu hóa hiệu suất cho ứng dụng Angular.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Triển khai ứng dụng lên môi trường thực tế.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>\u003C\u002Fp>","1",{"content":291,"description":11},[292,295,298,301,304,307,310,313,316,319,322,325,328,331,334,337,340],{"title":293,"description":294},"Chương 1: Giới thiệu Angular","Trong chương này, bạn sẽ được giới thiệu tổng quan về Angular, lịch sử phát triển và lý do tại sao Angular lại trở thành một trong những framework phổ biến nhất hiện nay. Bạn cũng sẽ học cách cài đặt môi trường phát triển cho Angular.",{"title":296,"description":297},"Chương 2: Components, Directives và Pipes trong Angular","Chương này sẽ giúp bạn hiểu rõ về Components, Directives và Pipes trong Angular. Bạn sẽ học cách tạo ra các Components và sử dụng Directives để tạo ra các thành phần giao diện người dùng động.",{"title":299,"description":300},"Chương 3: Truy vấn Template cục bộ trong Angular","Bạn sẽ tìm hiểu cách truy vấn Template cục bộ trong Angular, giúp bạn tương tác với các phần tử trong Template một cách hiệu quả. Điều này sẽ giúp bạn xây dựng các ứng dụng phức tạp hơn.",{"title":302,"description":303},"Chương 4: Content Projection trong Angular","Chương này sẽ giải thích về Content Projection, một kỹ thuật cho phép bạn tái sử dụng các Components và tạo ra các giao diện linh hoạt hơn. Bạn sẽ học cách sử dụng ng-content để thực hiện điều này.",{"title":305,"description":306},"Chương 5: Templates trong Angular (chuyên sâu)","Bạn sẽ đi sâu vào Templates trong Angular, tìm hiểu cách sử dụng các biểu thức và cấu trúc điều kiện trong Template. Điều này sẽ giúp bạn tạo ra các giao diện người dùng động và tương tác hơn.",{"title":308,"description":309},"Chương 6: Directives trong Angular (chuyên sâu)","Chương này sẽ cung cấp cho bạn kiến thức chuyên sâu về Directives trong Angular. Bạn sẽ học cách tạo ra các Directives tùy chỉnh và áp dụng chúng vào các Components của mình.",{"title":311,"description":312},"Chương 7: View Encapsulation trong Angular","Bạn sẽ tìm hiểu về View Encapsulation, một tính năng quan trọng giúp bạn quản lý cách mà các styles được áp dụng trong Angular. Điều này sẽ giúp bạn xây dựng các ứng dụng có giao diện nhất quán.",{"title":314,"description":315},"Chương 8: Services có thể Inject trong Angular","Chương này sẽ giúp bạn hiểu rõ về Services trong Angular và cách sử dụng Dependency Injection để quản lý các dịch vụ trong ứng dụng của bạn. Bạn sẽ học cách tạo và sử dụng Services một cách hiệu quả.",{"title":317,"description":318},"Chương 9: Dependency Injection trong Angular","Bạn sẽ tìm hiểu sâu về Dependency Injection, một khái niệm quan trọng trong Angular. Bạn sẽ học cách sử dụng DI để quản lý các phụ thuộc trong ứng dụng của mình.",{"title":320,"description":321},"Chương 10: Change Detection trong Angular","Chương này sẽ giải thích về Change Detection trong Angular, giúp bạn hiểu cách Angular theo dõi và cập nhật giao diện người dùng khi dữ liệu thay đổi.",{"title":323,"description":324},"Chương 11: Lifecycle Hooks trong Angular","Bạn sẽ tìm hiểu về Lifecycle Hooks trong Angular, cho phép bạn thực hiện các hành động tại các thời điểm khác nhau trong vòng đời của một Component.",{"title":326,"description":327},"Chương 12: Modules trong Angular","Chương này sẽ giúp bạn hiểu về Modules trong Angular, cách tổ chức mã nguồn và quản lý các thành phần trong ứng dụng của bạn.",{"title":329,"description":330},"Chương 13: Pipes trong Angular","Bạn sẽ tìm hiểu về Pipes trong Angular, một công cụ mạnh mẽ giúp bạn định dạng dữ liệu trước khi hiển thị. Bạn sẽ học cách tạo và sử dụng các Pipes tùy chỉnh.",{"title":332,"description":333},"Chương 14: Quốc tế hóa trong Angular (i18n)","Chương này sẽ giải thích về quốc tế hóa trong Angular, giúp bạn xây dựng các ứng dụng hỗ trợ nhiều ngôn ngữ và văn hóa khác nhau.",{"title":335,"description":336},"Chương 15: Angular Elements","Bạn sẽ tìm hiểu về Angular Elements, cho phép bạn sử dụng các Components Angular như các phần tử HTML tùy chỉnh trong các ứng dụng không phải Angular.",{"title":338,"description":339},"Chương 16: Standalone Components trong Angular","Chương này sẽ giúp bạn hiểu về Standalone Components, một tính năng mới trong Angular cho phép bạn xây dựng các Components độc lập mà không cần phải sử dụng Module.",{"title":341,"description":342},"Chương 17: Kết luận và nội dung bổ sung 🚀","Chương cuối cùng sẽ tóm tắt lại những kiến thức đã học và cung cấp thêm các tài nguyên bổ sung để bạn có thể tiếp tục học hỏi và phát triển kỹ năng của mình.",[],[],[]]