[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-khoa-hoc-flutter":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],"jp1","aw3","sw1","py2","re1","py1","fl1","ph1","cc1","cp1","do1","re2","ts1","gi1","an1","ai2","ai5","ai7","aw2","my1","ko1","ct1",{"course":267,"related":329},{"id":268,"title":269,"slug":270,"code":250,"createdAt":271,"updatedAt":272,"thumbnail":273,"head":275,"category":278,"overview":279,"count":285,"image":286,"content":287,"class":288,"roadmap":289,"lecturers":327,"diary":328,"rating":11,"url_register":11},"6c69d0bc-29e0-42dc-95b6-a8e9516996e2","Khoá học Flutter","khoa-hoc-flutter","2025-04-12T23:18:21","2026-05-26T16:52:01",{"url":274,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Fflutter\u002Fwhite",{"description":276,"keywords":277},"Về khóa học Khóa học Flutter này được thiết kế để giúp bạn nắm vững các khái niệm cơ bản và nâng cao trong việc phát triển ứng dụng di động. Flutter là một framework mạnh mẽ cho phép bạn xây dựng ứng dụng cho cả iOS và Android từ một mã nguồn duy nhất. Tr",[],{"name":80,"slug":231,"description":11},{"code":250,"name":269,"tags":280,"time":281,"color":282,"price":283,"cover_":274,"language":284},[],15,"#00d5ff",699000,"Tiếng Anh",10,{"url":274,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học Flutter này được thiết kế để giúp bạn nắm vững các khái niệm cơ bản và nâng cao trong việc phát triển ứng dụng di động. Flutter là một framework mạnh mẽ cho phép bạn xây dựng ứng dụng cho cả iOS và Android từ một mã nguồn duy nhất. Trong khóa học này, bạn sẽ học cách sử dụng Flutter để tạo ra các ứng dụng đẹp mắt và hiệu quả.\u003C\u002Fp>\u003Cp>Chúng tôi sẽ bắt đầu từ những kiến thức cơ bản về Flutter, bao gồm cách cài đặt và cấu hình môi trường phát triển. Sau đó, bạn sẽ được hướng dẫn từng bước để xây dựng một ứng dụng đơn giản, giúp bạn làm quen với các widget và cách tổ chức mã nguồn. Khóa học cũng sẽ bao gồm các chủ đề nâng cao như quản lý trạng thái, xử lý dữ liệu và tạo giao diện người dùng tương tác.\u003C\u002Fp>\u003Ch2>Đối tượng\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Người mới bắt đầu muốn học lập trình ứng dụng di động.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Các lập trình viên muốn mở rộng kỹ năng với Flutter.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Những ai muốn phát triển ứng dụng đa nền tảng với một mã nguồn duy nhất.\u003C\u002Fp>\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 kiến thức cần thiết để phát triển ứng dụng di động bằng Flutter. Bạn sẽ học cách xây dựng giao diện người dùng, xử lý dữ liệu và tương tác với người dùng. Dưới đây là những gì bạn sẽ học:\u003C\u002Fp>\u003Col>\u003Cli>\u003Cp>Giới thiệu về Flutter và cách cài đặt môi trường phát triển.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Cách xây dựng giao diện người dùng với các widget cơ bản.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Quản lý trạng thái của ứng dụng và xử lý dữ liệu từ các nguồn khác nhau.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Thêm các tính năng nâng cao như animations và database vào ứng dụng của bạn.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>\u003C\u002Fp>","1",{"content":290,"description":11},[291,294,297,300,303,306,309,312,315,318,321,324],{"title":292,"description":293},"Chương 1: Giới thiệu Flutter và Flutter Basics (xây dựng app đơn giản)","Trong chương này, bạn sẽ được giới thiệu về Flutter và cách cài đặt môi trường phát triển. Bạn sẽ học cách xây dựng một ứng dụng đơn giản để làm quen với các widget cơ bản và cấu trúc mã nguồn của Flutter.",{"title":295,"description":296},"Chương 2: Layouts, UI, Fonts và Theming (xây dựng app chính)","Chương này sẽ giúp bạn hiểu rõ về cách bố trí giao diện người dùng trong Flutter. Bạn sẽ học cách sử dụng các layout khác nhau, tùy chỉnh font chữ và áp dụng các chủ đề cho ứng dụng của mình.",{"title":298,"description":299},"Chương 3: Data Models trong Flutter","Bạn sẽ tìm hiểu về cách sử dụng các mô hình dữ liệu trong Flutter để quản lý và xử lý dữ liệu hiệu quả. Chương này sẽ giúp bạn xây dựng các ứng dụng có khả năng tương tác với dữ liệu.",{"title":301,"description":302},"Chương 4: Xử lý User Input","Trong chương này, bạn sẽ học cách xử lý đầu vào từ người dùng thông qua các widget như TextField, Button và GestureDetector. Bạn sẽ biết cách thu thập và xử lý dữ liệu từ người dùng.",{"title":304,"description":305},"Chương 5: Routes, Screens và tiến trình phát triển dự án","Chương này sẽ hướng dẫn bạn cách quản lý các màn hình và điều hướng trong ứng dụng Flutter. Bạn sẽ học cách tạo và chuyển đổi giữa các màn hình khác nhau trong ứng dụng của mình.",{"title":307,"description":308},"Chương 6: Quản lý Global State","Bạn sẽ tìm hiểu về các phương pháp quản lý trạng thái toàn cục trong ứng dụng Flutter. Chương này sẽ giúp bạn hiểu rõ hơn về cách duy trì trạng thái giữa các màn hình.",{"title":310,"description":311},"Chương 7: Thêm Database vào ứng dụng","Trong chương này, bạn sẽ học cách tích hợp cơ sở dữ liệu vào ứng dụng Flutter của mình. Bạn sẽ tìm hiểu về các giải pháp lưu trữ dữ liệu và cách truy xuất dữ liệu từ cơ sở dữ liệu.",{"title":313,"description":314},"Chương 8: Animations trong Flutter","Chương này sẽ giúp bạn khám phá các kỹ thuật tạo hiệu ứng động trong Flutter. Bạn sẽ học cách sử dụng animations để làm cho ứng dụng của mình trở nên sống động và hấp dẫn hơn.",{"title":316,"description":317},"Chương 9: Forms trong Flutter","Bạn sẽ tìm hiểu cách tạo và quản lý các biểu mẫu trong Flutter. Chương này sẽ giúp bạn xây dựng các biểu mẫu tương tác để thu thập thông tin từ người dùng.",{"title":319,"description":320},"Chương 10: Quản lý State với Riverpod","Trong chương này, bạn sẽ học về Riverpod, một thư viện quản lý trạng thái mạnh mẽ trong Flutter. Bạn sẽ tìm hiểu cách sử dụng Riverpod để quản lý trạng thái một cách hiệu quả.",{"title":322,"description":323},"Chương 11: Authentication trong Flutter với Firebase","Chương này sẽ hướng dẫn bạn cách tích hợp xác thực người dùng vào ứng dụng Flutter của mình bằng Firebase. Bạn sẽ học cách quản lý người dùng và bảo mật ứng dụng.",{"title":325,"description":326},"Chương 12: Dart cơ bản (Dart Primer) 🚀","Bạn sẽ được giới thiệu về ngôn ngữ lập trình Dart, ngôn ngữ chính được sử dụng trong Flutter. Chương này sẽ giúp bạn nắm vững các khái niệm cơ bản của Dart để phát triển ứng dụng hiệu quả.",[],[],[]]