[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-re1":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":311},{"id":268,"title":269,"slug":260,"code":260,"createdAt":270,"updatedAt":271,"thumbnail":272,"head":274,"category":280,"overview":281,"count":288,"image":289,"content":290,"class":291,"roadmap":292,"lecturers":309,"diary":310,"rating":11,"url_register":11},"9697f2a6-8961-4415-aa86-f8700d1b72ab","Khóa học Reactjs","2024-11-21T00:09:55","2026-05-26T13:24:38",{"url":273,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Freact\u002Fwhite",{"description":275,"keywords":276},"Về khóa học Khóa học Reactjs này được thiết kế dành cho những ai muốn tìm hiểu về lập trình web hiện đại. React là một thư viện JavaScript mạnh mẽ giúp xây dựng giao diện người dùng tương tác và hiệu quả. Trong khóa học này, bạn sẽ được hướng dẫn từ những",[277,278,279],"Lập trình","Web","React",{"name":80,"slug":231,"description":11},{"code":260,"icon":273,"time":282,"color":283,"price":284,"buyers":285,"language":286,"tags":287,"cover_":273},16,"#61DAFB",399000,450,"Tiếng Việt",[],10,{"url":273,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học Reactjs này được thiết kế dành cho những ai muốn tìm hiểu về lập trình web hiện đại. React là một thư viện JavaScript mạnh mẽ giúp xây dựng giao diện người dùng tương tác và hiệu quả. Trong khóa học này, bạn sẽ được hướng dẫn từ những kiến thức cơ bản đến nâng cao, giúp bạn tự tin phát triển các ứng dụng web với React.\u003C\u002Fp>\u003Cp>Khóa học bao gồm nhiều phần học khác nhau, từ việc khởi động kiến thức về ReactJS, hiểu rõ về cách hoạt động của React, cho đến việc sử dụng React Router để điều hướng trang. Bạn cũng sẽ có cơ hội thực hành và hoàn thiện một dự án thực tế, giúp củng cố kiến thức đã học.\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 lập trình viên muốn mở rộng kỹ năng về React\u003C\u002Fli>\u003Cli>Những ai muốn phát triển ứng dụng web hiện đại\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Mô tả khóa học\u003C\u002Fh2>\u003Cp>Khóa học này sẽ cung cấp cho bạn những kiến thức cần thiết để bắt đầu với React. Bạn sẽ học cách cài đặt môi trường phát triển, hiểu cấu trúc của một ứng dụng React và cách tạo ra các component. Bên cạnh đó, bạn sẽ tìm hiểu về state và props, hai khái niệm quan trọng trong React.\u003C\u002Fp>\u003Cp>Trong phần tiếp theo, bạn sẽ được hướng dẫn cách sử dụng React Router để điều hướng giữa các trang trong ứng dụng của mình. Điều này sẽ giúp bạn tạo ra những trải nghiệm người dùng mượt mà và chuyên nghiệp hơn. Cuối cùng, bạn sẽ thực hành xây dựng một dự án hoàn chỉnh, từ khâu thiết kế đến triển khai, giúp bạn áp dụng những gì đã học vào thực tế.\u003C\u002Fp>\u003Cp>Khóa học cũng sẽ cung cấp cho bạn những kiến thức bổ sung và tài liệu tham khảo hữu ích để bạn có thể tiếp tục học hỏi và phát triển kỹ năng của mình sau khi hoàn thành khóa học.\u003C\u002Fp>","1",{"content":293,"description":11},[294,297,300,303,306],{"title":295,"description":296},"Chương 1: Khởi động kiến thức về ReactJS","Trong chương này, bạn sẽ được giới thiệu về ReactJS, một thư viện JavaScript mạnh mẽ cho việc xây dựng giao diện người dùng. Bạn sẽ tìm hiểu về các khái niệm cơ bản như component, state và props. Thông qua các ví dụ thực tế, bạn sẽ thấy cách React giúp tối ưu hóa quy trình phát triển ứng dụng. Chương này sẽ tạo nền tảng vững chắc cho bạn trước khi đi sâu vào các tính năng nâng cao hơn.",{"title":298,"description":299},"Chương 2: Hiểu React vừa đủ","Chương này sẽ giúp bạn hiểu rõ hơn về cách hoạt động của React. Bạn sẽ học cách tạo và quản lý component, cũng như cách sử dụng state và props để truyền dữ liệu giữa các component. Các bài tập thực hành sẽ giúp bạn củng cố kiến thức và áp dụng vào các dự án thực tế. Bạn cũng sẽ tìm hiểu về vòng đời của component và cách xử lý sự kiện trong React.",{"title":301,"description":302},"Chương 3: React Router – Điều hướng trang","Trong chương này, bạn sẽ khám phá React Router, một thư viện cho phép bạn điều hướng giữa các trang trong ứng dụng React. Bạn sẽ học cách thiết lập các route và sử dụng các thành phần như Link và Route để điều hướng. Chương này cũng sẽ cung cấp cho bạn các kỹ thuật để quản lý trạng thái điều hướng và truyền tham số giữa các trang. Thực hành với React Router sẽ giúp bạn xây dựng ứng dụng đa trang một cách dễ dàng.",{"title":304,"description":305},"Chương 4: Thực hành & hoàn thiện project","Chương này tập trung vào việc thực hành và hoàn thiện một dự án thực tế sử dụng ReactJS. Bạn sẽ áp dụng những kiến thức đã học để xây dựng một ứng dụng hoàn chỉnh từ đầu đến cuối. Các bài tập sẽ bao gồm việc thiết kế giao diện, quản lý trạng thái và điều hướng. Cuối cùng, bạn sẽ có cơ hội trình bày dự án của mình và nhận phản hồi từ giảng viên và các bạn học.",{"title":307,"description":308},"Chương 5: Kiến thức bổ sung & tham khảo. 🚀","Trong chương cuối cùng này, bạn sẽ được cung cấp thêm kiến thức bổ sung và tài liệu tham khảo hữu ích để tiếp tục học hỏi về ReactJS. Bạn sẽ tìm hiểu về các thư viện và công cụ hỗ trợ như Redux, Next.js và các phương pháp tối ưu hóa hiệu suất. Chương này cũng sẽ hướng dẫn bạn cách tìm kiếm và sử dụng tài nguyên trực tuyến để nâng cao kỹ năng lập trình của mình. Đây sẽ là bước đệm quan trọng để bạn trở thành một lập trình viên React thành thạo.",[],[],[]]