[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-khoa-hoc-html-css":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],"cg1","re1","ai5","py2","vu1","ct1","ai7","aw2","aw1","re2","fl1","aw3","ku1","do1","py1","jp1","ko1","cc1","cp1","js1","an1","ai4",{"course":267,"related":307},{"id":268,"title":269,"slug":270,"code":271,"createdAt":272,"updatedAt":273,"thumbnail":274,"head":276,"category":282,"overview":283,"count":290,"image":291,"content":292,"class":293,"roadmap":294,"lecturers":305,"diary":306,"rating":11,"url_register":11},"2f6a99fc-961c-4705-a466-4534a880478b","Khóa học HTML, CSS","khoa-hoc-html-css","hc1","2024-11-21T00:04:50","2026-05-26T13:24:37",{"url":275,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Fhtml5\u002Fwhite",{"description":277,"keywords":278},"Về khóa học Khóa học HTML, CSS này được thiết kế để cung cấp cho bạn những kiến thức cơ bản và nâng cao về hai ngôn ngữ lập trình quan trọng nhất trong phát triển web. Bạn sẽ học cách tạo ra các trang web đẹp mắt và tương tác bằng cách sử dụng HTML để cấu",[279,280,281],"Lập trình web","HTML","CSS",{"name":80,"slug":231,"description":11},{"code":271,"icon":275,"time":284,"color":285,"price":286,"buyers":287,"language":288,"tags":289,"cover_":275},15,"#E44D26",399000,450,"Tiếng Việt",[],10,{"url":275,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học HTML, CSS này được thiết kế để cung cấp cho bạn những kiến thức cơ bản và nâng cao về hai ngôn ngữ lập trình quan trọng nhất trong phát triển web. Bạn sẽ học cách tạo ra các trang web đẹp mắt và tương tác bằng cách sử dụng HTML để cấu trúc nội dung và CSS để định dạng giao diện. Khóa học này không chỉ dừng lại ở lý thuyết mà còn bao gồm nhiều bài thực hành giúp bạn áp dụng kiến thức vào thực tế.\u003C\u002Fp>\u003Cp>Chúng tôi sẽ bắt đầu từ những khái niệm cơ bản nhất, từ cách thiết lập môi trường làm việc cho đến việc hiểu rõ về các thẻ HTML và thuộc tính CSS. Bạn sẽ được hướng dẫn từng bước để có thể tự tin xây dựng các trang web của riêng mình.\u003C\u002Fp>\u003Ch2>Đối tượng\u003C\u002Fh2>\u003Cul>\u003Cli>Người mới bắt đầu muốn học lập trình web.\u003C\u002Fli>\u003Cli>Những ai muốn nâng cao kỹ năng thiết kế giao diện web.\u003C\u002Fli>\u003Cli>Các lập trình viên muốn cập nhật kiến thức về HTML và CSS.\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Mô tả khóa học\u003C\u002Fh2>\u003Cp>Khóa học này sẽ giúp bạn nắm vững các khái niệm cơ bản về HTML và CSS. Bạn sẽ học cách sử dụng các thẻ HTML để tạo ra cấu trúc cho trang web của mình. Sau đó, bạn sẽ tìm hiểu cách sử dụng CSS để định dạng và làm đẹp cho các thành phần trên trang. Chúng tôi cũng sẽ khám phá các kỹ thuật responsive design để đảm bảo rằng trang web của bạn hoạt động tốt trên mọi thiết bị.\u003C\u002Fp>\u003Cp>Cuối cùng, bạn sẽ thực hành dự án Dashboard Gocast UI, nơi bạn sẽ áp dụng tất cả những gì đã học để tạo ra một giao diện người dùng hoàn chỉnh. Dự án này không chỉ giúp bạn củng cố kiến thức mà còn là một sản phẩm thực tế mà bạn có thể đưa vào portfolio của mình.\u003C\u002Fp>\u003Col>\u003Cli>Thiết lập môi trường làm việc và hiểu rõ về HTML.\u003C\u002Fli>\u003Cli>Khám phá các thuộc tính CSS và cách áp dụng chúng.\u003C\u002Fli>\u003Cli>Thực hành dự án thực tế để củng cố kiến thức.\u003C\u002Fli>\u003C\u002Fol>","1",{"content":295,"description":11},[296,299,302],{"title":297,"description":298},"Chương 1: Thiết lập và tổng quan","Trong chương này, bạn sẽ được hướng dẫn cách thiết lập môi trường làm việc cho việc học HTML và CSS. Bạn sẽ tìm hiểu về các công cụ cần thiết như trình soạn thảo mã và trình duyệt web. Ngoài ra, chương cũng cung cấp cái nhìn tổng quan về HTML và CSS, giúp bạn hiểu rõ vai trò của chúng trong phát triển web. Bạn sẽ có cơ hội thực hành cấu hình môi trường để sẵn sàng cho các bài học tiếp theo.",{"title":300,"description":301},"Chương 2: Kiến thức HTML và CSS","Chương này sẽ đi sâu vào kiến thức cơ bản về HTML và CSS. Bạn sẽ học cách sử dụng các thẻ HTML để tạo cấu trúc cho trang web và cách áp dụng CSS để định dạng và tạo kiểu cho các phần tử. Nội dung sẽ bao gồm cách tạo danh sách, bảng, hình ảnh và các kiểu chữ cơ bản. Thực hành sẽ giúp bạn xây dựng các trang web đơn giản, từ đó nâng cao khả năng thiết kế giao diện người dùng.",{"title":303,"description":304},"Chương 3: Thực hành dự án Dashboard Gocast UI","Trong chương cuối cùng này, bạn sẽ áp dụng những kiến thức đã học để thực hiện một dự án thực tế: xây dựng giao diện Dashboard Gocast UI. Bạn sẽ được hướng dẫn từng bước để thiết kế và phát triển một dashboard hoàn chỉnh, bao gồm việc sử dụng HTML và CSS để tạo bố cục và kiểu dáng. Chương này không chỉ giúp bạn củng cố kỹ năng mà còn mang đến trải nghiệm thực tế trong việc phát triển ứng dụng web. Cuối cùng, bạn sẽ có một sản phẩm để giới thiệu trong portfolio của mình.",[],[],[]]