1 <!doctype html> 2<html lang="vi"> 3<head> 4 <meta name="google-site-verification" content="HtExJk_J6zNPttzPoy1MQhbEPdDc_2wOQ_EcAuFmj5g"/> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <meta http-equiv="Cache-control" content="max-age=2592000,public"/> 7 <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 8 <!-- Mobile Specific Metas --> 9 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 10 <title>PM No-Code: AI Product Management & No-Code Automation</title> 11 <meta name='description' 12 content='Lưu ý: Khóa há»c nà y có chứa ná»i dung do tạo bá»i AI.Khóa há»c thá»±c chiến ÄÆ°á»£c thiết kế Äúc kết trá»±c tiếp từ hà nh trình quản lý sản phẩm thá»±c tế qua các ná»n tảng FinTech, B2B2C và SaaS lá»n, dà nh riêng cho Product Manager, nhà sáng láºp và chuyên ...'/> 13 <meta name='keywords' content=''/> 14 <meta http-equiv="content-language" content="vi_VN"/> 15 <meta name="facebook-domain-verification" content="ynpmt0i4v0o203vjt32w1a0rcqx30e"/> 16 <!-- 17 <meta itemprop='datePublished' content='<? /*=Yii::$app->params['meta_datePublished']*/ ?>'> 18 --> <link rel='canonical' href='https://unica.vn/pm-no-code-ai-product-management-no-code-automation'/> 19 <meta name="robots" content="index, follow"/> 20 21 <!-- social share --> 22 <meta property="fb:app_id" content="410486232859596"/> 23 <meta property="og:site_name" content="Unica.vn"/> 24 <meta property="og:type" 25 content="unica_vn:course"/> 26 <meta property="og:locale" content="vi_VN"/> 27 <meta property="og:title" 28 content='PM No-Code: AI Product Management & No-Code Automation'/> 29 <meta property="og:description" 30 content="Lưu ý: Khóa há»c nà y có chứa ná»i dung do tạo bá»i AI.Khóa há»c thá»±c chiến ÄÆ°á»£c thiết kế Äúc kết trá»±c tiếp từ hà nh trình quản lý sản phẩm thá»±c tế qua các ná»n tảng FinTech, B2B2C và SaaS lá»n, dà nh riêng cho Product Manager, nhà sáng láºp và chuyên ..."/> 31 <meta property="og:image" itemprop="thumbnailUrl" content="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/4484-banner.jpg"/> 32 <meta property="og:image:width" content="600"/> 33 <meta property="og:image:height" content="315"/> 34 <meta property="og:url" itemprop="url" content="https://unica.vn/pm-no-code-ai-product-management-no-code-automation"/> 35 <!-- copyright --> 36 <meta name="copyright" content="UNICA"/> 37 <meta name="abstract" 38 content="Website há»c trá»±c tuyến hà ng Äầu Viá»t Nam vá»i hÆ¡n 2.000 khóa há»c video online"/> 39 <meta name="distribution" content="global"> 40 <meta name="author" content="unica.vn"/> 41 <meta name="revisit-after" content="1 days"/> 42 <meta name="rating" content="general"> 43 <meta name="language" content="vietnamese"/> 44 <link href="http://www.google-analytics.com" rel="dns-prefetch"> 45 <link rel="shortcut icon" href="https://static.unica.vn/icon/favicon.ico"> 46 <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css"/> 47 <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css" rel="stylesheet"> 48<link href="https://rsms.me/inter/inter.css" rel="stylesheet"> 49<link href="/master/css/amazonmenu.css?v=1733197564" rel="stylesheet"> 50<link href="/master/css/style.css?v=1768357516" rel="stylesheet"> 51<link href="/master/css/jquery-ui.css?v=1733197564" rel="stylesheet"> 52<link href="/media/styles_v2018/font-awesome.css?v=1733197564" rel="stylesheet"> 53<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css" rel="stylesheet"> 54<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 55<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/css/select2.min.css" rel="stylesheet"> 56<link href="/master/css/pagination.css?v=1733197564" rel="stylesheet"> 57<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.css" rel="stylesheet">
58<script src="/master/js/jquery-3.7.1.min.js?v=1733197564"></script>
vendor: 1 bytes, line 58
58
59<script src="/master/js/tailwind.js?v=1742453843"></script>
vendor: 1 bytes, line 59
59
60<script src="/master/js/tailwind-config.js?v=1742453843"></script>
vendor: 1 bytes, line 60
60
61<script src="/master/js/swiper-bundle.min.js?v=1733197564"></script>
vendor: 1 bytes, line 61
61
62<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
62 <!-- Cà i script vá»i mục Äá»ch script tracking--> 63<!-- --> 64 </head> 65<body> 66 67<!--Banner blog custom--> 68 69<header class="sticky z-30 md:z-40 top-0 bg-white master-header"> 70 <!-- Sá»a banner chiến dá»ch tại Äây, thay ảnh và o, 1 ảnh PC 1 ảnh MOBILE--> 71 <div class="hidden md:block border-b border-gray-100"> 72 <div class="py-4 max-w-[1200px] mx-auto" id="layout_header"> 73 <div class="flex flex-row"> 74 <div class="2xl:basis-7/12 lg:basis-6/12 basis-7/12 flex xl:gap-8 w-auto items-center gap-4"> 75 76 <style> 77 #category-mega-menu { 78 opacity: 0; 79 transform: translateY(-10px); 80 pointer-events: none; 81 transition: opacity 0.2s ease, transform 0.2s ease; 82 } 83 84 #category-mega-menu:not(.hidden) { 85 opacity: 1; 86 transform: translateY(0); 87 pointer-events: auto; 88 } 89 90 #category-menu-button svg { 91 transition: transform 0.3s ease; 92 } 93 94 .category-tab.active { 95 background-color: #fef6f2; 96 color: #f05a28; 97 font-weight: 600; 98 } 99 100 .category-tab.active .text-gray-400 { 101 color: #f05a28 !important; 102 } 103 104 .category-tab.active svg { 105 opacity: 1 !important; 106 } 107 </style> 108 109 <div class="flex items-center gap-4"> 110 <a href="/"> 111 <img width="140" class="max-w-none" src="/media/img/logo-unica.svg" 112 alt="Há»c Online: 2000+ Khóa há»c trá»±c tuyến cho ngưá»i Äi là m"> 113 </a> 114 </div> 115 116 <div class="relative" id="category-menu-container"> 117 <button 118 id="category-menu-button" 119 class="flex items-center text-gray-700 transition-colors group p-2 rounded-lg hover:text-[#f05a28] hover:bg-gray-50" 120 title="Danh mục" 121 aria-expanded="false" 122 aria-controls="category-mega-menu" 123 > 124 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" 125 stroke-linecap="round" stroke-linejoin="round"> 126 <rect x="3" y="3" width="7" height="7"></rect> 127 <rect x="14" y="3" width="7" height="7"></rect> 128 <rect x="14" y="14" width="7" height="7"></rect> 129 <rect x="3" y="14" width="7" height="7"></rect> 130 </svg> 131 </button> 132 133 <div id="category-mega-menu" 134 class="hidden lg:flex absolute top-12 left-0 w-[850px] bg-white shadow-2xl rounded-2xl border border-gray-100 overflow-hidden z-50"> 135 <div class="w-[300px] border-r border-gray-50 py-4 max-h-[650px] overflow-y-auto bg-white"> 136 <div 137 id="category-tab-0" 138 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 active" 139 data-tab="0" 140 role="tab" 141 aria-selected="true" 142 > 143 <div class="flex items-center gap-3"> 144 <span class="text-gray-400"> 145 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg> </span> 146 <span class="text-[13px]">Kinh doanh & Khá»i nghiá»p</span> 147 </div> 148 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 149 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 150 <polyline points="9 18 15 12 9 6"></polyline> 151 </svg> 152 </div> 153 <div 154 id="category-tab-1" 155 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 156 data-tab="1" 157 role="tab"
158 aria-selected="false" 159 > 160 <div class="flex items-center gap-3"> 161 <span class="text-gray-400"> 162 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg> </span> 163 <span class="text-[13px]">Marketing & Bán hà ng</span> 164 </div> 165 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 166 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 167 <polyline points="9 18 15 12 9 6"></polyline> 168 </svg> 169 </div> 170 <div 171 id="category-tab-2" 172 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 173 data-tab="2" 174 role="tab" 175 aria-selected="false" 176 > 177 <div class="flex items-center gap-3"> 178 <span class="text-gray-400"> 179 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu"><rect width="16" height="16" x="4" y="4" rx="2"></rect><rect width="6" height="6" x="9" y="9" rx="1"></rect><path d="M15 2v2"></path><path d="M15 20v2"></path><path d="M2 15h2"></path><path d="M2 9h2"></path><path d="M20 15h2"></path><path d="M20 9h2"></path><path d="M9 2v2"></path><path d="M9 20v2"></path></svg> </span> 180 <span class="text-[13px]">AI & Công nghá»</span> 181 </div> 182 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 183 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 184 <polyline points="9 18 15 12 9 6"></polyline> 185 </svg> 186 </div> 187 <div 188 id="category-tab-3" 189 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 190 data-tab="3" 191 role="tab" 192 aria-selected="false" 193 > 194 <div class="flex items-center gap-3"> 195 <span class="text-gray-400"> 196 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-palette"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"></circle><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"></circle><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"></circle><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"></circle><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z"></path></svg> </span>
197 <span class="text-[13px]">Thiết kế & Sáng tạo</span> 198 </div> 199 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 200 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 201 <polyline points="9 18 15 12 9 6"></polyline> 202 </svg> 203 </div> 204 <div 205 id="category-tab-4" 206 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 207 data-tab="4" 208 role="tab" 209 aria-selected="false" 210 > 211 <div class="flex items-center gap-3"> 212 <span class="text-gray-400"> 213 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg> </span> 214 <span class="text-[13px]">Video & Nhiếp ảnh</span> 215 </div> 216 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 217 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 218 <polyline points="9 18 15 12 9 6"></polyline> 219 </svg> 220 </div> 221 <div 222 id="category-tab-5" 223 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 224 data-tab="5" 225 role="tab" 226 aria-selected="false" 227 > 228 <div class="flex items-center gap-3"> 229 <span class="text-gray-400"> 230 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg> </span> 231 <span class="text-[13px]">Ngoại Ngữ</span> 232 </div> 233 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 234 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 235 <polyline points="9 18 15 12 9 6"></polyline> 236 </svg> 237 </div> 238 <div 239 id="category-tab-6" 240 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 241 data-tab="6" 242 role="tab" 243 aria-selected="false" 244 > 245 <div class="flex items-center gap-3">
246 <span class="text-gray-400"> 247 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-monitor"><rect width="20" height="14" x="2" y="3" rx="2"></rect><line x1="8" x2="16" y1="21" y2="21"></line><line x1="12" x2="12" y1="17" y2="21"></line></svg> </span> 248 <span class="text-[13px]">Tin Há»c VÄn Phòng</span> 249 </div> 250 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 251 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 252 <polyline points="9 18 15 12 9 6"></polyline> 253 </svg> 254 </div> 255 <div 256 id="category-tab-7" 257 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 258 data-tab="7" 259 role="tab" 260 aria-selected="false" 261 > 262 <div class="flex items-center gap-3"> 263 <span class="text-gray-400"> 264 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg> </span> 265 <span class="text-[13px]">Kỹ nÄng má»m</span> 266 </div> 267 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 268 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 269 <polyline points="9 18 15 12 9 6"></polyline> 270 </svg> 271 </div> 272 <div 273 id="category-tab-8" 274 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 275 data-tab="8" 276 role="tab" 277 aria-selected="false" 278 > 279 <div class="flex items-center gap-3"> 280 <span class="text-gray-400"> 281 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart-pulse"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path><path d="M3.22 12H9.5l.5-1 2 4.5 2-7 1.5 3.5h5.27"></path></svg> </span> 282 <span class="text-[13px]">Sức khá»e & Là m Äẹp</span> 283 </div> 284 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 285 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 286 <polyline points="9 18 15 12 9 6"></polyline> 287 </svg> 288 </div> 289 <div 290 id="category-tab-9" 291 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 292 data-tab="9" 293 role="tab"
294 aria-selected="false" 295 > 296 <div class="flex items-center gap-3"> 297 <span class="text-gray-400"> 298 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg> </span> 299 <span class="text-[13px]">Tà i ChÃnh & Äầu tư</span> 300 </div> 301 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 302 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 303 <polyline points="9 18 15 12 9 6"></polyline> 304 </svg> 305 </div> 306 <div 307 id="category-tab-10" 308 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 309 data-tab="10" 310 role="tab" 311 aria-selected="false" 312 > 313 <div class="flex items-center gap-3"> 314 <span class="text-gray-400"> 315 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-coffee"><path d="M10 2v2"></path><path d="M14 2v2"></path><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path><path d="M6 2v2"></path></svg> </span> 316 <span class="text-[13px]">Phong Cách Sá»ng</span> 317 </div> 318 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 319 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 320 <polyline points="9 18 15 12 9 6"></polyline> 321 </svg> 322 </div> 323 <div 324 id="category-tab-11" 325 class="category-tab flex items-center justify-between px-6 py-3 cursor-pointer transition-colors text-gray-600 hover:bg-gray-50 " 326 data-tab="11" 327 role="tab" 328 aria-selected="false" 329 > 330 <div class="flex items-center gap-3"> 331 <span class="text-gray-400"> 332 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"></path></svg> </span> 333 <span class="text-[13px]">Sách hay nên Äá»c</span> 334 </div> 335 <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" 336 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="opacity-20"> 337 <polyline points="9 18 15 12 9 6"></polyline> 338 </svg> 339 </div> 340 </div> 341 342 <div class="flex-1 p-8 bg-white max-h-[650px] overflow-y-auto"> 343 <div id="category-content-0" 344 class="category-content " 345 role="tabpanel" 346 aria-labelledby="category-tab-0" 347 > 348 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 349 Kinh doanh & Khá»i nghiá»p </h4> 350 351 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 352 353 <div class="flex flex-col"> 354 <div class="group mb-4 last:mb-0"> 355 <a 356 href="/course/kinh-doanh-khoi-nghiep/quan-tri-kinh-doanh" 357 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 358 >
359 <span 360 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 361 Quản Trá» Kinh Doanh </a> 362 363 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 364 <a 365 href="/tag/chien-luoc-kinh-doanh" 366 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 367 > 368 Chiến lược kinh doanh, </a> 369 <a 370 href="/tag/he-thong-kinh-doanh" 371 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 372 > 373 Há» thá»ng kinh doanh, </a> 374 <a 375 href="/tag/ke-hoach-kinh-doanh" 376 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 377 > 378 Kế hoạch kinh doanh </a> 379 </div> 380 </div> 381 <div class="group mb-4 last:mb-0"> 382 <a 383 href="/course/kinh-doanh-khoi-nghiep/khoi-nghiep-theo-nganh" 384 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 385 > 386 <span 387 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 388 Khá»i nghiá»p theo ngà nh </a> 389 390 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 391 <a 392 href="/tag/kinh-doanh-my-pham" 393 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 394 > 395 Kinh doanh mỹ phẩm, </a> 396 <a 397 href="/tag/kinh-doanh-noi-that" 398 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 399 > 400 Kinh doanh ná»i thất, </a> 401 <a 402 href="/tag/kinh-doanh-spa" 403 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 404 > 405 Kinh doanh Spa, </a> 406 <a 407 href="/tag/kinh-doanh-quan-an" 408 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 409 > 410 Kinh doanh quán Än, </a> 411 <a 412 href="/tag/kinh-doanh-nha-hang" 413 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 414 > 415 Kinh doanh nhà hà ng, </a> 416 <a 417 href="/tag/kinh-doanh-nha-tre" 418 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 419 > 420 Kinh doanh nhà trẻ, </a> 421 <a 422 href="/tag/kinh-doanh-nha-thuoc" 423 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 424 > 425 Kinh doanh nhà thuá»c, </a> 426 <a 427 href="/tag/kinh-doanh-thoi-trang" 428 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 429 > 430 Kinh doanh thá»i trang </a> 431 </div> 432 </div> 433 <div class="group mb-4 last:mb-0"> 434 <a 435 href="/course/kinh-doanh-khoi-nghiep/xay-dung-doi-nhom" 436 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 437 >
438 <span 439 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 440 Xây dá»±ng Äá»i nhóm </a> 441 442 </div> 443 </div> 444 <div class="flex flex-col"> 445 <div class="group mb-4 last:mb-0"> 446 <a 447 href="/course/kinh-doanh-khoi-nghiep/van-hanh-doanh-nghiep" 448 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 449 > 450 <span 451 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 452 Váºn hà nh doanh nghiá»p </a> 453 454 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 455 <a 456 href="/tag/kiem-tien-youtube" 457 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 458 > 459 Kiếm tiá»n Youtube, </a> 460 <a 461 href="/tag/kiem-tien-amazon" 462 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 463 > 464 Kiếm tiá»n Amazon, </a> 465 <a 466 href="/tag/ban-hang-shopee" 467 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 468 > 469 Bán hà ng Shopee </a> 470 </div> 471 </div> 472 <div class="group mb-4 last:mb-0"> 473 <a 474 href="/course/kinh-doanh-khoi-nghiep/quan-tri-nhan-su" 475 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 476 > 477 <span 478 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 479 Quản Trá» Nhân Sá»± </a> 480 481 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 482 <a 483 href="/tag/tuyen-dung" 484 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 485 > 486 Tuyá»n dụng, </a> 487 <a 488 href="/tag/dao-tao-nhan-su" 489 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 490 > 491 Äà o tạo nhân sá»± </a> 492 </div> 493 </div> 494 <div class="group mb-4 last:mb-0"> 495 <a 496 href="/course/kinh-doanh-khoi-nghiep/nhuong-quyen-chuoi" 497 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 498 >
499 <span 500 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 501 Nhượng quyá»n & chuá»i </a> 502 503 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 504 <a 505 href="/tag/cham-soc-khach-hang" 506 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 507 > 508 ChÄm sóc khách hà ng, </a> 509 <a 510 href="/tag/chien-luoc-ban-hang" 511 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 512 > 513 Chiến lược bán hà ng </a> 514 </div> 515 </div> 516 </div> 517 </div> 518 </div> 519 <div id="category-content-1" 520 class="category-content hidden" 521 role="tabpanel" 522 aria-labelledby="category-tab-1" 523 > 524 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 525 Marketing & Bán hà ng </h4> 526 527 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 528 529 <div class="flex flex-col"> 530 <div class="group mb-4 last:mb-0"> 531 <a 532 href="/course/marketing-ban-hang/thuong-mai-dien-tu" 533 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 534 > 535 <span 536 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 537 Thương mại Äiá»n tá» </a> 538 539 </div> 540 <div class="group mb-4 last:mb-0"> 541 <a 542 href="/course/marketing-ban-hang/quang-cao-online" 543 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 544 >
545 <span 546 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 547 Quảng cáo online </a> 548 549 </div> 550 <div class="group mb-4 last:mb-0"> 551 <a 552 href="/course/marketing-ban-hang/ban-hang-chot-sale" 553 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 554 > 555 <span 556 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 557 Bán hà ng & chá»t sale </a> 558 559 </div> 560 <div class="group mb-4 last:mb-0"> 561 <a 562 href="/course/marketing-ban-hang/crm-chatbot-ai" 563 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 564 > 565 <span 566 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 567 CRM & Chatbot AI </a> 568 569 </div> 570 </div> 571 <div class="flex flex-col"> 572 <div class="group mb-4 last:mb-0"> 573 <a 574 href="/course/marketing-ban-hang/ban-hang-livestream" 575 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 576 > 577 <span 578 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 579 Bán hà ng livestream </a> 580 581 </div> 582 <div class="group mb-4 last:mb-0"> 583 <a 584 href="/course/marketing-ban-hang/xay-kenh-video" 585 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 586 > 587 <span 588 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 589 Xây kênh Video </a> 590 591 </div> 592 <div class="group mb-4 last:mb-0"> 593 <a 594 href="/course/marketing-ban-hang/cham-soc-khach-hang" 595 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 596 >
597 <span 598 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 599 ChÄm sóc khách hà ng </a> 600 601 </div> 602 <div class="group mb-4 last:mb-0"> 603 <a 604 href="/course/marketing-ban-hang/digital-marketing" 605 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 606 > 607 <span 608 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 609 Digital Marketing </a> 610 611 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 612 <a 613 href="/tag/facebook-marketing" 614 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 615 > 616 Facebook Marketing, </a> 617 <a 618 href="/tag/zalo-marketing" 619 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 620 > 621 Zalo Marketing, </a> 622 <a 623 href="/tag/quang-cao" 624 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 625 > 626 Quảng cáo, </a> 627 <a 628 href="/tag/email-marketing" 629 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 630 > 631 Email Marketing, </a> 632 <a 633 href="/tag/google-ads" 634 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 635 > 636 Google Ads, </a> 637 <a 638 href="/tag/seo" 639 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 640 > 641 Seo, </a> 642 <a 643 href="/tag/chatbot" 644 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 645 > 646 Chatbot, </a> 647 <a 648 href="/tag/youtube-marketing" 649 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 650 > 651 Youtube Marketing, </a> 652 <a 653 href="/tag/landingpage" 654 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 655 > 656 Landingpage, </a> 657 <a 658 href="/tag/content-marketing" 659 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 660 > 661 Content Marketing, </a> 662 <a 663 href="/tag/tiktok" 664 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 665 > 666 Tiktok, </a> 667 <a 668 href="/tag/affiliate-marketing" 669 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 670 > 671 Affiliate Marketing </a> 672 </div> 673 </div> 674 </div> 675 </div> 676 </div> 677 <div id="category-content-2" 678 class="category-content hidden" 679 role="tabpanel" 680 aria-labelledby="category-tab-2" 681 > 682 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 683 AI & Công nghá» </h4> 684 685 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 686 687 <div class="flex flex-col"> 688 <div class="group mb-4 last:mb-0"> 689 <a 690 href="/course/ai-cong-nghe/cong-cu-ai" 691 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 692 >
693 <span 694 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 695 Công cụ AI </a> 696 697 </div> 698 <div class="group mb-4 last:mb-0"> 699 <a 700 href="/course/ai-cong-nghe/lap-trinh-app" 701 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 702 > 703 <span 704 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 705 Láºp trình App </a> 706 707 </div> 708 <div class="group mb-4 last:mb-0"> 709 <a 710 href="/course/ai-cong-nghe/mang-bao-mat" 711 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 712 > 713 <span 714 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 715 Mạng & bảo máºt </a> 716 717 </div> 718 </div> 719 <div class="flex flex-col"> 720 <div class="group mb-4 last:mb-0"> 721 <a 722 href="/course/ai-cong-nghe/lap-trinh-web" 723 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 724 > 725 <span 726 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 727 Láºp trình Web </a> 728 729 </div> 730 <div class="group mb-4 last:mb-0"> 731 <a 732 href="/course/ai-cong-nghe/co-so-du-lieu" 733 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 734 > 735 <span 736 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 737 CÆ¡ sá» dữ liá»u </a> 738 739 </div> 740 <div class="group mb-4 last:mb-0"> 741 <a 742 href="/course/ai-cong-nghe/chuyen-doi-so" 743 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 744 >
745 <span 746 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 747 Chuyá»n Äá»i sá» </a> 748 749 </div> 750 </div> 751 </div> 752 </div> 753 <div id="category-content-3" 754 class="category-content hidden" 755 role="tabpanel" 756 aria-labelledby="category-tab-3" 757 > 758 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 759 Thiết kế & Sáng tạo </h4> 760 761 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 762 763 <div class="flex flex-col"> 764 <div class="group mb-4 last:mb-0"> 765 <a 766 href="/course/thiet-ke-sang-tao/thiet-ke-website" 767 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 768 > 769 <span 770 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 771 Thiết kế Website </a> 772 773 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 774 <a 775 href="/tag/bootstrap" 776 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 777 > 778 Bootstrap, </a> 779 <a 780 href="/tag/lap-trinh-web" 781 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 782 > 783 Láºp Trình Web </a> 784 </div> 785 </div> 786 <div class="group mb-4 last:mb-0"> 787 <a 788 href="/course/thiet-ke-sang-tao/noi-that-kien-truc" 789 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 790 >
791 <span 792 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 793 Ná»i thất & kiến trúc </a> 794 795 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 796 <a 797 href="/tag/3dsmax" 798 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 799 > 800 3DSMax </a> 801 </div> 802 </div> 803 <div class="group mb-4 last:mb-0"> 804 <a 805 href="/course/thiet-ke-sang-tao/thiet-ke-ui-ux-web-app" 806 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 807 > 808 <span 809 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 810 Thiết kế UI/UX (Web/App) </a> 811 812 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 813 <a 814 href="/tag/ui-ux" 815 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 816 > 817 UI-UX </a> 818 </div> 819 </div> 820 </div> 821 <div class="flex flex-col"> 822 <div class="group mb-4 last:mb-0"> 823 <a 824 href="/course/thiet-ke-sang-tao/thiet-ke-3d" 825 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 826 > 827 <span 828 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 829 Thiết kế 3D </a> 830 831 </div> 832 <div class="group mb-4 last:mb-0"> 833 <a 834 href="/course/thiet-ke-sang-tao/thiet-ke-do-hoa-branding"
835 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 836 > 837 <span 838 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 839 Thiết kế Äá» há»a & Branding </a> 840 841 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 842 <a 843 href="/tag/thiet-ke-do-hoa-2d" 844 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 845 > 846 Thiết kế Äá» há»a 2D, </a> 847 <a 848 href="/tag/thiet-ke-do-hoa-3d" 849 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 850 > 851 Thiết kế Äá» há»a 3D, </a> 852 <a 853 href="/tag/design-sketching" 854 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 855 > 856 Design Sketching </a> 857 </div> 858 </div> 859 <div class="group mb-4 last:mb-0"> 860 <a 861 href="/course/thiet-ke-sang-tao/phan-mem-thiet-ke" 862 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 863 > 864 <span 865 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 866 Phần má»m thiết kế </a> 867 868 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 869 <a 870 href="/tag/adobe-premiere" 871 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 872 > 873 Adobe Premiere, </a> 874 <a 875 href="/tag/solidworks" 876 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 877 > 878 Solidworks, </a> 879 <a 880 href="/tag/indesign" 881 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 882 > 883 InDesign , </a> 884 <a 885 href="/tag/vray" 886 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 887 > 888 Vray, </a> 889 <a 890 href="/tag/after-effect" 891 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 892 > 893 After Effect </a> 894 </div> 895 </div> 896 </div> 897 </div> 898 </div> 899 <div id="category-content-4" 900 class="category-content hidden" 901 role="tabpanel" 902 aria-labelledby="category-tab-4" 903 > 904 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 905 Video & Nhiếp ảnh </h4> 906 907 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 908 909 <div class="flex flex-col"> 910 <div class="group mb-4 last:mb-0"> 911 <a 912 href="/course/video-nhiep-anh/chup-anh" 913 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 914 >
915 <span 916 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 917 Chụp Ảnh </a> 918 919 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 920 <a 921 href="/tag/chinh-sua-anh" 922 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 923 > 924 Chá»nh sá»a ảnh </a> 925 </div> 926 </div> 927 <div class="group mb-4 last:mb-0"> 928 <a 929 href="/course/video-nhiep-anh/bien-tap-video" 930 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 931 > 932 <span 933 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 934 Biên Táºp Video </a> 935 936 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 937 <a 938 href="/tag/bien-tap-video" 939 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 940 > 941 Biên táºp video </a> 942 </div> 943 </div> 944 <div class="group mb-4 last:mb-0"> 945 <a 946 href="/course/video-nhiep-anh/lam-anh-bang-ai" 947 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 948 > 949 <span 950 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 951 Là m ảnh bằng AI </a> 952 953 </div> 954 <div class="group mb-4 last:mb-0"> 955 <a 956 href="/course/video-nhiep-anh/video-khoa-hoc" 957 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 958 >
959 <span 960 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 961 Video khóa há»c </a> 962 963 </div> 964 </div> 965 <div class="flex flex-col"> 966 <div class="group mb-4 last:mb-0"> 967 <a 968 href="/course/video-nhiep-anh/dung-phim" 969 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 970 > 971 <span 972 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 973 Dá»±ng Phim </a> 974 975 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 976 <a 977 href="/tag/dung-phim" 978 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 979 > 980 Dá»±ng phim, </a> 981 <a 982 href="/tag/lam-phim-hoat-hinh" 983 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 984 > 985 Là m phim hoạt hình, </a> 986 <a 987 href="/tag/san-xuat-phim" 988 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 989 > 990 Sản xuất phim </a> 991 </div> 992 </div> 993 <div class="group mb-4 last:mb-0"> 994 <a 995 href="/course/video-nhiep-anh/quay-video" 996 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 997 > 998 <span 999 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1000 Quay video </a> 1001 1002 </div> 1003 <div class="group mb-4 last:mb-0"> 1004 <a 1005 href="/course/video-nhiep-anh/lam-video-bang-ai" 1006 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1007 >
1008 <span 1009 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1010 Là m Video bằng AI </a> 1011 1012 </div> 1013 <div class="group mb-4 last:mb-0"> 1014 <a 1015 href="/course/video-nhiep-anh/lam-phim-hoat-hinh" 1016 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1017 > 1018 <span 1019 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1020 Là m phim hoạt hình </a> 1021 1022 </div> 1023 </div> 1024 </div> 1025 </div> 1026 <div id="category-content-5" 1027 class="category-content hidden" 1028 role="tabpanel" 1029 aria-labelledby="category-tab-5" 1030 > 1031 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1032 Ngoại Ngữ </h4> 1033 1034 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1035 1036 <div class="flex flex-col"> 1037 <div class="group mb-4 last:mb-0"> 1038 <a 1039 href="/course/ngoai-ngu/tieng-han" 1040 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1041 > 1042 <span 1043 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1044 Tiếng Hà n </a> 1045 1046 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1047 <a 1048 href="/tag/phat-am-tieng-han" 1049 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1050 > 1051 Phát âm tiếng Hà n, </a> 1052 <a 1053 href="/tag/tieng-han-so-cap" 1054 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1055 > 1056 Tiếng Hà n Sơ Cấp, </a> 1057 <a 1058 href="/tag/ngu-phap-tieng-han" 1059 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1060 > 1061 Ngữ pháp Tiếng Hà n, </a> 1062 <a 1063 href="/tag/tieng-han-trung-cap" 1064 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1065 > 1066 Tiếng Hà n Trung Cấp </a> 1067 </div> 1068 </div> 1069 <div class="group mb-4 last:mb-0"> 1070 <a 1071 href="/course/ngoai-ngu/tieng-trung" 1072 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1073 >
1074 <span 1075 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1076 Tiếng Trung </a> 1077 1078 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1079 <a 1080 href="/tag/tieng-trung-cao-cap" 1081 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1082 > 1083 Tiếng Trung cao cấp, </a> 1084 <a 1085 href="/tag/tieng-trung-so-cap" 1086 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1087 > 1088 Tiếng Trung Sơ Cấp </a> 1089 </div> 1090 </div> 1091 <div class="group mb-4 last:mb-0"> 1092 <a 1093 href="/course/ngoai-ngu/tieng-anh" 1094 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1095 > 1096 <span 1097 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1098 Tiếng Anh </a> 1099 1100 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1101 <a 1102 href="/tag/tu-vung-tieng-anh" 1103 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1104 > 1105 Từ vựng tiếng anh, </a> 1106 <a 1107 href="/tag/ngu-phap-tieng-anh" 1108 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1109 > 1110 Ngữ pháp tiếng Anh, </a> 1111 <a 1112 href="/tag/toeic" 1113 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1114 > 1115 Toeic, </a> 1116 <a 1117 href="/tag/ielts" 1118 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1119 > 1120 Ielts </a> 1121 </div> 1122 </div> 1123 </div> 1124 <div class="flex flex-col"> 1125 <div class="group mb-4 last:mb-0"> 1126 <a 1127 href="/course/ngoai-ngu/tieng-duc" 1128 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1129 >
1130 <span 1131 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1132 Tiếng Äức </a> 1133 1134 </div> 1135 <div class="group mb-4 last:mb-0"> 1136 <a 1137 href="/course/ngoai-ngu/tieng-nhat" 1138 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1139 > 1140 <span 1141 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1142 Tiếng Nháºt </a> 1143 1144 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1145 <a 1146 href="/tag/tu-vung-tieng-nhat" 1147 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1148 > 1149 Từ vá»±ng tiếng Nháºt, </a> 1150 <a 1151 href="/tag/ngu-phap-tieng-nhat" 1152 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1153 > 1154 Ngữ pháp tiếng nháºt, </a> 1155 <a 1156 href="/tag/tieng-nhat-giao-tiep" 1157 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1158 > 1159 Tiếng Nháºt giao tiếp, </a> 1160 <a 1161 href="/tag/phat-am-tieng-nhat" 1162 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1163 > 1164 Phát âm Tiếng Nháºt </a> 1165 </div> 1166 </div> 1167 <div class="group mb-4 last:mb-0"> 1168 <a 1169 href="/course/ngoai-ngu/toeic-ielts" 1170 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1171 >
1172 <span 1173 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1174 Toeic - Ielts </a> 1175 1176 </div> 1177 </div> 1178 </div> 1179 </div> 1180 <div id="category-content-6" 1181 class="category-content hidden" 1182 role="tabpanel" 1183 aria-labelledby="category-tab-6" 1184 > 1185 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1186 Tin Há»c VÄn Phòng </h4> 1187 1188 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1189 1190 <div class="flex flex-col"> 1191 <div class="group mb-4 last:mb-0"> 1192 <a 1193 href="/course/tin-hoc-van-phong/microsoft" 1194 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1195 > 1196 <span 1197 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1198 Microsoft </a> 1199 1200 </div> 1201 <div class="group mb-4 last:mb-0"> 1202 <a 1203 href="/course/tin-hoc-van-phong/notion" 1204 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1205 > 1206 <span 1207 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1208 Notion </a> 1209 1210 </div> 1211 <div class="group mb-4 last:mb-0"> 1212 <a 1213 href="/course/tin-hoc-van-phong/cong-cu-khac" 1214 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1215 > 1216 <span 1217 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1218 Công cụ khác </a> 1219 1220 </div> 1221 </div> 1222 <div class="flex flex-col"> 1223 <div class="group mb-4 last:mb-0"> 1224 <a 1225 href="/course/tin-hoc-van-phong/google"
1226 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1227 > 1228 <span 1229 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1230 Google </a> 1231 1232 </div> 1233 <div class="group mb-4 last:mb-0"> 1234 <a 1235 href="/course/tin-hoc-van-phong/canva" 1236 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1237 > 1238 <span 1239 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1240 Canva </a> 1241 1242 </div> 1243 <div class="group mb-4 last:mb-0"> 1244 <a 1245 href="/course/tin-hoc-van-phong/figma" 1246 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1247 > 1248 <span 1249 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1250 Figma </a> 1251 1252 </div> 1253 </div> 1254 </div> 1255 </div> 1256 <div id="category-content-7" 1257 class="category-content hidden" 1258 role="tabpanel" 1259 aria-labelledby="category-tab-7" 1260 > 1261 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1262 Kỹ nÄng má»m </h4> 1263 1264 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1265 1266 <div class="flex flex-col"> 1267 <div class="group mb-4 last:mb-0"> 1268 <a 1269 href="/course/ky-nang-mem/ky-nang-lanh-dao" 1270 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1271 > 1272 <span 1273 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1274 Kỹ nÄng lãnh Äạo </a> 1275 1276 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1277 <a 1278 href="/tag/ky-nang-lanh-dao" 1279 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1280 > 1281 Kỹ nÄng lãnh Äạo </a> 1282 </div> 1283 </div> 1284 <div class="group mb-4 last:mb-0"> 1285 <a 1286 href="/course/ky-nang-mem/ky-nang-giao-tiep" 1287 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1288 >
1289 <span 1290 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1291 Kỹ nÄng giao tiếp </a> 1292 1293 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1294 <a 1295 href="/tag/giao-tiep" 1296 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1297 > 1298 Giao tiếp </a> 1299 </div> 1300 </div> 1301 <div class="group mb-4 last:mb-0"> 1302 <a 1303 href="/course/ky-nang-mem/ky-nang-phong-van-xin-viec" 1304 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1305 > 1306 <span 1307 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1308 Kỹ nÄng phá»ng vấn - xin viá»c </a> 1309 1310 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1311 <a 1312 href="/tag/ky-nang-tim-viec" 1313 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1314 > 1315 Kỹ nÄng tìm viá»c, </a> 1316 <a 1317 href="/tag/ky-nang-viet-cv" 1318 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1319 > 1320 Kỹ nÄng viết CV, </a> 1321 <a 1322 href="/tag/ky-nang-phong-van" 1323 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1324 > 1325 Kỹ nÄng phá»ng vấn </a> 1326 </div> 1327 </div> 1328 <div class="group mb-4 last:mb-0"> 1329 <a 1330 href="/course/ky-nang-mem/ky-nang-ghi-nho" 1331 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1332 >
1333 <span 1334 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1335 Kỹ nÄng ghi nhá» </a> 1336 1337 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1338 <a 1339 href="/tag/sketchnote" 1340 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1341 > 1342 Sketchnote, </a> 1343 <a 1344 href="/tag/ren-luyen-tri-nho" 1345 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1346 > 1347 Rèn luyá»n trà nhá», </a> 1348 <a 1349 href="/tag/du-hoc" 1350 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1351 > 1352 Du há»c </a> 1353 </div> 1354 </div> 1355 <div class="group mb-4 last:mb-0"> 1356 <a 1357 href="/course/ky-nang-mem/ky-nang-khac" 1358 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1359 > 1360 <span 1361 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1362 Kỹ nÄng khác </a> 1363 1364 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1365 <a 1366 href="/tag/phat-trien-doi-nhom" 1367 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1368 > 1369 Phát triá»n Äá»i nhóm, </a> 1370 <a 1371 href="/tag/ky-nang-to-chuc" 1372 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1373 > 1374 Kỹ nÄng tá» chức, </a> 1375 <a 1376 href="/tag/quan-tri-cam-xuc" 1377 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1378 > 1379 Quản trá» cảm xúc, </a> 1380 <a 1381 href="/tag/quan-ly-xung-dot" 1382 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1383 > 1384 Quản lý xung Äá»t, </a> 1385 <a 1386 href="/tag/phat-trien-ban-than" 1387 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1388 > 1389 Phát triá»n bản thân, </a> 1390 <a 1391 href="/tag/ky-nang-lap-ke-hoach" 1392 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1393 > 1394 Kỹ nÄng láºp kế hoạch </a> 1395 </div> 1396 </div> 1397 <div class="group mb-4 last:mb-0"> 1398 <a 1399 href="/course/ky-nang-mem/xay-dung-doi-nhom" 1400 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1401 >
1402 <span 1403 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1404 Xây dá»±ng Äá»i nhóm </a> 1405 1406 </div> 1407 </div> 1408 <div class="flex flex-col"> 1409 <div class="group mb-4 last:mb-0"> 1410 <a 1411 href="/course/ky-nang-mem/ky-nang-thuyet-trinh" 1412 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1413 > 1414 <span 1415 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1416 Kỹ nÄng thuyết trình </a> 1417 1418 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1419 <a 1420 href="/tag/mc" 1421 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1422 > 1423 MC </a> 1424 </div> 1425 </div> 1426 <div class="group mb-4 last:mb-0"> 1427 <a 1428 href="/course/ky-nang-mem/ky-nang-dam-phan" 1429 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1430 > 1431 <span 1432 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1433 Kỹ nÄng Äà m phán </a> 1434 1435 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1436 <a 1437 href="/tag/dam-phan" 1438 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1439 > 1440 Äà m phán </a> 1441 </div> 1442 </div> 1443 <div class="group mb-4 last:mb-0"> 1444 <a 1445 href="/course/ky-nang-mem/ky-nang-quan-ly-thoi-gian" 1446 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1447 >
1448 <span 1449 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1450 Kỹ nÄng quản lý thá»i gian </a> 1451 1452 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1453 <a 1454 href="/tag/quan-ly-thoi-gian" 1455 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1456 > 1457 Quản lý thá»i gian </a> 1458 </div> 1459 </div> 1460 <div class="group mb-4 last:mb-0"> 1461 <a 1462 href="/course/ky-nang-mem/ky-nang-lap-ke-hoach" 1463 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1464 > 1465 <span 1466 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1467 Kỹ nÄng láºp kế hoạch </a> 1468 1469 </div> 1470 <div class="group mb-4 last:mb-0"> 1471 <a 1472 href="/course/ky-nang-mem/quan-tri-cam-xuc" 1473 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1474 > 1475 <span 1476 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1477 Quản trá» cảm xúc </a> 1478 1479 </div> 1480 <div class="group mb-4 last:mb-0"> 1481 <a 1482 href="/course/ky-nang-mem/quan-ly-xung-dot" 1483 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1484 > 1485 <span 1486 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1487 Quản lý xung Äá»t </a> 1488 1489 </div> 1490 </div> 1491 </div> 1492 </div> 1493 <div id="category-content-8" 1494 class="category-content hidden" 1495 role="tabpanel" 1496 aria-labelledby="category-tab-8" 1497 > 1498 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1499 Sức khá»e & Là m Äẹp </h4> 1500 1501 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1502 1503 <div class="flex flex-col"> 1504 <div class="group mb-4 last:mb-0"> 1505 <a 1506 href="/course/suc-khoe-lam-dep/cham-soc-ca-nhan" 1507 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1508 >
1509 <span 1510 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1511 ChÄm sóc cá nhân </a> 1512 1513 </div> 1514 <div class="group mb-4 last:mb-0"> 1515 <a 1516 href="/course/suc-khoe-lam-dep/me-bau-tre-em" 1517 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1518 > 1519 <span 1520 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1521 Mẹ bầu & trẻ em </a> 1522 1523 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1524 <a 1525 href="/tag/thien" 1526 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1527 > 1528 Thiá»n </a> 1529 </div> 1530 </div> 1531 <div class="group mb-4 last:mb-0"> 1532 <a 1533 href="/course/suc-khoe-lam-dep/dinh-duong-loi-song" 1534 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1535 > 1536 <span 1537 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1538 Dinh dưỡng & lá»i sá»ng </a> 1539 1540 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1541 <a 1542 href="/tag/eat-clean" 1543 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1544 > 1545 Eat clean </a> 1546 </div> 1547 </div> 1548 <div class="group mb-4 last:mb-0"> 1549 <a 1550 href="/course/suc-khoe-lam-dep/the-thao" 1551 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1552 >
1553 <span 1554 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1555 Thá» Thao </a> 1556 1557 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1558 <a 1559 href="/tag/dance-zumba" 1560 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1561 > 1562 Dance - Zumba </a> 1563 </div> 1564 </div> 1565 </div> 1566 <div class="flex flex-col"> 1567 <div class="group mb-4 last:mb-0"> 1568 <a 1569 href="/course/suc-khoe-lam-dep/yoga-thien" 1570 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1571 > 1572 <span 1573 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1574 Yoga </a> 1575 1576 </div> 1577 <div class="group mb-4 last:mb-0"> 1578 <a 1579 href="/course/suc-khoe-lam-dep/fitness-gym" 1580 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1581 > 1582 <span 1583 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1584 Fitness & Gym </a> 1585 1586 </div> 1587 <div class="group mb-4 last:mb-0"> 1588 <a 1589 href="/course/suc-khoe-lam-dep/cham-soc-tinh-than" 1590 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1591 > 1592 <span 1593 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1594 ChÄm sóc tinh thần </a> 1595 1596 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1597 <a 1598 href="/tag/hanh-phuc" 1599 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1600 > 1601 Hạnh phúc </a> 1602 </div> 1603 </div> 1604 <div class="group mb-4 last:mb-0"> 1605 <a 1606 href="/course/suc-khoe-lam-dep/lam-dep" 1607 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1608 >
1609 <span 1610 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1611 Là m Äẹp </a> 1612 1613 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1614 <a 1615 href="/tag/lam-dep-sau-sinh" 1616 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1617 > 1618 Là m Äẹp sau sinh, </a> 1619 <a 1620 href="/tag/trang-diem" 1621 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1622 > 1623 Trang Äiá»m </a> 1624 </div> 1625 </div> 1626 </div> 1627 </div> 1628 </div> 1629 <div id="category-content-9" 1630 class="category-content hidden" 1631 role="tabpanel" 1632 aria-labelledby="category-tab-9" 1633 > 1634 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1635 Tà i ChÃnh & Äầu tư </h4> 1636 1637 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1638 1639 <div class="flex flex-col"> 1640 <div class="group mb-4 last:mb-0"> 1641 <a 1642 href="/course/tai-chinh-dau-tu/ke-toan" 1643 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1644 > 1645 <span 1646 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1647 Kế Toán </a> 1648 1649 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1650 <a 1651 href="/tag/phan-mem-ke-toan" 1652 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1653 > 1654 Phần má»m kế toán, </a> 1655 <a 1656 href="/tag/bao-cao-tai-chinh" 1657 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1658 > 1659 Báo cáo tà i chÃnh </a> 1660 </div> 1661 </div> 1662 <div class="group mb-4 last:mb-0"> 1663 <a 1664 href="/course/tai-chinh-dau-tu/dau-tu" 1665 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1666 >
1667 <span 1668 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1669 Äầu Tư </a> 1670 1671 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1672 <a 1673 href="/tag/bitcoin" 1674 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1675 > 1676 Bitcoin, </a> 1677 <a 1678 href="/tag/dau-tu-forex" 1679 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1680 > 1681 Äầu tư forex </a> 1682 </div> 1683 </div> 1684 <div class="group mb-4 last:mb-0"> 1685 <a 1686 href="/course/tai-chinh-dau-tu/ho-kinh-doanh" 1687 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1688 > 1689 <span 1690 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1691 Há» kinh doanh </a> 1692 1693 </div> 1694 </div> 1695 <div class="flex flex-col"> 1696 <div class="group mb-4 last:mb-0"> 1697 <a 1698 href="/course/tai-chinh-dau-tu/tai-chinh" 1699 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1700 > 1701 <span 1702 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1703 Tà i ChÃnh </a> 1704 1705 </div> 1706 <div class="group mb-4 last:mb-0"> 1707 <a 1708 href="/course/tai-chinh-dau-tu/thue-phap-ly" 1709 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1710 >
1711 <span 1712 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1713 Thuế & pháp lý </a> 1714 1715 </div> 1716 <div class="group mb-4 last:mb-0"> 1717 <a 1718 href="/course/tai-chinh-dau-tu/phan-mem-ke-toan" 1719 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1720 > 1721 <span 1722 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1723 Phần má»m kế toán </a> 1724 1725 </div> 1726 </div> 1727 </div> 1728 </div> 1729 <div id="category-content-10" 1730 class="category-content hidden" 1731 role="tabpanel" 1732 aria-labelledby="category-tab-10" 1733 > 1734 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1735 Phong Cách Sá»ng </h4> 1736 1737 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1738 1739 <div class="flex flex-col"> 1740 <div class="group mb-4 last:mb-0"> 1741 <a 1742 href="/course/phong-cach-song/nghe-thuat-lifestyle" 1743 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1744 > 1745 <span 1746 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1747 Nghá» thuáºt & lifestyle </a> 1748 1749 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1750 <a 1751 href="/tag/ve" 1752 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1753 > 1754 Vẽ </a> 1755 </div> 1756 </div> 1757 <div class="group mb-4 last:mb-0"> 1758 <a 1759 href="/course/phong-cach-song/am-nhac-nhac-cu" 1760 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1761 >
1762 <span 1763 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1764 Ãm nhạc & nhạc cụ </a> 1765 1766 </div> 1767 <div class="group mb-4 last:mb-0"> 1768 <a 1769 href="/course/phong-cach-song/viet-lach-sang-tao" 1770 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1771 > 1772 <span 1773 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1774 Viết lách & sáng tạo </a> 1775 1776 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1777 <a 1778 href="/tag/nghe-thuat-viet-ebook" 1779 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1780 > 1781 Nghá» thuáºt viết Ebook, </a> 1782 <a 1783 href="/tag/doc-sach" 1784 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1785 > 1786 Äá»c sách </a> 1787 </div> 1788 </div> 1789 <div class="group mb-4 last:mb-0"> 1790 <a 1791 href="/course/phong-cach-song/huyen-hoc" 1792 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1793 > 1794 <span 1795 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1796 Huyá»n há»c </a> 1797 1798 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1799 <a 1800 href="/tag/handmade" 1801 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1802 > 1803 Handmade </a> 1804 </div> 1805 </div> 1806 </div> 1807 <div class="flex flex-col"> 1808 <div class="group mb-4 last:mb-0"> 1809 <a 1810 href="/course/phong-cach-song/am-thuc-do-uong" 1811 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1812 >
1813 <span 1814 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1815 Ẩm thá»±c & Äá» uá»ng </a> 1816 1817 </div> 1818 <div class="group mb-4 last:mb-0"> 1819 <a 1820 href="/course/phong-cach-song/luyen-hat-luyen-giong" 1821 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1822 > 1823 <span 1824 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1825 Luyá»n hát & Luyá»n giá»ng </a> 1826 1827 </div> 1828 <div class="group mb-4 last:mb-0"> 1829 <a 1830 href="/course/phong-cach-song/du-lich-trai-nghiem" 1831 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1832 > 1833 <span 1834 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1835 Du lá»ch & trải nghiá»m </a> 1836 1837 <div class="ml-3 mt-1 flex flex-wrap gap-x-1 gap-y-0.5"> 1838 <a 1839 href="/tag/du-lich" 1840 class="text-[11px] text-gray-500 hover:text-[#f05a28] transition-colors" 1841 > 1842 Du lá»ch </a> 1843 </div> 1844 </div> 1845 </div> 1846 </div> 1847 </div> 1848 <div id="category-content-11" 1849 class="category-content hidden" 1850 role="tabpanel" 1851 aria-labelledby="category-tab-11" 1852 > 1853 <h4 class="text-[#f05a28] font-bold uppercase text-[10px] tracking-widest mb-6 border-b border-orange-50 pb-2"> 1854 Sách hay nên Äá»c </h4> 1855 1856 <div class="grid grid-cols-2 gap-y-4 gap-x-8"> 1857 1858 <div class="flex flex-col"> 1859 <div class="group mb-4 last:mb-0"> 1860 <a 1861 href="/course/sach-hay-nen-doc/sach-ai" 1862 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1863 >
1864 <span 1865 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1866 Sách AI </a> 1867 1868 </div> 1869 <div class="group mb-4 last:mb-0"> 1870 <a 1871 href="/course/sach-hay-nen-doc/kiem-tien" 1872 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1873 > 1874 <span 1875 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1876 Kiếm tiá»n </a> 1877 1878 </div> 1879 </div> 1880 <div class="flex flex-col"> 1881 <div class="group mb-4 last:mb-0"> 1882 <a 1883 href="/course/sach-hay-nen-doc/tin-hoc" 1884 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1885 > 1886 <span 1887 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1888 Tin há»c </a> 1889 1890 </div> 1891 <div class="group mb-4 last:mb-0"> 1892 <a 1893 href="/course/sach-hay-nen-doc/kinh-doanh" 1894 class="text-gray-800 hover:text-[#f05a28] text-[13px] transition-colors flex items-center gap-2 mb-1" 1895 > 1896 <span 1897 class="w-1 h-1 rounded-full bg-[#f05a28] opacity-0 group-hover:opacity-100 transition-opacity"></span> 1898 Kinh doanh </a> 1899 1900 </div> 1901 </div> 1902 </div> 1903 </div> 1904 </div> 1905 </div> 1906 </div> 1907 1908
1908<script> 1909 $(document).ready(function () { 1910 const $menuButton = $('#category-menu-button'); 1911 const $megaMenu = $('#category-mega-menu'); 1912 const $menuContainer = $('#category-menu-container'); 1913 1914 if ($menuButton.length && $megaMenu.length) { 1915 let isMenuOpen = false; 1916 let closeTimeout; 1917 let isHoveringMenu = false; 1918 let isHoveringButton = false; 1919 1920 $megaMenu.addClass('hidden'); 1921 $menuButton.attr('aria-expanded', 'false'); 1922 $menuButton.find('svg').css('transform', 'rotate(0deg)'); 1923 1924 function openMenu() { 1925 if (isMenuOpen) return; 1926 1927 clearTimeout(closeTimeout); 1928 $megaMenu.removeClass('hidden'); 1929 $menuButton.addClass('text-[#f05a28] bg-orange-50'); 1930 $menuButton.attr('aria-expanded', 'true'); 1931 $menuButton.find('svg').css('transform', 'rotate(90deg)'); 1932 isMenuOpen = true; 1933 } 1934 1935 function closeMenu() { 1936 if (!isMenuOpen) return; 1937 1938 closeTimeout = setTimeout(() => { 1939 if (!isHoveringButton && !isHoveringMenu) { 1940 $megaMenu.addClass('hidden'); 1941 $menuButton.removeClass('text-[#f05a28] bg-orange-50'); 1942 $menuButton.attr('aria-expanded', 'false'); 1943 $menuButton.find('svg').css('transform', 'rotate(0deg)'); 1944 isMenuOpen = false; 1945 } 1946 }, 150); 1947 } 1948 1949 $menuButton.on('mouseenter', function () { 1950 isHoveringButton = true; 1951 if ($(window).width() >= 1024) { 1952 openMenu(); 1953 } 1954 }); 1955 1956 $menuButton.on('mouseleave', function () { 1957 isHoveringButton = false; 1958 if ($(window).width() >= 1024 && !isHoveringMenu) { 1959 closeMenu(); 1960 } 1961 }); 1962 1963 $megaMenu.on('mouseenter', function () { 1964 isHoveringMenu = true; 1965 clearTimeout(closeTimeout); 1966 }); 1967 1968 $megaMenu.on('mouseleave', function () { 1969 isHoveringMenu = false; 1970 if ($(window).width() >= 1024 && !isHoveringButton) { 1971 closeMenu(); 1972 } 1973 }); 1974 1975 $menuButton.on('click', function (e) { 1976 e.stopPropagation(); 1977 if (isMenuOpen) { 1978 closeMenu(); 1979 } else { 1980 openMenu(); 1981 } 1982 }); 1983 1984 $(document).on('click', function (e) { 1985 if (!$menuContainer.is(e.target) && $menuContainer.has(e.target).length === 0 && isMenuOpen) { 1986 closeMenu(); 1987 } 1988 }); 1989 1990 const $categoryTabs = $('.category-tab'); 1991 const $categoryContents = $('.category-content'); 1992 1993 $categoryTabs.on('mouseenter', function () { 1994 if ($(window).width() >= 1024 && isMenuOpen) { 1995 const tabIndex = $(this).data('tab'); 1996 1997 $categoryTabs.removeClass('active'); 1998 $(this).addClass('active'); 1999 2000 $categoryTabs.attr('aria-selected', 'false'); 2001 $(this).attr('aria-selected', 'true'); 2002 2003 $categoryContents.addClass('hidden'); 2004 $('#category-content-' + tabIndex).removeClass('hidden'); 2005 } 2006 }); 2007 2008 $megaMenu.find('a').on('click', function () { 2009 closeMenu(); 2010 }); 2011 2012 $(window).on('resize', function () { 2013 if ($(window).width() < 1024 && isMenuOpen) { 2014 closeMenu(); 2015 } 2016 }); 2017 } 2018 }); 2019 </script>
2019 2020 <div class="w-full"> 2021 <form class="relative" method="GET" action="/search"> 2022 <input autocomplete="on" name="key" id="text_search" value="" type="text" 2023 class="block w-full px-4 py-2.5 text-sm text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-gray-500 focus:border-gray-500" 2024 placeholder="Tìm khóa há»c, giảng viên" required> 2025 <button type="submit" class="absolute top-0 right-0 h-full pr-4"> 2026 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" 2027 xmlns="http://www.w3.org/2000/svg"> 2028 <path 2029 d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" 2030 stroke="#929495" stroke-width="2" stroke-linecap="round" 2031 stroke-linejoin="round"/> 2032 <path d="M20.9999 21L16.6499 16.65" stroke="#929495" stroke-width="2" 2033 stroke-linecap="round" stroke-linejoin="round"/> 2034 </svg> 2035 </button> 2036 </form> 2037 </div> 2038 </div> 2039 <div class="2xl:basis-5/12 lg:basis-6/12 basis-5/12 flex justify-end xl:gap-6 gap-4"> 2040 <!-- Anh ThÆ¡ yêu cầu bá»--> 2041 <!-- <div class="my-auto lg:block sm:hidden">--> 2042 <!-- <a class="block" href="/teacher">--> 2043 <!--</a>--> 2044 <!-- </div>--> 2045 <div class="my-auto lg:block sm:hidden"> 2046 <a class="block" href="/biz">Doanh nghiá»p</a> 2047 </div> 2048 <div class="my-auto lg:block sm:hidden"> 2049 <a class="block" href="/dashboard/user/group">Há»i viên</a> 2050 </div> 2051 2052 <div class="my-auto"> 2053 <a href="/cart" class="relative"> 2054 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" 2055 xmlns="http://www.w3.org/2000/svg"> 2056 <path 2057 d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" 2058 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2059 <path 2060 d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" 2061 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2062 <path 2063 d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" 2064 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2065 </svg> 2066 <div id="quantity-cart"> 2067 </div> 2068 </a> 2069 </div> 2070 2071 <div class="relative flex items-center gap-4"> 2072 <!-- <div class="my-auto">--> 2073<!-- <a class="block font-bold hover:text-[#f05a28] transition-colors" href="/login">--><!--</a>--> 2074<!-- </div>--> 2075 <div class="my-auto"> 2076 <a class="block px-4 py-2 font-bold text-white bg-[#f05a28] rounded-full hover:bg-[#e04a18] transition-colors" href="/login">ÄÄng nháºp</a> 2077 </div> 2078 </div> 2079 <!-- --> </div> 2080 </div> 2081 </div> 2082 </div> 2083 <!--Menu mobile--> 2084 <div class="lg:hidden md:hidden"> 2085 <div class="grid grid-cols-3 px-4 py-3.5"> 2086 <div> 2087 <button class="text-2xl" type="button" data-drawer-target="drawer-left-navbar"
2088 data-drawer-show="drawer-left-navbar" data-drawer-placement="left" 2089 aria-controls="drawer-left-navbar"> 2090 <svg width="24" height="29" viewBox="0 0 24 29" fill="none" xmlns="http://www.w3.org/2000/svg"> 2091 <path d="M3 12H21" stroke="black" stroke-width="2" stroke-linecap="round" 2092 stroke-linejoin="round"/> 2093 <path d="M3 6H21" stroke="black" stroke-width="2" stroke-linecap="round" 2094 stroke-linejoin="round"/> 2095 <path d="M3 18H21" stroke="black" stroke-width="2" stroke-linecap="round" 2096 stroke-linejoin="round"/> 2097 <path 2098 d="M2.5593 22.9091H3.49148L5.11222 26.8665H5.17188L6.79261 22.9091H7.72479V28H6.99396V24.3161H6.94673L5.44531 27.9925H4.83878L3.33736 24.3136H3.29013V28H2.5593V22.9091ZM8.84153 28V22.9091H12.0333V23.5703H9.60964V25.1214H11.8667V25.7802H9.60964V27.3388H12.0631V28H8.84153ZM17.1683 22.9091V28H16.4624L13.8746 24.2663H13.8274V28H13.0593V22.9091H13.7702L16.3604 26.6477H16.4077V22.9091H17.1683ZM21.5626 22.9091H22.3332V26.2575C22.3332 26.6138 22.2495 26.9295 22.0821 27.2045C21.9147 27.478 21.6794 27.6934 21.3762 27.8509C21.0729 28.0066 20.7174 28.0845 20.3097 28.0845C19.9037 28.0845 19.5491 28.0066 19.2458 27.8509C18.9426 27.6934 18.7072 27.478 18.5399 27.2045C18.3725 26.9295 18.2888 26.6138 18.2888 26.2575V22.9091H19.0569V26.1953C19.0569 26.4257 19.1075 26.6303 19.2085 26.8093C19.3113 26.9883 19.4563 27.1291 19.6436 27.2319C19.8308 27.333 20.0529 27.3835 20.3097 27.3835C20.5683 27.3835 20.7912 27.333 20.9784 27.2319C21.1673 27.1291 21.3115 26.9883 21.411 26.8093C21.512 26.6303 21.5626 26.4257 21.5626 26.1953V22.9091Z" 2099 fill="black"/> 2100 </svg> 2101 </button> 2102 </div> 2103 <a href="/"> 2104 <img class="w-[140px]" src="/media/img/logo-unica.svg" 2105 alt="Há»c Online: 2000+ Khóa há»c trá»±c tuyến cho ngưá»i Äi là m"> 2106 </a> 2107 <div class="flex justify-end items-center gap-6"> 2108 <svg data-modal-target="search-modal" data-modal-toggle="search-modal" data-modal-placement="top" 2109 width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2110 <path 2111 d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" 2112 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2113 <path d="M20.9999 21L16.6499 16.65" stroke="black" stroke-width="2" stroke-linecap="round" 2114 stroke-linejoin="round"/> 2115 </svg> 2116 <a href="/cart" class="relative"> 2117 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2118 <path 2119 d="M9 22C9.55228 22 10 21.5523 10 21C10 20.4477 9.55228 20 9 20C8.44772 20 8 20.4477 8 21C8 21.5523 8.44772 22 9 22Z" 2120 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2121 <path 2122 d="M20 22C20.5523 22 21 21.5523 21 21C21 20.4477 20.5523 20 20 20C19.4477 20 19 20.4477 19 21C19 21.5523 19.4477 22 20 22Z" 2123 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2124 <path 2125 d="M1 1H5L7.68 14.39C7.77144 14.8504 8.02191 15.264 8.38755 15.5583C8.75318 15.8526 9.2107 16.009 9.68 16H19.4C19.8693 16.009 20.3268 15.8526 20.6925 15.5583C21.0581 15.264 21.3086 14.8504 21.4 14.39L23 6H6" 2126 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2127 </svg> 2128 </a> 2129 </div> 2130 </div> 2131 <div class="mb-input-search hidden"> 2132 <div class="c_quick-search__form"> 2133 <form class="searchbox" method="GET" action="/search"> 2134 <input autocomplete="off" type="text" class="form-control sm-form" name="key" 2135 placeholder="Tìm khóa há»c, giảng viên" required=""> 2136 <button type="submit" class="btn sm-btn-search"><i class="fa fa-search" aria-hidden="true"></i> 2137 </button> 2138 </form> 2139 </div> 2140 </div> 2141 </div> 2142</header> 2143
2144<div id="drawer-left-navbar" class="fixed top-0 left-0 z-40 transition-transform -translate-x-full w-96" tabindex="-1" 2145 aria-labelledby="drawer-left-label"> 2146 <div class="w-80 bg-white h-screen overflow-y-auto"> 2147 <div class="border-t p-4 text-[#BF4A01]"> 2148 <div class="mt-2"> 2149 <a class="block" href="/login">ÄÄng nháºp</a> 2150 </div> 2151 <div class="my-4"> 2152 <a class="block" href="/register">ÄÄng ký</a> 2153 </div> 2154 </div> 2155 <div class="border-t p-4"> 2156 <div class="mt-2"> 2157 <a class="block" href="/kichhoat">KÃch hoạt khóa há»c</a> 2158 </div> 2159 <div class="my-4"> 2160 <a class="block" href="/dashboard/user/group">Há»i viên</a> 2161 </div> 2162 <div class="my-4"> 2163 <a class="block" href="/biz">Doanh nghiá»p</a> 2164 </div> 2165 </div> 2166 <div class="border-t p-4"> 2167 <div class="px-4 mb-2"> 2168 <h4 class="text-[10px] font-bold text-gray-400 uppercase tracking-widest mb-4 px-1">Danh mục Äà o tạo</h4> 2169 </div> 2170 <div id="dropdown-category-sidebar" class="transition-all duration-300"> 2171 <div class="pb-4"> 2172 <a class="flex gap-1.5 items-center" title="Khóa Há»c Kinh Doanh" href="/course/kinh-doanh-khoi-nghiep"> 2173 <i class="w-4 fa fa fa-rocket" aria-hidden="true"></i> 2174 Kinh doanh & Khá»i nghiá»p </a> 2175 </div> 2176 <div class="pb-4"> 2177 <a class="flex gap-1.5 items-center" title="Khóa Há»c Marketing & Bán hà ng" href="/course/marketing-ban-hang"> 2178 <i class="w-4 fa fa fa-line-chart" aria-hidden="true"></i> 2179 Marketing & Bán hà ng </a> 2180 </div> 2181 <div class="pb-4"> 2182 <a class="flex gap-1.5 items-center" title="AI & Công nghá»" href="/course/ai-cong-nghe"> 2183 <i class="w-4 fa fa fa-rocket" aria-hidden="true"></i> 2184 AI & Công nghá» </a> 2185 </div> 2186 <div class="pb-4"> 2187 <a class="flex gap-1.5 items-center" title="Khóa Há»c Thiết kế & Sáng tạo" href="/course/thiet-ke-sang-tao"> 2188 <i class="w-4 fa fa fa-paint-brush" aria-hidden="true"></i> 2189 Thiết kế & Sáng tạo </a> 2190 </div> 2191 <div class="pb-4"> 2192 <a class="flex gap-1.5 items-center" title="Khóa Há»c Video & Nhiếp ảnh" href="/course/video-nhiep-anh"> 2193 <i class="w-4 fa fa fa-camera" aria-hidden="true"></i> 2194 Video & Nhiếp ảnh </a> 2195 </div> 2196 <div class="pb-4"> 2197 <a class="flex gap-1.5 items-center" title="Khóa há»c Ngoại Ngữ " href="/course/ngoai-ngu"> 2198 <i class="w-4 fa fa fa-language" aria-hidden="true"></i> 2199 Ngoại Ngữ </a> 2200 </div> 2201 <div class="pb-4"> 2202 <a class="flex gap-1.5 items-center" title="Khóa Há»c Tin Há»c VÄn Phòng" href="/course/tin-hoc-van-phong"> 2203 <i class="w-4 fa fa fa-desktop" aria-hidden="true"></i> 2204 Tin Há»c VÄn Phòng </a> 2205 </div> 2206 <div class="pb-4"> 2207 <a class="flex gap-1.5 items-center" title="Kỹ nÄng má»m" href="/course/ky-nang-mem"> 2208 <i class="w-4 fa fa fa-lightbulb-o" aria-hidden="true"></i> 2209 Kỹ nÄng má»m </a> 2210 </div> 2211 <div class="pb-4"> 2212 <a class="flex gap-1.5 items-center" title="Sức khá»e & Là m Äẹp" href="/course/suc-khoe-lam-dep"> 2213 <i class="w-4 fa fa fa-heartbeat" aria-hidden="true"></i> 2214 Sức khá»e & Là m Äẹp </a> 2215 </div> 2216 <div class="pb-4"> 2217 <a class="flex gap-1.5 items-center" title="Tà i ChÃnh & Äầu tư" href="/course/tai-chinh-dau-tu"> 2218 <i class="w-4 fa fa fa-money" aria-hidden="true"></i> 2219 Tà i ChÃnh & Äầu tư </a> 2220 </div> 2221 <div class="pb-4"> 2222 <a class="flex gap-1.5 items-center" title="Khóa Há»c Phong Cách Sá»ng" href="/course/phong-cach-song"> 2223 <i class="w-4 fa fa fa-cutlery" aria-hidden="true"></i> 2224 Phong Cách Sá»ng </a> 2225 </div> 2226 <div class="pb-4"> 2227 <a class="flex gap-1.5 items-center" title="Sách hay nên Äá»c" href="/course/sach-hay-nen-doc"> 2228 <i class="w-4 fa fa fa-book" aria-hidden="true"></i> 2229 Sách hay nên Äá»c </a> 2230 </div> 2231 </div> 2232 </div> 2233 <div class="border-t px-4 py-6"> 2234 <a class="flex gap-2.5 items-center" href="/app"> 2235 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 2236 <g clip-path="url(#clip0_418_5860)"> 2237 <path 2238 d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z" 2239 fill="black" stroke="black" stroke-width="2" stroke-linecap="round" 2240 stroke-linejoin="round"/> 2241 <path d="M6 9L9 12L12 9" stroke="white" stroke-width="2" stroke-linecap="round" 2242 stroke-linejoin="round"/> 2243 <path d="M9 6V12" stroke="white" stroke-width="2" stroke-linecap="round" 2244 stroke-linejoin="round"/> 2245 </g> 2246 <defs> 2247 <clipPath id="clip0_418_5860"> 2248 <rect width="18" height="18" fill="white"/> 2249 </clipPath> 2250 </defs> 2251 </svg> 2252 Tải app </a> 2253 </div> 2254 <div class="border-t p-4"> 2255 <p class="font-bold">Há» trợ</p> 2256 <div class="py-4 flex gap-2.5 items-center"> 2257 <svg style="vertical-align: middle; margin-right: 10px" width="18" height="18" viewBox="0 0 18 18" 2258 fill="none" xmlns="http://www.w3.org/2000/svg"> 2259 <g clip-path="url(#clip0_330_6154)"> 2260 <path d="M17.25 5.25V0.75H12.75" stroke="black" stroke-width="2" stroke-linecap="round" 2261 stroke-linejoin="round"/> 2262 <path d="M12 6L17.25 0.75" stroke="black" stroke-width="2" stroke-linecap="round" 2263 stroke-linejoin="round"/> 2264 <path 2265 d="M16.5001 12.69V14.94C16.5009 15.1489 16.4581 15.3556 16.3745 15.547C16.2908 15.7384 16.168 15.9102 16.014
22651 16.0514C15.8602 16.1926 15.6785 16.3001 15.4806 16.367C15.2828 16.434 15.0731 16.4588 14.8651 16.44C12.5572 16.1892 10.3403 15.4006 8.39257 14.1375C6.58044 12.986 5.04407 11.4496 3.89257 9.63751C2.62506 7.68092 1.83625 5.45326 1.59007 3.13501C1.57133 2.92761 1.59598 2.71858 1.66245 2.52123C1.72892 2.32388 1.83575 2.14253 1.97615 1.98873C2.11654 1.83493 2.28743 1.71204 2.47792 1.6279C2.6684 1.54376 2.87433 1.50021 3.08257 1.50001H5.33257C5.69655 1.49643 6.04942 1.62532 6.32539 1.86266C6.60137 2.1 6.78163 2.4296 6.83257 2.79001C6.92754 3.51006 7.10366 4.21706 7.35757 4.89751C7.45848 5.16595 7.48032 5.4577 7.4205 5.73817C7.36069 6.01865 7.22172 6.27609 7.02007 6.48001L6.06757 7.43251C7.13524 9.31017 8.68991 10.8648 10.5676 11.9325L11.5201 10.98C11.724 10.7784 11.9814 10.6394 12.2619 10.5796C12.5424 10.5198 12.8341 10.5416 13.1026 10.6425C13.783 10.8964 14.49 11.0725 15.2101 11.1675C15.5744 11.2189 15.9071 11.4024 16.145 11.6831C16.3828 11.9638 16.5092 12.3222 16.5001 12.69Z" 2266 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2267 </g> 2268 <defs> 2269 <clipPath id="clip0_330_6154"> 2270 <rect width="18" height="18" fill="white"/> 2271 </clipPath> 2272 </defs> 2273 </svg> 2274 Hotline: <span><a 2275 href="tel: 090 488 6095"> 090 488 6095</a></span> 2276 </div> 2277 <div class="pb-1 flex gap-2.5 items-center"> 2278 <svg style="vertical-align: middle; margin-right: 10px" width="18" height="18" viewBox="0 0 18 18" 2279 fill="none" xmlns="http://www.w3.org/2000/svg"> 2280 <path 2281 d="M3 3H15C15.825 3 16.5 3.675 16.5 4.5V13.5C16.5 14.325 15.825 15 15 15H3C2.175 15 1.5 14.325 1.5 13.5V4.5C1.5 3.675 2.175 3 3 3Z" 2282 stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2283 <path d="M16.5 4.5L9 9.75L1.5 4.5" stroke="black" stroke-width="2" stroke-linecap="round" 2284 stroke-linejoin="round"/> 2285 </svg> 2286 Email: <span>[email protected]</span> 2287 </div> 2288 </div> 2289 </div> 2290 <button type="button" data-drawer-hide="drawer-left-navbar" aria-controls="drawer-left-navbar" 2291 class="text-gray-400 bg-white rounded-full text-sm w-10 h-10 absolute top-2.5 end-2.5 inline-flex items-center justify-center"> 2292 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 2293 class="w-6 h-6"> 2294 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/> 2295 </svg> 2296 <span class="sr-only">Close menu</span> 2297 </button> 2298</div> 2299<div id="search-modal" data-modal-placement="top-left" tabindex="-1" 2300 class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full min-h-full"> 2301 <div class="relative w-full max-w-2xl max-h-full"> 2302 <!-- Modal content --> 2303 <div class="relative p-4 w-full max-w-2xl max-h-full min-h-24 shadow w-full search-box"> 2304 <form class="relative" method="GET" action="/search"> 2305 <input autocomplete="on" name="key" id="text_search_sidebar" value="" type="text" 2306 class="block w-full px-4 py-2.5 text-sm text-gray-900 border border-gray-300 rounded-full bg-gray-50 focus:ring-gray-500 focus:border-gray-500" 2307 placeholder="Tìm khóa há»c, giảng viên" required> 2308 2309 <button type="submit" class="absolute top-0 right-0 h-full pr-4"> 2310 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2311 <path 2312 d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" 2313 stroke="#929495" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2314 <path d="M20.9999 21L16.6499 16.65" stroke="#929495" stroke-width="2" stroke-linecap="round" 2315 stroke-linejoin="round"/> 2316 </svg> 2317 </button> 2318 </form> 2319 <div id="search_sidebar_result" class="py-4"></div> 2320 </div> 2321 </div> 2322</div> 2323<!-- <nav class="bg-[#003555]">--> 2324<!-- <div class="py-4 px-4 lg:px-6 flex relative overflow-hidden lg:overflow-visible text-white">--> 2325<!-- <div class="swiper mySwiperTag pr-4">--> 2326<!-- <div class="swiper-wrapper">--> 2327<!-- --><!-- <a href="--><!--"--> 2328<!-- class="w-fit swiper-slide hover:text-[#85c6ff]">--><!--</a>--> 2329<!-- --><!-- </div>--> 2330<!-- </div>--> 2331<!-- </div>--> 2332<!-- </nav>--> 2333<!--
2333<script>--> 2334<!-- let swiperTag = new Swiper('.mySwiperTag', {--> 2335<!-- slidesPerView: 'auto',--> 2336<!-- autoplay: true,--> 2337<!-- spaceBetween: 24--> 2338<!-- });--> 2339<!-- </script>
2339--> 2340
2341<script> 2342 const allBtnLogout = document.querySelectorAll('.btn-logout'); 2343 if (allBtnLogout.length > 0) { 2344 allBtnLogout.forEach(item => { 2345 item.addEventListener('click', e => { 2346 e.preventDefault(); 2347 localStorage.clear() 2348 sessionStorage.clear(); 2349 2350 window.location.href = item.href 2351 }) 2352 }) 2353 } 2354</script>
2354 2355
2356<script> 2357 // Toggle dropdown cho avatar 2358 const dropdownButton = document.getElementById('dropdownUserAvatarButton'); 2359 const dropdownMenu = document.getElementById('dropdownAvatar'); 2360 2361 if (dropdownButton && dropdownMenu) { 2362 dropdownButton.addEventListener('click', function(e) { 2363 e.stopPropagation(); 2364 dropdownMenu.classList.toggle('hidden'); 2365 }); 2366 2367 // Close dropdown when clicking outside 2368 document.addEventListener('click', function(e) { 2369 if (!dropdownButton.contains(e.target) && !dropdownMenu.contains(e.target)) { 2370 dropdownMenu.classList.add('hidden'); 2371 } 2372 }); 2373 } 2374</script>
2374 2375 <div class="bg-slate-50 text-black"> 2376 2377<!-- Nhúng CSS cá»§a giao diá»n má»i --> 2378<!-- XÃA TOÃN Bá» THẺ <style> á» ÄÃY, CHá» DÃNG CLASS TAILWIND --> 2379 2380<!-- Giao diá»n chÃnh (copy phần <body> cá»§a list_2024.php, thay các biến mockup bằng biến tháºt) --> 2381<div class="bg-[#01121c] text-white py-8"> 2382 <div class="max-w-[1200px] mx-auto px-4"> 2383 <div class="lg:w-2/3"> 2384 <div class="flex items-center gap-2 text-[#a6deff] font-bold text-sm mb-4 tracking-wider"> 2385 <nav class="hidden md:flex px-3.5 md:px-0" aria-label="Breadcrumb"> 2386 <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse"> 2387 <li class="inline-flex items-center md:block hidden"> 2388 <a href="/" 2389 class="inline-flex items-center text-sm font-medium text-[#A6DEFF] hover:text-blue-600"> 2390 <svg class="w-3 h-3 me-2.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" 2391 fill="currentColor" viewBox="0 0 20 20"> 2392 <path 2393 d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z" /> 2394 </svg> 2395 Unica 2396 </a> 2397 </li> 2398 <li> 2399 <div class="flex items-center"> 2400 <svg class="rtl:rotate-180 w-3 h-3 text-[#A6DEFF] mx-1 md:block hidden" 2401 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
2402 viewBox="0 0 6 10"> 2403 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" 2404 stroke-width="2" d="m1 9 4-4-4-4" /> 2405 </svg> 2406 <a href="/course/ai-cong-nghe" 2407 class="-ms-1 md:text-sm font-medium md:text-[#A6DEFF] text-[#BF4A01] hover:text-blue-600 md:ms-2">AI & Công nghá»</a> 2408 </div> 2409 </li> 2410 <li aria-current="page"> 2411 <div class="flex items-center"> 2412 <svg class="rtl:rotate-180 w-3 h-3 md:text-[#A6DEFF] text-[#BF4A01] mx-1" 2413 aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" 2414 viewBox="0 0 6 10"> 2415 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" 2416 stroke-width="2" d="m1 9 4-4-4-4" /> 2417 </svg> 2418 <a href="startup" 2419 class="md:ms-1 md:text-sm font-medium md:text-[#A6DEFF] text-[#BF4A01] hover:text-blue-600 md:ms-2"> 2420 Startup </a> 2421 </div> 2422 </li> 2423 </ol> 2424 </nav> 2425 </div> 2426 <h1 class="text-2xl md:text-4xl font-bold leading-[1.2] mb-4"> 2427 PM No-Code: AI Product Management & No-Code Automation </h1> 2428 <p class="text-gray-300 text-lg mb-6 leading-relaxed"> 2429 Là m chá»§ tư duy Product Manager, tÃch hợp AI Agents, No-Code workflows và tá»± Äá»ng hóa quy trình phát triá»n sản phẩm </p> 2430 <div class="flex flex-wrap items-center gap-x-6 gap-y-4 text-sm md:text-base relative pr-4"> 2431 <div class="flex items-center gap-1.5"> 2432 <div class="flex text-yellow-400"> 2433 <svg class="w-[18px] h-[18px] fill-current"
2434 viewBox="0 0 24 24"> 2435 <polygon 2436 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 2437 </svg><svg class="w-[18px] h-[18px] fill-current" 2438 viewBox="0 0 24 24"> 2439 <polygon 2440 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 2441 </svg><svg class="w-[18px] h-[18px] fill-current" 2442 viewBox="0 0 24 24"> 2443 <polygon 2444 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 2445 </svg><svg class="w-[18px] h-[18px] fill-current" 2446 viewBox="0 0 24 24"> 2447 <polygon 2448 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 2449 </svg><svg class="w-[18px] h-[18px] fill-current"
2450 viewBox="0 0 24 24"> 2451 <polygon 2452 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 2453 </svg> </div> 2454 <span class="font-bold">0.0</span> 2455 <span class="text-gray-400">(0 Äánh giá)</span> 2456 </div> 2457 <div class="flex items-center gap-2"> 2458 <svg class="w-[18px] h-[18px] text-gray-400" viewBox="0 0 24 24" fill="none" stroke="currentColor" 2459 stroke-width="2"> 2460 <path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> 2461 <circle cx="9" cy="7" r="4" /> 2462 <path d="M22 21v-2a4 4 0 0 0-3-3.87" /> 2463 <path d="M16 3.13a4 4 0 0 1 0 7.75" /> 2464 </svg> 2465 <span><span class="font-bold">0</span> há»c viên</span> 2466 </div> 2467 <div class="flex items-center gap-2 flex-1 min-w-[200px]"> 2468 <div class="w-7 h-7 rounded-full bg-blue-500 overflow-hidden border border-white/20"> 2469 <img src="https://unica.vn/uploads/dang-vuong-quang/September820261002pm_dang-vuong-quang_thumb.jpg" 2470 alt="Giảng viên" class="w-full h-full object-cover" /> 2471 </div> 2472 <div class="flex items-center justify-between flex-1"> 2473 <!-- Sá»a lại thà nh thẻ <a> Äá» chuyá»n trang --> 2474 <a href="/teacher/pm-no-code" 2475 class="text-white hover:text-blue-400 cursor-pointer transition-colors"> 2476 Product Manager No-Code </a> 2477 <button type="button" class="text-2xl action-favourite" data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09"> 2478 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 2479 </button> 2480 </div> 2481 </div> 2482 </div> 2483 </div> 2484 </div> 2485</div> 2486 2487<div class="max-w-[1200px] mx-auto px-4 relative pt-5 lg:pt-0"> 2488 <div class="grid grid-cols-1 lg:grid-cols-12 gap-4 lg:gap-8 items-start"> 2489 <div class="lg:col-span-8 pt-4 lg:pt-12 pb-12 space-y-4 lg:space-y-6"> 2490 <!-- Bạn sẽ há»c ÄÆ°á»£c gì --> 2491 <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm"> 2492 <h2 class="text-2xl font-bold mb-6 text-gray-900">Bạn sẽ há»c ÄÆ°á»£c gì?</h2> 2493 <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> 2494 <div class="flex items-start gap-3"> 2495 <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" 2496 stroke="currentColor" stroke-width="2"> 2497 <circle cx="12" cy="12" r="10" /> 2498 <path d="m9 12 2 2 4-4" /> 2499 </svg> 2500 <span class="text-gray-700 leading-snug">Xác Äá»nh và váºn dụng tư duy Product Management và o các dá»± án công nghá» AI và No-Code</span> 2501 </div> 2502 <div class="flex items-start gap-3"> 2503 <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" 2504 stroke="currentColor" stroke-width="2"> 2505 <circle cx="12" cy="12" r="10" /> 2506 <path d="m9 12 2 2 4-4" /> 2507 </svg> 2508 <span class="text-gray-700 leading-snug">Thiết kế và triá»n khai quy trình tá»± Äá»ng hóa công viá»c bằng các công cụ No-Code/Low-Code hiá»n Äại</span> 2509 </div> 2510 <div class="flex items-start gap-3"> 2511 <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" 2512 stroke="currentColor" stroke-width="2"> 2513 <circle cx="12" cy="12" r="10" /> 2514 <path d="m9 12 2 2 4-4" /> 2515 </svg>
2516 <span class="text-gray-700 leading-snug">Ứng dụng Prompt Engineering nâng cao và xây dá»±ng há» thá»ng AI Agents thá»±c tế và o sản phẩm</span> 2517 </div> 2518 <div class="flex items-start gap-3"> 2519 <svg class="text-green-500 shrink-0 mt-1 w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" 2520 stroke="currentColor" stroke-width="2"> 2521 <circle cx="12" cy="12" r="10" /> 2522 <path d="m9 12 2 2 4-4" /> 2523 </svg> 2524 <span class="text-gray-700 leading-snug">Hoà n thà nh dá»± án thá»±c chiến từ khâu lên ý tưá»ng chiến lược Äến váºn hà nh há» thá»ng sá» hoà n chá»nh</span> 2525 </div> 2526 </div> 2527 </section> 2528 2529 <!-- Giá»i thiá»u --> 2530 <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm"> 2531 <h2 class="text-2xl font-bold mb-6 text-gray-900">Giá»i thiá»u khóa há»c</h2> 2532 2533 <div class="js-expand-wrapper relative overflow-hidden transition-all duration-300" 2534 data-max-height="220" style="max-height:220px"> 2535 <div class="prose prose-blue max-w-none text-gray-600 leading-relaxed space-y-4"> 2536 <p><strong>Lưu ý: Khóa há»c nà y có chứa ná»i dung do tạo bá»i AI.</strong></p><p>Khóa há»c thá»±c chiến ÄÆ°á»£c thiết kế Äúc kết trá»±c tiếp từ hà nh trình quản lý sản phẩm thá»±c tế qua các ná»n tảng FinTech, B2B2C và SaaS lá»n, dà nh riêng cho Product Manager, nhà sáng láºp và chuyên viên váºn hà nh muá»n tá»± tay xây dá»±ng các há» thá»ng sá», tÃch hợp công nghá» AI tiên tiến và tá»± Äá»ng hóa toà n bá» quy trình công viá»c mà không cần viết code phức tạp. Khóa há»c nà y giúp bạn nắm bắt trá»n vẹn tư duy cá»t lõi từ cÆ¡ bản Äến chuyên sâu Äá» tá»± tin triá»n khai sản phẩm thà nh công trong thá»i gian ngắn nhất.</p><p>Thông qua lá» trình bà i bản vá»i hà ng loạt bà i giảng chi tiết và thá»±c tế, bạn sẽ nắm vững các nhóm kiến thức trá»ng tâm sau Äây:</p><ul><li data-list-item-id="ede1d9b01937ced5cc1bea88523fd190a"><strong>Tư duy Product Management & AI:</strong> Xây dá»±ng ná»n tảng vững chắc từ nháºp môn sản phẩm, phân tÃch chiến lược, Äến viá»c ứng dụng linh hoạt các mô hình công nghá» hiá»n Äại và o quy trình quản lý và váºn hà nh há» thá»ng.</li><li data-list-item-id="ea4fc4ead77eeca107949c18fc69b62af"><strong>Prompt Engineering & Low-Code/No-Code:</strong> Là m chá»§ kỹ thuáºt thiết kế câu lá»nh chuyên sâu, tÃch hợp công nghá» tá»± Äá»ng hóa vÄn phòng và khai thác tá»i Äa các ná»n tảng No-Code giúp tÄng tá»c Äá» phát triá»n và triá»n khai sản phẩm.</li><li data-list-item-id="e5dbfd613b72269bc94b7d5593cfd1c85"><strong>Há» thá»ng AI Agents & Váºn hà nh:</strong> Tìm hiá»u phương pháp xây dá»±ng agent tá»± chá»§, tá»i ưu hóa quy trình váºn hà nh há» thá»ng thông minh, Äánh giá mô hình ngôn ngữ lá»n (LLM) và ứng dụng thá»±c tế theo các lÄ©nh vá»±c FinTech, thương mại Äiá»n tá», y tế.</li><li data-list-item-id="e8d11b59f5511c183e1141140470632a3"><strong>Tà i nguyên thá»±c chiến:</strong> Sá» hữu trá»n bá» video bà i giảng kết hợp há» thá»ng slide chi tiết Äi kèm từng bà i há»c Äá» bạn có thỠáp dụng ngay và o dá»± án thá»±c tế cá»§a mình mà không mất nhiá»u thá»i gian mà y mò.</li><li data-list-item-id="e682e1268fe0b6ff6650a5dea24d136e7">Tham gia khóa há»c ngay hôm nay Äá» nâng cấp tư duy Product, là m chá»§ AI â No-Code Automation và tá»± tin hÆ¡n khi phá»i hợp cùng Äá»i ngÅ© công nghá» Äá» ÄÆ°a ý tưá»ng thà nh sản phẩm thá»±c tế!</li></ul><p>Tham gia khóa há»c ngay hôm nay Äá» nâng cấp tư duy Product, là m chá»§ AI â No-Code Automation và tá»± tin hÆ¡n khi phá»i hợp cùng Äá»i ngÅ© công nghá» Äá» ÄÆ°a ý tưá»ng thà nh sản phẩm thá»±c tế!</p><p> </p> </div> 2537 2538 <div 2539 class="js-expand-overlay absolute bottom-0 left-0 right-0 h-16 bg-gradient-to-t from-white to-transparent"> 2540 </div> 2541 </div> 2542 2543 <button type="button" 2544 class="js-expand-toggle mt-4 text-gray-500 font-medium hover:underline hidden text-sm"> 2545 Xem thêm 2546 </button> 2547 </section> 2548 2549 <!-- Ná»i dung --> 2550 <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm"> 2551 <div class="flex items-center justify-between mb-6"> 2552 <h2 class="text-2xl font-bold text-gray-900">Ná»i dung khóa há»c</h2> 2553 </div> 2554 <div class="flex items-center justify-between gap-2 mb-4"> 2555 <div class="flex items-center gap-1.5 md:gap-4 text-xs md:text-sm text-gray-500 whitespace-nowrap">
2556 <span>8 Phần</span><span>â¢</span> 2557 <span> 2558 92 <span class="md:hidden">Bà i</span> 2559 <span class="hidden md:inline">bà i giảng</span> 2560 </span><span>â¢</span> 2561 <span> 2562 <span class="md:hidden"> 2563 11h 42p </span> 2564 <span class="hidden md:inline"> 2565 11 giá» 42 phút </span> 2566 </span> 2567 </div> 2568 <button type="button" 2569 class="flex items-center gap-1.5 text-blue-600 font-bold text-xs md:text-sm hover:text-blue-700 transition-colors btn-preview-modal shrink-0 whitespace-nowrap" 2570 data-link="" 2571 data-id="175084"> 2572 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2573 <path d="m22 8-6 4 6 4V8Z" /> 2574 <rect x="2" y="6" width="14" height="12" rx="2" ry="2" /> 2575 </svg> 2576 <span>Há»c thá»</span> 2577 </button> 2578 </div> 2579 <div class="border border-gray-200 rounded-xl overflow-hidden mb-6"> 2580 <div class="border-b border-gray-200 last:border-0"> 2581 <details class="group bg-white" open> 2582 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 2583 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2584 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2585 <path d="m6 9 6 6 6-6" /> 2586 </svg> 2587 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 2588 <span class="font-bold text-gray-800 md:pr-4"> 2589 Phần 1: Nháºp môn & Ná»n tảng Toán há»c cho AI (CÆ¡ bản) </span> 2590 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 2591 5 bà i há»c 2592 </span> 2593 </div> 2594 </summary> 2595 <div class="bg-white"> 2596 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2597 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2598 viewB
2598ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2599 <circle cx="12" cy="12" r="10" /> 2600 <polygon points="10 8 16 12 10 16 10 8" /> 2601 </svg> 2602 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2603 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2604 1.1 Khái niá»m cÆ¡ sá» </span> 2605 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2606 00:06:45 </span> 2607 </div> 2608 </div> 2609 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2610 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2611 viewB
2611ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2612 <circle cx="12" cy="12" r="10" /> 2613 <polygon points="10 8 16 12 10 16 10 8" /> 2614 </svg> 2615 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2616 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2617 1.2 Ná»n tảng Toán há»c cho AI </span> 2618 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2619 00:06:06 </span> 2620 </div> 2621 </div> 2622 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2623 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2624 viewB
2624ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2625 <circle cx="12" cy="12" r="10" /> 2626 <polygon points="10 8 16 12 10 16 10 8" /> 2627 </svg> 2628 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2629 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2630 1.2.1 Äại sá» tuyến tÃnh </span> 2631 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2632 00:07:59 </span> 2633 </div> 2634 </div> 2635 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2636 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2637 viewB
2637ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2638 <circle cx="12" cy="12" r="10" /> 2639 <polygon points="10 8 16 12 10 16 10 8" /> 2640 </svg> 2641 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2642 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2643 1.2.2 Xác suất & Thá»ng kê </span> 2644 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2645 00:09:53 </span> 2646 </div> 2647 </div> 2648 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2649 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2650 viewB
2650ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2651 <circle cx="12" cy="12" r="10" /> 2652 <polygon points="10 8 16 12 10 16 10 8" /> 2653 </svg> 2654 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2655 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2656 1.2.3 Giải tÃch & Gradient </span> 2657 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2658 00:07:50 </span> 2659 </div> 2660 </div> 2661 </div> 2662 </details> 2663 </div> 2664 <div class="border-b border-gray-200 last:border-0"> 2665 <details class="group bg-white" > 2666 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 2667 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2668 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2669 <path d="m6 9 6 6 6-6" /> 2670 </svg> 2671 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 2672 <span class="font-bold text-gray-800 md:pr-4"> 2673 Phần 2: Machine Learning Cá» Äiá»n & Kỹ nÄng Phân tÃch Dữ liá»u (Trung cấp) </span> 2674 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 2675 6 bà i há»c 2676 </span> 2677 </div> 2678 </summary> 2679 <div class="bg-white"> 2680 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2681 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2682 viewB
2682ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2683 <circle cx="12" cy="12" r="10" /> 2684 <polygon points="10 8 16 12 10 16 10 8" /> 2685 </svg> 2686 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2687 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2688 2.1 Thuáºt toán ML cá» Äiá»n Supervised & Unsupervised </span> 2689 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2690 00:06:39 </span> 2691 </div> 2692 </div> 2693 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2694 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2695 viewB
2695ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2696 <circle cx="12" cy="12" r="10" /> 2697 <polygon points="10 8 16 12 10 16 10 8" /> 2698 </svg> 2699 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2700 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2701 2.1.1 Há»c có giám sát Supervised Learning </span> 2702 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2703 00:07:08 </span> 2704 </div> 2705 </div> 2706 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2707 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2708 viewB
2708ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2709 <circle cx="12" cy="12" r="10" /> 2710 <polygon points="10 8 16 12 10 16 10 8" /> 2711 </svg> 2712 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2713 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2714 2.1.2 Há»c không giám sát Unsupervised Learning </span> 2715 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2716 00:05:45 </span> 2717 </div> 2718 </div> 2719 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2720 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2721 viewB
2721ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2722 <circle cx="12" cy="12" r="10" /> 2723 <polygon points="10 8 16 12 10 16 10 8" /> 2724 </svg> 2725 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2726 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2727 2.1.3 BỠtrợ lý thuyết thông tin </span> 2728 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2729 00:05:49 </span> 2730 </div> 2731 </div> 2732 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2733 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2734 viewB
2734ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2735 <circle cx="12" cy="12" r="10" /> 2736 <polygon points="10 8 16 12 10 16 10 8" /> 2737 </svg> 2738 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2739 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2740 2.2.1 Äo lưá»ng sai sá» </span> 2741 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2742 00:07:15 </span> 2743 </div> 2744 </div> 2745 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2746 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2747 viewB
2747ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2748 <circle cx="12" cy="12" r="10" /> 2749 <polygon points="10 8 16 12 10 16 10 8" /> 2750 </svg> 2751 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2752 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2753 2.2.2 Phương pháp thá»±c hà nh cá»t lõi </span> 2754 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2755 00:08:40 </span> 2756 </div> 2757 </div> 2758 </div> 2759 </details> 2760 </div> 2761 <div class="border-b border-gray-200 last:border-0"> 2762 <details class="group bg-white" > 2763 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 2764 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2765 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2766 <path d="m6 9 6 6 6-6" /> 2767 </svg> 2768 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 2769 <span class="font-bold text-gray-800 md:pr-4"> 2770 Phần 3: Ứng Dụng AI VÄn Phòng, Low-Code & Quản Trá» AI Doanh Nghiá»p </span> 2771 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 2772 3 bà i há»c 2773 </span> 2774 </div> 2775 </summary> 2776 <div class="bg-white"> 2777 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2778 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2779 viewB
2779ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2780 <circle cx="12" cy="12" r="10" /> 2781 <polygon points="10 8 16 12 10 16 10 8" /> 2782 </svg> 2783 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2784 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2785 3.1 Prompt Engineering chuyên sâu </span> 2786 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2787 00:07:20 </span> 2788 </div> 2789 </div> 2790 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2791 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2792 viewB
2792ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2793 <circle cx="12" cy="12" r="10" /> 2794 <polygon points="10 8 16 12 10 16 10 8" /> 2795 </svg> 2796 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2797 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2798 3.2 AI Tá»± Äá»ng hóa & TÃch hợp quy trình vÄn phòng Low Code:No Code </span> 2799 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2800 00:07:33 </span> 2801 </div> 2802 </div> 2803 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2804 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2805 viewB
2805ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2806 <circle cx="12" cy="12" r="10" /> 2807 <polygon points="10 8 16 12 10 16 10 8" /> 2808 </svg> 2809 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2810 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2811 3.3 Bảo máºt, An toà n & Quản trá» AI Doanh nghiá»p </span> 2812 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2813 00:07:03 </span> 2814 </div> 2815 </div> 2816 </div> 2817 </details> 2818 </div> 2819 <div class="border-b border-gray-200 last:border-0"> 2820 <details class="group bg-white" > 2821 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 2822 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
2823 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2824 <path d="m6 9 6 6 6-6" /> 2825 </svg> 2826 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 2827 <span class="font-bold text-gray-800 md:pr-4"> 2828 Phần 4: Ná»n Tảng Há»c Sâu (Deep Learning) & Kiến Trúc Mạng NÆ¡-ron </span> 2829 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 2830 17 bà i há»c 2831 </span> 2832 </div> 2833 </summary> 2834 <div class="bg-white"> 2835 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2836 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2837 viewB
2837ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2838 <circle cx="12" cy="12" r="10" /> 2839 <polygon points="10 8 16 12 10 16 10 8" /> 2840 </svg> 2841 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2842 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2843 4.1 Nguyên lý và Cơ chế của Mạng nơ ron sâu </span> 2844 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2845 00:06:17 </span> 2846 </div> 2847 </div> 2848 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2849 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2850 viewB
2850ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2851 <circle cx="12" cy="12" r="10" /> 2852 <polygon points="10 8 16 12 10 16 10 8" /> 2853 </svg> 2854 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2855 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2856 4.1.1 Nơ ron nhân tạo </span> 2857 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2858 00:07:58 </span> 2859 </div> 2860 </div> 2861 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2862 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2863 viewB
2863ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2864 <circle cx="12" cy="12" r="10" /> 2865 <polygon points="10 8 16 12 10 16 10 8" /> 2866 </svg> 2867 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2868 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2869 4.1.2 MLP Multilayer Perceptron </span> 2870 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2871 00:07:24 </span> 2872 </div> 2873 </div> 2874 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2875 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2876 viewB
2876ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2877 <circle cx="12" cy="12" r="10" /> 2878 <polygon points="10 8 16 12 10 16 10 8" /> 2879 </svg> 2880 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2881 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2882 4.1.3 Hà m kÃch hoạt Activation Functions </span> 2883 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2884 00:07:21 </span> 2885 </div> 2886 </div> 2887 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2888 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2889 viewB
2889ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2890 <circle cx="12" cy="12" r="10" /> 2891 <polygon points="10 8 16 12 10 16 10 8" /> 2892 </svg> 2893 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2894 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2895 4.1.4 Chu trình huấn luyá»n mạng sâu </span> 2896 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2897 00:08:07 </span> 2898 </div> 2899 </div> 2900 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2901 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2902 viewB
2902ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2903 <circle cx="12" cy="12" r="10" /> 2904 <polygon points="10 8 16 12 10 16 10 8" /> 2905 </svg> 2906 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2907 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2908 4.2 Kỹ thuáºt á»n Äá»nh huấn luyá»n mạng sâu AI Engineer </span> 2909 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2910 00:07:58 </span> 2911 </div> 2912 </div> 2913 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2914 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2915 viewB
2915ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2916 <circle cx="12" cy="12" r="10" /> 2917 <polygon points="10 8 16 12 10 16 10 8" /> 2918 </svg> 2919 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2920 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2921 4.2.1 Khá»i tao trá»ng sá» Weight Initialization </span> 2922 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2923 00:08:38 </span> 2924 </div> 2925 </div> 2926 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2927 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2928 viewB
2928ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2929 <circle cx="12" cy="12" r="10" /> 2930 <polygon points="10 8 16 12 10 16 10 8" /> 2931 </svg> 2932 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2933 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2934 4.2.2 Chuẩn hóa theo lô Batch Normalization </span> 2935 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2936 00:07:34 </span> 2937 </div> 2938 </div> 2939 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2940 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2941 viewB
2941ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2942 <circle cx="12" cy="12" r="10" /> 2943 <polygon points="10 8 16 12 10 16 10 8" /> 2944 </svg> 2945 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2946 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2947 4.3 Các Kiến trúc Mạng NÆ¡ ron ná»n tảng AI Researcher </span> 2948 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2949 00:07:33 </span> 2950 </div> 2951 </div> 2952 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2953 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2954 viewB
2954ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2955 <circle cx="12" cy="12" r="10" /> 2956 <polygon points="10 8 16 12 10 16 10 8" /> 2957 </svg> 2958 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2959 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2960 4.3.1 CNN Convolutional Neural Network Fixed </span> 2961 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2962 00:06:51 </span> 2963 </div> 2964 </div> 2965 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2966 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2967 viewB
2967ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2968 <circle cx="12" cy="12" r="10" /> 2969 <polygon points="10 8 16 12 10 16 10 8" /> 2970 </svg> 2971 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2972 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2973 4.3.2 RNN Recurrent Neural Network </span> 2974 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2975 00:07:57 </span> 2976 </div> 2977 </div> 2978 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2979 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2980 viewB
2980ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2981 <circle cx="12" cy="12" r="10" /> 2982 <polygon points="10 8 16 12 10 16 10 8" /> 2983 </svg> 2984 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2985 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2986 4.3.3 LSTM Long Short Term Memory </span> 2987 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 2988 00:05:09 </span> 2989 </div> 2990 </div> 2991 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 2992 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 2993 viewB
2993ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 2994 <circle cx="12" cy="12" r="10" /> 2995 <polygon points="10 8 16 12 10 16 10 8" /> 2996 </svg> 2997 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 2998 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 2999 4.3.4 Autoencoder </span> 3000 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3001 00:07:31 </span> 3002 </div> 3003 </div> 3004 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3005 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3006 viewB
3006ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3007 <circle cx="12" cy="12" r="10" /> 3008 <polygon points="10 8 16 12 10 16 10 8" /> 3009 </svg> 3010 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3011 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3012 4.3.5 VAE Variational Autoencoder </span> 3013 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3014 00:07:36 </span> 3015 </div> 3016 </div> 3017 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3018 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3019 viewB
3019ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3020 <circle cx="12" cy="12" r="10" /> 3021 <polygon points="10 8 16 12 10 16 10 8" /> 3022 </svg> 3023 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3024 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3025 4.3.6 GAN Generative Adversarial Network </span> 3026 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3027 00:08:31 </span> 3028 </div> 3029 </div> 3030 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3031 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3032 viewB
3032ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3033 <circle cx="12" cy="12" r="10" /> 3034 <polygon points="10 8 16 12 10 16 10 8" /> 3035 </svg> 3036 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3037 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3038 4.3.7 Kiến trúc U Net </span> 3039 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3040 00:07:48 </span> 3041 </div> 3042 </div> 3043 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3044 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3045 viewB
3045ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3046 <circle cx="12" cy="12" r="10" /> 3047 <polygon points="10 8 16 12 10 16 10 8" /> 3048 </svg> 3049 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3050 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3051 4.3.8 NeRF Neural Radiance Fields </span> 3052 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3053 00:08:17 </span> 3054 </div> 3055 </div> 3056 </div> 3057 </details> 3058 </div> 3059 <div class="border-b border-gray-200 last:border-0"> 3060 <details class="group bg-white" > 3061 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 3062 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3063 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3064 <path d="m6 9 6 6 6-6" /> 3065 </svg> 3066 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 3067 <span class="font-bold text-gray-800 md:pr-4"> 3068 Phần 5: NLP, Há» Thá»ng Tìm Kiếm, LLM Nâng Cao & Äa Phương Thức </span> 3069 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 3070 13 bà i há»c 3071 </span> 3072 </div> 3073 </summary> 3074 <div class="bg-white"> 3075 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3076 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3077 viewB
3077ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3078 <circle cx="12" cy="12" r="10" /> 3079 <polygon points="10 8 16 12 10 16 10 8" /> 3080 </svg> 3081 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3082 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3083 5.1 XỠlý ngôn ngữ tự nhiên NLP & Tìm kiếm thông tin </span> 3084 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3085 00:07:38 </span> 3086 </div> 3087 </div> 3088 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3089 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3090 viewB
3090ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3091 <circle cx="12" cy="12" r="10" /> 3092 <polygon points="10 8 16 12 10 16 10 8" /> 3093 </svg> 3094 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3095 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3096 5.1.1 Ná»n tảng NLP </span> 3097 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3098 00:09:17 </span> 3099 </div> 3100 </div> 3101 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3102 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3103 viewB
3103ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3104 <circle cx="12" cy="12" r="10" /> 3105 <polygon points="10 8 16 12 10 16 10 8" /> 3106 </svg> 3107 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3108 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3109 5.1.2 Há» thá»ng tìm kiếm hiá»n Äại RAG & Semantic Search </span> 3110 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3111 00:06:38 </span> 3112 </div> 3113 </div> 3114 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3115 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3116 viewB
3116ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3117 <circle cx="12" cy="12" r="10" /> 3118 <polygon points="10 8 16 12 10 16 10 8" /> 3119 </svg> 3120 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3121 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3122 5.2 Kiến trúc Transformer & LLM nâng cao </span> 3123 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3124 00:06:58 </span> 3125 </div> 3126 </div> 3127 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3128 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3129 viewB
3129ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3130 <circle cx="12" cy="12" r="10" /> 3131 <polygon points="10 8 16 12 10 16 10 8" /> 3132 </svg> 3133 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3134 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3135 5.2.1 Trái tim của Transformer </span> 3136 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3137 00:08:04 </span> 3138 </div> 3139 </div> 3140 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3141 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3142 viewB
3142ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3143 <circle cx="12" cy="12" r="10" /> 3144 <polygon points="10 8 16 12 10 16 10 8" /> 3145 </svg> 3146 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3147 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3148 5.2.2 Biến thá» LLM hiá»n Äại </span> 3149 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3150 00:06:52 </span> 3151 </div> 3152 </div> 3153 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3154 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3155 viewB
3155ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3156 <circle cx="12" cy="12" r="10" /> 3157 <polygon points="10 8 16 12 10 16 10 8" /> 3158 </svg> 3159 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3160 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3161 5.2.3 Tá»i ưu suy luáºn </span> 3162 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3163 00:07:58 </span> 3164 </div> 3165 </div> 3166 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3167 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3168 viewB
3168ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3169 <circle cx="12" cy="12" r="10" /> 3170 <polygon points="10 8 16 12 10 16 10 8" /> 3171 </svg> 3172 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3173 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3174 5.3 Trà tuá» nhân tạo Äa phương thức Multimodal AI </span> 3175 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3176 00:07:32 </span> 3177 </div> 3178 </div> 3179 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3180 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3181 viewB
3181ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3182 <circle cx="12" cy="12" r="10" /> 3183 <polygon points="10 8 16 12 10 16 10 8" /> 3184 </svg> 3185 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3186 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3187 5.3.1 ViT Vision Transformer </span> 3188 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3189 00:08:43 </span> 3190 </div> 3191 </div> 3192 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3193 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3194 viewB
3194ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3195 <circle cx="12" cy="12" r="10" /> 3196 <polygon points="10 8 16 12 10 16 10 8" /> 3197 </svg> 3198 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3199 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3200 5.3.2 CLIP Contrastive Language Image Pre training </span> 3201 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3202 00:09:30 </span> 3203 </div> 3204 </div> 3205 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3206 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3207 viewB
3207ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3208 <circle cx="12" cy="12" r="10" /> 3209 <polygon points="10 8 16 12 10 16 10 8" /> 3210 </svg> 3211 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3212 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3213 5.3.3 VLM & Unified Multimodal </span> 3214 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3215 00:06:37 </span> 3216 </div> 3217 </div> 3218 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3219 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3220 viewB
3220ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3221 <circle cx="12" cy="12" r="10" /> 3222 <polygon points="10 8 16 12 10 16 10 8" /> 3223 </svg> 3224 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3225 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3226 5.3.4 Mô hình khuếch tán sinh ảnh Diffusion Models </span> 3227 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3228 00:05:45 </span> 3229 </div> 3230 </div> 3231 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3232 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3233 viewB
3233ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3234 <circle cx="12" cy="12" r="10" /> 3235 <polygon points="10 8 16 12 10 16 10 8" /> 3236 </svg> 3237 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3238 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3239 5.3.5 Tạo video, Giá»ng nói </span> 3240 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3241 00:07:17 </span> 3242 </div> 3243 </div> 3244 </div> 3245 </details> 3246 </div> 3247 <div class="border-b border-gray-200 last:border-0"> 3248 <details class="group bg-white" > 3249 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 3250 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3251 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3252 <path d="m6 9 6 6 6-6" /> 3253 </svg> 3254 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 3255 <span class="font-bold text-gray-800 md:pr-4"> 3256 Phần 6: Huấn Luyá»n, Alignment, Há» Thá»ng Agent & Xu Hưá»ng Suy Luáºn Má»i </span> 3257 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 3258 19 bà i há»c 3259 </span> 3260 </div> 3261 </summary> 3262 <div class="bg-white"> 3263 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3264 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3265 viewB
3265ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3266 <circle cx="12" cy="12" r="10" /> 3267 <polygon points="10 8 16 12 10 16 10 8" /> 3268 </svg> 3269 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3270 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3271 6.1 Huấn luyá»n Alignment CÄn chá»nh AI </span> 3272 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3273 00:06:20 </span> 3274 </div> 3275 </div> 3276 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3277 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3278 viewB
3278ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3279 <circle cx="12" cy="12" r="10" /> 3280 <polygon points="10 8 16 12 10 16 10 8" /> 3281 </svg> 3282 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3283 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3284 6.1.1 RLHF Reinforcement Learning from Human Feedback </span> 3285 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3286 00:09:29 </span> 3287 </div> 3288 </div> 3289 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3290 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3291 viewB
3291ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3292 <circle cx="12" cy="12" r="10" /> 3293 <polygon points="10 8 16 12 10 16 10 8" /> 3294 </svg> 3295 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3296 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3297 6.1.2 DPO Direct Preference Optimization </span> 3298 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3299 00:07:53 </span> 3300 </div> 3301 </div> 3302 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3303 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3304 viewB
3304ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3305 <circle cx="12" cy="12" r="10" /> 3306 <polygon points="10 8 16 12 10 16 10 8" /> 3307 </svg> 3308 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3309 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3310 6.1.3 GRPO Group Relative Policy Optimization </span> 3311 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3312 00:07:25 </span> 3313 </div> 3314 </div> 3315 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3316 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3317 viewB
3317ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3318 <circle cx="12" cy="12" r="10" /> 3319 <polygon points="10 8 16 12 10 16 10 8" /> 3320 </svg> 3321 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3322 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3323 6.1.4 AI Hiến pháp Constitutional AI </span> 3324 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3325 00:08:31 </span> 3326 </div> 3327 </div> 3328 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3329 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3330 viewB
3330ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3331 <circle cx="12" cy="12" r="10" /> 3332 <polygon points="10 8 16 12 10 16 10 8" /> 3333 </svg> 3334 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3335 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3336 6.1.5 Quy luáºt tá»· lá» & Dữ liá»u </span> 3337 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3338 00:08:14 </span> 3339 </div> 3340 </div> 3341 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3342 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3343 viewB
3343ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3344 <circle cx="12" cy="12" r="10" /> 3345 <polygon points="10 8 16 12 10 16 10 8" /> 3346 </svg> 3347 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3348 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3349 6.2 Há»c tÄng cưá»ng cá» Äiá»n Reinforcement Learning </span> 3350 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3351 00:05:57 </span> 3352 </div> 3353 </div> 3354 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3355 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3356 viewB
3356ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3357 <circle cx="12" cy="12" r="10" /> 3358 <polygon points="10 8 16 12 10 16 10 8" /> 3359 </svg> 3360 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3361 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3362 6.2.1 Q Learning </span> 3363 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3364 00:08:09 </span> 3365 </div> 3366 </div> 3367 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3368 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3369 viewB
3369ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3370 <circle cx="12" cy="12" r="10" /> 3371 <polygon points="10 8 16 12 10 16 10 8" /> 3372 </svg> 3373 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3374 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3375 6.2.2 DQN Deep Q Network </span> 3376 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3377 00:06:53 </span> 3378 </div> 3379 </div> 3380 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3381 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3382 viewB
3382ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3383 <circle cx="12" cy="12" r="10" /> 3384 <polygon points="10 8 16 12 10 16 10 8" /> 3385 </svg> 3386 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3387 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3388 6.2.3 Policy Gradient & Actor Critic </span> 3389 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3390 00:09:17 </span> 3391 </div> 3392 </div> 3393 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3394 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3395 viewB
3395ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3396 <circle cx="12" cy="12" r="10" /> 3397 <polygon points="10 8 16 12 10 16 10 8" /> 3398 </svg> 3399 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3400 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3401 6.3 Há» thá»ng Agent tá»± chá»§ AI Agent </span> 3402 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3403 00:10:03 </span> 3404 </div> 3405 </div> 3406 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3407 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3408 viewB
3408ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3409 <circle cx="12" cy="12" r="10" /> 3410 <polygon points="10 8 16 12 10 16 10 8" /> 3411 </svg> 3412 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3413 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3414 6.3.1 Function calling </span> 3415 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3416 00:08:17 </span> 3417 </div> 3418 </div> 3419 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3420 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3421 viewB
3421ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3422 <circle cx="12" cy="12" r="10" /> 3423 <polygon points="10 8 16 12 10 16 10 8" /> 3424 </svg> 3425 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3426 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3427 6.3.2 ReAct Framework </span> 3428 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3429 00:07:51 </span> 3430 </div> 3431 </div> 3432 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3433 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3434 viewB
3434ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3435 <circle cx="12" cy="12" r="10" /> 3436 <polygon points="10 8 16 12 10 16 10 8" /> 3437 </svg> 3438 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3439 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3440 6.3.3 Kiến trúc Agent hoà n chá»nh </span> 3441 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3442 00:08:54 </span> 3443 </div> 3444 </div> 3445 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3446 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3447 viewB
3447ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3448 <circle cx="12" cy="12" r="10" /> 3449 <polygon points="10 8 16 12 10 16 10 8" /> 3450 </svg> 3451 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3452 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3453 6.3.4 Orchestration & Advanced Agentic Patterns </span> 3454 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3455 00:06:53 </span> 3456 </div> 3457 </div> 3458 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3459 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3460 viewB
3460ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3461 <circle cx="12" cy="12" r="10" /> 3462 <polygon points="10 8 16 12 10 16 10 8" /> 3463 </svg> 3464 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3465 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3466 6.4 Mô hình suy luáºn thế há» má»i </span> 3467 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3468 00:06:50 </span> 3469 </div> 3470 </div> 3471 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3472 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3473 viewB
3473ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3474 <circle cx="12" cy="12" r="10" /> 3475 <polygon points="10 8 16 12 10 16 10 8" /> 3476 </svg> 3477 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3478 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3479 6.4.1 Test Time Compute </span> 3480 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3481 00:08:35 </span> 3482 </div> 3483 </div> 3484 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3485 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3486 viewB
3486ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3487 <circle cx="12" cy="12" r="10" /> 3488 <polygon points="10 8 16 12 10 16 10 8" /> 3489 </svg> 3490 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3491 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3492 6.4.2 Reasoning Models </span> 3493 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3494 00:08:29 </span> 3495 </div> 3496 </div> 3497 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3498 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3499 viewB
3499ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3500 <circle cx="12" cy="12" r="10" /> 3501 <polygon points="10 8 16 12 10 16 10 8" /> 3502 </svg> 3503 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3504 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3505 6.4.3 World Models </span> 3506 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3507 00:06:23 </span> 3508 </div> 3509 </div> 3510 </div> 3511 </details> 3512 </div> 3513 <div class="border-b border-gray-200 last:border-0"> 3514 <details class="group bg-white" > 3515 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 3516 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3517 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3518 <path d="m6 9 6 6 6-6" /> 3519 </svg> 3520 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 3521 <span class="font-bold text-gray-800 md:pr-4"> 3522 Phần 7: Hạ Tầng, Váºn Hà nh Thá»±c Chiến (MLOps) & Äánh Giá, Giám Sát </span> 3523 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 3524 14 bà i há»c 3525 </span> 3526 </div> 3527 </summary> 3528 <div class="bg-white"> 3529 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3530 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3531 viewB
3531ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3532 <circle cx="12" cy="12" r="10" /> 3533 <polygon points="10 8 16 12 10 16 10 8" /> 3534 </svg> 3535 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3536 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3537 7.1 MLOps & Hạ tầng Triá»n khai AI </span> 3538 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3539 00:07:14 </span> 3540 </div> 3541 </div> 3542 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3543 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3544 viewB
3544ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3545 <circle cx="12" cy="12" r="10" /> 3546 <polygon points="10 8 16 12 10 16 10 8" /> 3547 </svg> 3548 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3549 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3550 7.1.1 Model Serving </span> 3551 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3552 00:06:37 </span> 3553 </div> 3554 </div> 3555 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3556 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3557 viewB
3557ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3558 <circle cx="12" cy="12" r="10" /> 3559 <polygon points="10 8 16 12 10 16 10 8" /> 3560 </svg> 3561 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3562 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3563 7.1.2 Inference Optimization </span> 3564 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3565 00:08:15 </span> 3566 </div> 3567 </div> 3568 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3569 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3570 viewB
3570ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3571 <circle cx="12" cy="12" r="10" /> 3572 <polygon points="10 8 16 12 10 16 10 8" /> 3573 </svg> 3574 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3575 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3576 7.1.3 MLOps Pipeline & Containerization </span> 3577 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3578 00:06:41 </span> 3579 </div> 3580 </div> 3581 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3582 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3583 viewB
3583ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3584 <circle cx="12" cy="12" r="10" /> 3585 <polygon points="10 8 16 12 10 16 10 8" /> 3586 </svg> 3587 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3588 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3589 7.1.4 Pipeline dữ liá»u ETL vs ELT </span> 3590 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3591 00:08:28 </span> 3592 </div> 3593 </div> 3594 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3595 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3596 viewB
3596ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3597 <circle cx="12" cy="12" r="10" /> 3598 <polygon points="10 8 16 12 10 16 10 8" /> 3599 </svg> 3600 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3601 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3602 7.2 Äánh giá, Quan sát & Giám sát AI </span> 3603 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3604 00:08:48 </span> 3605 </div> 3606 </div> 3607 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3608 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3609 viewB
3609ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3610 <circle cx="12" cy="12" r="10" /> 3611 <polygon points="10 8 16 12 10 16 10 8" /> 3612 </svg> 3613 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3614 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3615 7.2.1 Äánh giá LLM Offline vs Online </span> 3616 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3617 00:08:56 </span> 3618 </div> 3619 </div> 3620 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3621 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3622 viewB
3622ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3623 <circle cx="12" cy="12" r="10" /> 3624 <polygon points="10 8 16 12 10 16 10 8" /> 3625 </svg> 3626 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3627 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3628 7.2.2 Äánh giá RAG The Triad Metric </span> 3629 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3630 00:06:42 </span> 3631 </div> 3632 </div> 3633 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3634 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3635 viewB
3635ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3636 <circle cx="12" cy="12" r="10" /> 3637 <polygon points="10 8 16 12 10 16 10 8" /> 3638 </svg> 3639 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3640 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3641 7.2.3 Äánh giá Agent </span> 3642 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3643 00:06:29 </span> 3644 </div> 3645 </div> 3646 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3647 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3648 viewB
3648ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3649 <circle cx="12" cy="12" r="10" /> 3650 <polygon points="10 8 16 12 10 16 10 8" /> 3651 </svg> 3652 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3653 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3654 7.2.4 AI Observability </span> 3655 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3656 00:05:54 </span> 3657 </div> 3658 </div> 3659 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3660 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3661 viewB
3661ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3662 <circle cx="12" cy="12" r="10" /> 3663 <polygon points="10 8 16 12 10 16 10 8" /> 3664 </svg> 3665 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3666 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3667 7.2.5 Progressive Delivery </span> 3668 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3669 00:07:34 </span> 3670 </div> 3671 </div> 3672 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3673 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3674 viewB
3674ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3675 <circle cx="12" cy="12" r="10" /> 3676 <polygon points="10 8 16 12 10 16 10 8" /> 3677 </svg> 3678 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3679 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3680 7.3 Bảo máºt & Giám sát AI thá»±c chiến </span> 3681 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3682 00:06:14 </span> 3683 </div> 3684 </div> 3685 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3686 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3687 viewB
3687ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3688 <circle cx="12" cy="12" r="10" /> 3689 <polygon points="10 8 16 12 10 16 10 8" /> 3690 </svg> 3691 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3692 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3693 7.3.1 Phòng thủ Prompt Injection </span> 3694 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3695 00:07:15 </span> 3696 </div> 3697 </div> 3698 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3699 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3700 viewB
3700ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3701 <circle cx="12" cy="12" r="10" /> 3702 <polygon points="10 8 16 12 10 16 10 8" /> 3703 </svg> 3704 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3705 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3706 7.3.2 Giám sát AI Data Drift, Concept Drift </span> 3707 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3708 00:06:42 </span> 3709 </div> 3710 </div> 3711 </div> 3712 </details> 3713 </div> 3714 <div class="border-b border-gray-200 last:border-0"> 3715 <details class="group bg-white" > 3716 <summary class="flex list-none items-start gap-3 p-4 md:p-5 bg-gray-50/50 transition-colors hover:bg-gray-50 cursor-pointer"> 3717 <svg class="w-5 h-5 mt-1 shrink-0 text-gray-400 transition-transform group-open:rotate-180"
3718 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3719 <path d="m6 9 6 6 6-6" /> 3720 </svg> 3721 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between text-left"> 3722 <span class="font-bold text-gray-800 md:pr-4"> 3723 Phần 8: Ứng Dụng Thá»±c Tế AI Theo Ngà nh Há»c & Nghiá»p Vụ </span> 3724 <span class="text-sm text-gray-500 mt-1 md:mt-0 shrink-0"> 3725 15 bà i há»c 3726 </span> 3727 </div> 3728 </summary> 3729 <div class="bg-white"> 3730 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3731 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3732 viewB
3732ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3733 <circle cx="12" cy="12" r="10" /> 3734 <polygon points="10 8 16 12 10 16 10 8" /> 3735 </svg> 3736 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3737 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3738 8.1 AI trong Tà i chÃnh & Chá»ng gian láºn Nhân viên vÄn phòng </span> 3739 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3740 00:08:26 </span> 3741 </div> 3742 </div> 3743 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3744 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3745 viewB
3745ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3746 <circle cx="12" cy="12" r="10" /> 3747 <polygon points="10 8 16 12 10 16 10 8" /> 3748 </svg> 3749 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3750 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3751 8.1.1 Chá»ng gian láºn thẻ </span> 3752 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3753 00:07:21 </span> 3754 </div> 3755 </div> 3756 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3757 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3758 viewB
3758ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3759 <circle cx="12" cy="12" r="10" /> 3760 <polygon points="10 8 16 12 10 16 10 8" /> 3761 </svg> 3762 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3763 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3764 8.1.2 Chấm Äiá»m rá»§i ro tÃn dụng </span> 3765 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3766 00:08:10 </span> 3767 </div> 3768 </div> 3769 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3770 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3771 viewB
3771ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3772 <circle cx="12" cy="12" r="10" /> 3773 <polygon points="10 8 16 12 10 16 10 8" /> 3774 </svg> 3775 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3776 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3777 8.1.3 Giám sát rá»a tiá»n AML </span> 3778 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3779 00:07:20 </span> 3780 </div> 3781 </div> 3782 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3783 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3784 viewB
3784ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3785 <circle cx="12" cy="12" r="10" /> 3786 <polygon points="10 8 16 12 10 16 10 8" /> 3787 </svg> 3788 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3789 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3790 8.2 AI trong Y tế & Khám phá sinh há»c Nhân viên vÄn phòng </span> 3791 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3792 00:08:35 </span> 3793 </div> 3794 </div> 3795 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3796 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3797 viewB
3797ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3798 <circle cx="12" cy="12" r="10" /> 3799 <polygon points="10 8 16 12 10 16 10 8" /> 3800 </svg> 3801 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3802 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3803 8.2.1 Há» trợ Äá»c ảnh lâm sà ng </span> 3804 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3805 00:09:09 </span> 3806 </div> 3807 </div> 3808 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3809 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3810 viewB
3810ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3811 <circle cx="12" cy="12" r="10" /> 3812 <polygon points="10 8 16 12 10 16 10 8" /> 3813 </svg> 3814 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3815 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3816 8.2.2 Sà ng lá»c cấp cứu Triage </span> 3817 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3818 00:08:37 </span> 3819 </div> 3820 </div> 3821 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3822 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3823 viewB
3823ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3824 <circle cx="12" cy="12" r="10" /> 3825 <polygon points="10 8 16 12 10 16 10 8" /> 3826 </svg> 3827 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3828 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3829 8.2.3 Khám phá thuá»c AI for Science </span> 3830 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3831 00:07:00 </span> 3832 </div> 3833 </div> 3834 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3835 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3836 viewB
3836ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3837 <circle cx="12" cy="12" r="10" /> 3838 <polygon points="10 8 16 12 10 16 10 8" /> 3839 </svg> 3840 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3841 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3842 8.3 AI trong Giáo dục & Cá nhân hóa Nhân viên vÄn phòng </span> 3843 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3844 00:07:09 </span> 3845 </div> 3846 </div> 3847 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3848 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3849 viewB
3849ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3850 <circle cx="12" cy="12" r="10" /> 3851 <polygon points="10 8 16 12 10 16 10 8" /> 3852 </svg> 3853 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3854 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3855 8.4 AI trong Nông nghiá»p Thông minh Nhân viên vÄn phòng </span> 3856 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3857 00:07:11 </span> 3858 </div> 3859 </div> 3860 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3861 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3862 viewB
3862ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3863 <circle cx="12" cy="12" r="10" /> 3864 <polygon points="10 8 16 12 10 16 10 8" /> 3865 </svg> 3866 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3867 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3868 8.4.1 Phát hiá»n sâu bá»nh </span> 3869 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3870 00:07:57 </span> 3871 </div> 3872 </div> 3873 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3874 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3875 viewB
3875ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3876 <circle cx="12" cy="12" r="10" /> 3877 <polygon points="10 8 16 12 10 16 10 8" /> 3878 </svg> 3879 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3880 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3881 8.4.2 Tưá»i thông minh & Dá»± báo </span> 3882 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3883 00:08:19 </span> 3884 </div> 3885 </div> 3886 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3887 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3888 viewB
3888ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3889 <circle cx="12" cy="12" r="10" /> 3890 <polygon points="10 8 16 12 10 16 10 8" /> 3891 </svg> 3892 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3893 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3894 8.5 Há» thá»ng gợi ý & Sentiment Analysis Nhân viên vÄn phòng </span> 3895 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3896 00:07:47 </span> 3897 </div> 3898 </div> 3899 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3900 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3901 viewB
3901ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3902 <circle cx="12" cy="12" r="10" /> 3903 <polygon points="10 8 16 12 10 16 10 8" /> 3904 </svg> 3905 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3906 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3907 8.5.1 Recommendation Systems </span> 3908 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3909 00:11:00 </span> 3910 </div> 3911 </div> 3912 <div class="flex items-start gap-3 pl-4 md:pl-12 pr-4 py-4 border-t border-gray-100 first:border-0 hover:bg-blue-50/30 transition-colors group cursor-pointer"> 3913 <svg class="w-4 h-4 mt-1 shrink-0 text-gray-400 group-hover:text-blue-500" 3914 viewB
3914ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 3915 <circle cx="12" cy="12" r="10" /> 3916 <polygon points="10 8 16 12 10 16 10 8" /> 3917 </svg> 3918 <div class="flex-1 flex flex-col md:flex-row md:items-center justify-between"> 3919 <span class="text-gray-600 group-hover:text-gray-900 text-sm md:text-base md:pr-4"> 3920 8.5.2 Sentiment Analysis & Text Classification </span> 3921 <span class="text-xs text-gray-400 shrink-0 mt-1 md:mt-0"> 3922 00:07:11 </span> 3923 </div> 3924 </div> 3925 </div> 3926 </details> 3927 </div> 3928 </div> 3929 <div class="mt-6 flex items-start gap-3">
3930 <span class="text-sm font-bold text-gray-500 mt-1 shrink-0">Tags:</span> 3931 3932 <div class="flex flex-wrap gap-2"> 3933 <a href="/tag/startup" 3934 class="px-3 py-1 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-full text-xs font-medium cursor-pointer transition-colors"> 3935 Startup </a> 3936 <a href="/tag/ai-tri-tue-nhan-tao" 3937 class="px-3 py-1 bg-gray-100 hover:bg-gray-200 text-gray-600 rounded-full text-xs font-medium cursor-pointer transition-colors"> 3938 AI (trà tuá» nhân tạo) </a> 3939 </div> 3940 </div> 3941 </section> 3942 3943 <!-- Thông tin giảng viên/tác giả --> 3944 <section class="bg-white rounded-xl p-6 md:p-8 border border-gray-100 shadow-sm"> 3945 <h2 class="text-2xl font-bold mb-6 text-gray-900">Thông tin giảng viên</h2> 3946 <div class="flex flex-col md:flex-row gap-8 items-start"> 3947 <div class="w-32 h-32 md:w-40 md:h-40 rounded-full bg-gray-100 overflow-hidden 3948 border-4 border-gray-50 shrink-0 mx-auto md:mx-0"> 3949 <img src="https://unica.vn/uploads/dang-vuong-quang/September820261002pm_dang-vuong-quang_thumb.jpg" 3950 alt="Product Manager No-Code" class="w-full h-full object-cover" /> 3951 </div> 3952 <div class="flex-1"> 3953 <a href="/teacher/pm-no-code" 3954 class="text-xl font-bold text-[#333] mb-1 hover:text-blue-600 transition-colors block"> 3955 Product Manager No-Code </a> 3956 <p class="text-gray-500 font-medium mb-4"> 3957 Product Manager No-Code </p> 3958 <!-- Thông tin 3 nhóm: Äánh giá, há»c viên, khóa há»c (thu nhá», 1 dòng) --> 3959 <div class="flex flex-row flex-wrap gap-x-8 gap-y-2 mb-4"> 3960 3961 <!-- Rating --> 3962 <div class="flex items-center gap-1 min-w-[90px]"> 3963 <span class="w-5 h-5 flex items-center justify-center shrink-0"> 3964 <svg class="w-4 h-4 text-[#f05a28]" fill="none" stroke="currentColor" 3965 stroke-width="2" viewBox="0 0 24 24"> 3966 <polygon fill="#f05a28" stroke="#f05a28" 3967 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 3968 </svg> 3969 </span> 3970 3971 <span class="font-bold text-base text-gray-800"> 3972 0.0 </span> 3973 <span class="font-semibold text-gray-700 text-xs">Äánh giá</span> 3974 </div> 3975 3976 <!-- Students --> 3977 <div class="flex items-center gap-1 min-w-[90px]"> 3978 <span class="w-5 h-5 flex items-center justify-center shrink-0"> 3979 <svg class="w-4 h-4 text-[#f05a28]" fill="none" stroke="currentColor" 3980 stroke-width="2" viewBox="0 0 24 24"> 3981 <path fill="#f05a28" stroke="#f05a28" 3982 d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" /> 3983 <circle fill="#f05a28" stroke="#f05a28" cx="9" cy="7" r="4" /> 3984 <path fill="#f05a28" stroke="#f05a28" d="M22 21v-2a4 4 0 0 0-3-3.87" /> 3985 <path fill="#f05a28" stroke="#f05a28" d="M16 3.13a4 4 0 0 1 0 7.75" /> 3986 </svg> 3987 </span> 3988
3989 <span class="font-bold text-base text-gray-800"> 3990 94+ 3991 </span> 3992 <span class="font-semibold text-gray-700 text-xs">Há»c viên</span> 3993 </div> 3994 3995 <!-- Courses --> 3996 <div class="flex items-center gap-1 min-w-[90px]"> 3997 <span class="w-5 h-5 flex items-center justify-center shrink-0"> 3998 <svg class="w-4 h-4 text-[#f05a28]" viewBox="0 0 24 24" fill="none" 3999 stroke="currentColor" stroke-width="2"> 4000 <circle cx="12" cy="12" r="10" /> 4001 <path d="M10 8l6 4-6 4z" fill="currentColor" stroke="none" /> 4002 </svg> 4003 </span> 4004 4005 <span class="font-bold text-base text-gray-800"> 4006 1 </span> 4007 <span class="font-semibold text-gray-700 text-xs">Khóa há»c</span> 4008 </div> 4009 </div> 4010 <div class="js-expand-wrapper relative overflow-hidden transition-all duration-300" 4011 data-max-height="140"> 4012 <div class="text-gray-600 leading-relaxed text-sm"> 4013 <p>Product Manager with 8+ years of experience building and scaling multi-sided digital platforms across Retail, FinTech and SaaS. Experienced in leading products from discovery to launch, partnering with executives to transform complex business models into scalable software. Passionate about leveraging AI to accelerate product development, optimize business operations and drive measurable growth.</p><p> </p><p><strong>Core Competencies</strong></p><p>Product Strategy & Roadmap ⢠Product Discovery ⢠AI Product Development ⢠B2B / B2B2C / Marketplace ⢠Cross-functional Leadership ⢠Agile Delivery ⢠Data-driven Decision Making</p> </div> 4014 4015 <div class="js-expand-overlay absolute bottom-0 left-0 right-0 h-12 4016bg-gradient-to-t from-white to-transparent"></div> 4017 </div> 4018 4019 <button type="button" 4020 class="js-expand-toggle mt-4 text-gray-500 font-medium hover:underline hidden text-sm"> 4021 Xem thêm 4022 </button> 4023 </div> 4024 </div> 4025 </section> 4026
4026<script> 4027 (() => { 4028 const wrappers = document.querySelectorAll('.js-expand-wrapper'); 4029 4030 wrappers.forEach(wrapper => { 4031 const toggle = wrapper.parentElement.querySelector('.js-expand-toggle'); 4032 const overlay = wrapper.querySelector('.js-expand-overlay'); 4033 4034 if (!toggle) return; 4035 4036 const MAX_HEIGHT = parseInt(wrapper.dataset.maxHeight || 140, 10); 4037 4038 // Init 4039 wrapper.style.maxHeight = MAX_HEIGHT + 'px'; 4040 wrapper.style.overflow = 'hidden'; 4041 4042 // Ná»i dung ngắn thì không cần nút 4043 if (wrapper.scrollHeight <= MAX_HEIGHT) { 4044 toggle.classList.add('hidden'); 4045 overlay && (overlay.style.display = 'none'); 4046 return; 4047 } 4048 4049 toggle.classList.remove('hidden'); 4050 4051 let expanded = false; 4052 4053 toggle.addEventListener('click', () => { 4054 expanded = !expanded; 4055 4056 if (expanded) { 4057 wrapper.style.maxHeight = wrapper.scrollHeight + 'px'; 4058 overlay && (overlay.style.display = 'none'); 4059 toggle.innerText = 'Thu gá»n'; 4060 } else { 4061 wrapper.style.maxHeight = MAX_HEIGHT + 'px'; 4062 overlay && (overlay.style.display = 'block'); 4063 toggle.innerText = 'Xem thêm'; 4064 } 4065 }); 4066 }); 4067 })(); 4068 </script>
4068 4069 <!-- Khóa há»c liên quan --> 4070 <section class="bg-white rounded-xl border border-gray-100 shadow-sm overflow-hidden"> 4071 <h2 class="text-2xl font-bold py-3 px-6 text-gray-900 border-b border-gray-100"> 4072 Khóa há»c liên quan </h2> 4073 <div> 4074 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4"> 4075 <div 4076 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4077 <a href="/sach-kich-ban-video-ai" class="block"> 4078 <img src="https://unica.vn/upload/images/2026/03/4301_anh thumb 800x450chuthao 1_m.png" 4079 alt="Sách Ká»ch Bản Video AI " 4080 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4081 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Sách Ká»ch Bản Video AI </div> 4082 </a> 4083 <div class="flex items-center justify-between mt-auto"> 4084 <div> 4085 <div class="text-lg font-bold text-[#E66B22]"> 4086 219.000Ä 4087 </div> 4088 <div class="flex items-center gap-2"> 4089 <span 4090 class="line-through text-gray-400 text-sm">268.000Ä</span> 4091 <span 4092 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-18%</span> 4093 </div> 4094 </div> 4095 <button type="button" class="text-2xl action-favourite" data-id="KzAzMjVpYkFWNEhXVFdBbkZ1RnJ6Zz09"> 4096 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4097 </button> 4098 </div> 4099 </div> 4100 <div 4101 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4102 <a href="/khoa-hoc-midjourney-mastery-full" class="block"> 4103 <img src="https://unica.vn/upload/images/2023/10/111.jpg_m_1698377500.jpg" 4104 alt="Midjourney Mastery - Là m Chá»§ Siêu AI Vẽ Tranh" 4105 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4106 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Midjourney Mastery - Là m Chá»§ Siêu AI Vẽ Tranh</div> 4107 <div class="flex gap-2 items-center mb-2"> 4108 <span class="text-green-700 text-xs font-medium"> 4109 03 giá» 17 phút </span> 4110 </div> 4111 </a> 4112 <div class="flex items-center justify-between mt-auto"> 4113 <div> 4114 <div class="text-lg font-bold text-[#E66B22]"> 4115 999.000Ä 4116 </div> 4117 <div class="flex items-center gap-2">
4118 <span 4119 class="line-through text-gray-400 text-sm">1.990.000Ä</span> 4120 <span 4121 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-50%</span> 4122 </div> 4123 </div> 4124 <button type="button" class="text-2xl action-favourite" data-id="WTV5aUxtd2x2b2Vxa2d6cTZrVmpydz09"> 4125 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4126 </button> 4127 </div> 4128 </div> 4129 <div 4130 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4131 <a href="/ung-dung-chat-GPT-toan-dien-trong-marketing-va-cong-viec" class="block"> 4132 <img src="https://unica.vn/upload/images/2024/07/img_course_3392_m_1721294241.jpg" 4133 alt="Ứng Dụng Chat GPT Toà n Diá»n Trong Marketing Và Công Viá»c" 4134 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4135 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Ứng Dụng Chat GPT Toà n Diá»n Trong Marketing Và Công Viá»c</div> 4136 <div class="flex gap-2 items-center mb-2"> 4137 <span class="text-green-700 text-xs font-medium"> 4138 01 giá» 13 phút </span> 4139 </div> 4140 </a> 4141 <div class="flex items-center justify-between mt-auto"> 4142 <div> 4143 <div class="text-lg font-bold text-[#E66B22]"> 4144 299.000Ä 4145 </div> 4146 <div class="flex items-center gap-2"> 4147 <span 4148 class="line-through text-gray-400 text-sm">990.000Ä</span> 4149 <span 4150 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-70%</span> 4151 </div> 4152 </div> 4153 <button type="button" class="text-2xl action-favourite" data-id="am1HTVI2VHVtcEdzL3VaR2lGc3dQZz09"> 4154 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4155 </button> 4156 </div> 4157 </div> 4158 <div 4159 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4160 <a href="/sang-tao-video-ai-kiem-tien-online" class="block"> 4161 <img src="https://unica.vn/upload/images/2024/03/ai.png_m_1711357506.jpg" 4162 alt="Sáng tạo video AI kiếm tiá»n online" 4163 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4164 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Sáng tạo video AI kiếm tiá»n online</div> 4165 <div class="flex gap-2 items-center mb-2">
4166 <span class="text-green-700 text-xs font-medium"> 4167 00 giá» 57 phút </span> 4168 </div> 4169 </a> 4170 <div class="flex items-center justify-between mt-auto"> 4171 <div> 4172 <div class="text-lg font-bold text-[#E66B22]"> 4173 299.000Ä 4174 </div> 4175 <div class="flex items-center gap-2"> 4176 <span 4177 class="line-through text-gray-400 text-sm">500.000Ä</span> 4178 <span 4179 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-40%</span> 4180 </div> 4181 </div> 4182 <button type="button" class="text-2xl action-favourite" data-id="VjNnQnQxcXgzTXU4eUJzcWhCSmtmZz09"> 4183 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4184 </button> 4185 </div> 4186 </div> 4187 <div 4188 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4189 <a href="/lam-bao-cao-du-lieu-bang-ai" class="block"> 4190 <img src="https://unica.vn/upload/images/2025/06/3761_anh thumb khoa hocchuthao_m.png" 4191 alt="Là m Báo Cáo Dữ Liá»u Bằng AI" 4192 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4193 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">Là m Báo Cáo Dữ Liá»u Bằng AI</div> 4194 <div class="flex gap-2 items-center mb-2"> 4195 <span class="text-green-700 text-xs font-medium"> 4196 07 giá» 20 phút </span> 4197 </div> 4198 </a> 4199 <div class="flex items-center justify-between mt-auto"> 4200 <div> 4201 <div class="text-lg font-bold text-[#E66B22]"> 4202 699.000Ä 4203 </div> 4204 <div class="flex items-center gap-2"> 4205 <span 4206 class="line-through text-gray-400 text-sm">999.000Ä</span> 4207 <span 4208 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-30%</span> 4209 </div> 4210 </div> 4211 <button type="button" class="text-2xl action-favourite" data-id="UWxTT0g4eExIQ1pBc0VCWWxqVzlXdz09"> 4212 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4213 </button> 4214 </div> 4215 </div> 4216 <div 4217 class="group bg-white rounded-xl p-2 flex flex-col transition-all hover:shadow-lg relative"> 4218 <a href="/chatgpt-thuc-chien-cho-nguoi-moi-ung-dung-vao-ban-hang-doi-song" class="block"> 4219 <img src="https://unica.vn/upload/images/2026/07/3900_unica thum 800x450 7_m.png" 4220 alt="AI ChatGPT thá»±c chiến dà nh cho ngưá»i sợ công nghá»" 4221 class="object-cover w-full aspect-video rounded-lg mb-3 transition-transform group-hover:scale-105" /> 4222 <div class="font-semibold text-gray-900 line-clamp-2 mb-2">AI ChatGPT thá»±c chiến dà nh cho ngưá»i sợ công nghá»</div> 4223 <div class="flex gap-2 items-center mb-2">
4224 <span class="text-green-700 text-xs font-medium"> 4225 01 giá» 35 phút </span> 4226 </div> 4227 </a> 4228 <div class="flex items-center justify-between mt-auto"> 4229 <div> 4230 <div class="text-lg font-bold text-[#E66B22]"> 4231 49.000Ä 4232 </div> 4233 <div class="flex items-center gap-2"> 4234 <span 4235 class="line-through text-gray-400 text-sm">299.000Ä</span> 4236 <span 4237 class="bg-red-100 text-red-600 text-xs font-bold px-1 py-0.5 rounded">-84%</span> 4238 </div> 4239 </div> 4240 <button type="button" class="text-2xl action-favourite" data-id="Y2V0eC8ySldpSk9tdHE4QmhDTmZ2QT09"> 4241 <i class="fa fa-heart-o text-gray-400 hover:text-red-500" aria-hidden="true"></i> 4242 </button> 4243 </div> 4244 </div> 4245 </div> 4246 </div> 4247 </section> 4248 4249 <!-- Äánh giá khóa há»c --> 4250 <section class="bg-white rounded-xl p-4 border border-gray-100 shadow-sm"> 4251 <div class="flex items-center justify-between mb-4 pb-4 border-b border-gray-50"> 4252 <div class="flex items-center gap-2"> 4253 <svg class="w-6 h-6 text-yellow-400 fill-yellow-400" viewBox="0 0 24 24"> 4254 <polygon 4255 points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" /> 4256 </svg> 4257 <span 4258 class="text-2xl font-bold text-gray-900">0.0</span> 4259 <span class="text-gray-500 font-medium">xếp hạng khóa há»c</span> 4260 </div> 4261 <div class="text-gray-400 font-medium">0 Äánh giá</div> 4262 </div> 4263 <div class="space-y-8 mb-8"> 4264 </div> 4265 <div class="text-center mt-6"> 4266 <button data-modal-target="feedback-modal" data-modal-toggle="feedback-modal" 4267 class="w-full py-3 bg-gray-50 hover:bg-gray-100 text-gray-700 font-bold rounded-xl transition-all border border-gray-100 flex items-center justify-center gap-2"> 4268 <svg class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4269 stroke-width="2"> 4270 <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /> 4271 </svg> 4272 <span>Xem thêm Äánh giá</span> 4273 </button> 4274 </div> 4275 </section> 4276 4277 <!-- Popup Äánh giá: giao diá»n má»i chuẩn --> 4278 <div id="feedback-modal" tabindex="-1" 4279 class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden h-[calc(100%-1rem)] max-h-full flex flex-col justify-end"> 4280 <div class="relative w-full max-w-3xl mx-auto max-h-full flex flex-col"> 4281 <div class="relative bg-white rounded-xl shadow-lg flex flex-col max-h-[80vh]"> 4282 <!-- Modal header --> 4283 <div class="flex items-center justify-between px-6 pt-6 border-b border-gray-100 mb-4 pb-4"> 4284 <h3 class="text-xl font-bold text-gray-900"> 4285 Tất cả Äánh giá 4286 </h3> 4287 </div> 4288 <!-- Modal body: ná»i dung cuá»n --> 4289 <div class="flex-1 overflow-y-auto max-h-[60vh] pl-0 mb-0" style="scroll-behavior:smooth;"> 4290 <div class="load_feedback flex flex-col gap-0 px-6"> 4291 <input type="hidden" name="current_page" value="
42910"> <input type="hidden" name="current_item" value="0"> </div> 4292 </div> 4293 <!-- Modal footer cá» Äá»nh --> 4294 <div 4295 class="bg-gray-100 border-t border-gray-200 px-6 py-4 flex justify-end sticky bottom-0 z-10 rounded-lg"> 4296 <button type="button" 4297 class="bg-black text-white rounded-lg font-bold text-sm hover:bg-gray-900 transition-colors focus:outline-none px-6 py-2" 4298 data-modal-hide="feedback-modal"> 4299 Äóng 4300 </button> 4301 </div> 4302 </div> 4303 </div> 4304 </div> 4305 </div> 4306 <!-- Sidebar phải --> 4307 <div class="lg:col-span-4 lg:-mt-40 z-20 lg:sticky lg:top-24 self-start order-first lg:order-none mb-2 lg:mb-0"> 4308 <div class="bg-white rounded-xl shadow-2xl overflow-hidden text-gray-900"> 4309 <button type="button" 4310 class="aspect-video relative overflow-hidden group cursor-pointer w-full btn-preview-modal" 4311 data-link="" 4312 data-id="175084"> 4313 <img src="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/4484-banner.jpg" alt="Preview" 4314 class="absolute inset-0 w-full h-full object-cover" /> 4315 4316 <div 4317 class="absolute inset-0 bg-black/40 flex items-center justify-center opacity-60 group-hover:opacity-100 transition-opacity"> 4318 <svg class="w-16 h-16 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4319 stroke-width="2"> 4320 <circle cx="12" cy="12" r="10" /> 4321 <polygon points="10 8 16 12 10 16 10 8" /> 4322 </svg> 4323 </div> 4324 </button> 4325 <div class="p-6"> 4326 <div class="flex items-baseline gap-3 mb-4"> 4327 <span 4328 class="text-3xl font-black text-[#333]">399.000Ä</span> 4329 <span 4330 class="text-gray-400 line-through">999.000Ä</span> 4331 <span class="bg-red-50 text-red-500 text-xs font-bold px-2 py-1 rounded" 4332 id="discount-percent">-60%</span> 4333 </div> 4334 <div class="flex items-center gap-2 text-red-600 text-sm font-bold mb-6 animate-pulse"> 4335 <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4336 <circle cx="12" cy="12" r="10" /> 4337 <polyline points="12 6 12 12 16 14" /> 4338 </svg> 4339 <span>Ưu Äãi chá» còn 5 giá» 12 phút!</span> 4340 </div> 4341 <div class="space-y-3 mb-6"> 4342 <button type="button" onclick="window.location.href='/order/step1?id=4484'" 4343 class="w-full bg-[#f05a28] hover:bg-[#d64d20] text-white font-bold py-4 rounded-xl transition-all uppercase tracking-wider"> 4344 Mua ngay 4345 </button> 4346 <button data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09" 4347 id="4484" price_sale="399000" onclick="addCart(this)" 4348 class="w-full bg-green-600 text-white border font-bold uppercase hover:bg-green-800 py-4 rounded-xl 4349 flex items-center justify-center gap-2 transition-all"> 4350 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-5 h-5" fill="none" 4351 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" 4352 aria-hidden="true"> 4353 <circle cx="9" cy="21" r="1"></circle> 4354 <circle cx="20" cy="21" r="1"></circle> 4355 <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"> 4356 </path> 4357 </svg>
4358 <span>Thêm và o giá» hà ng</span> 4359 </button> 4360 <div 4361 class="flex items-center justify-center gap-2 text-[11px] font-bold text-green-600 uppercase tracking-tighter pt-1"> 4362 <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4363 stroke-width="2"> 4364 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /> 4365 <path d="m9 12 2 2 4-4" /> 4366 </svg> 4367 <span>Cam kết hoà n tiá»n trong 7 ngà y</span> 4368 </div> 4369 </div> 4370 <div class="mb-8"> 4371 <ul class="space-y-3 text-sm text-gray-600"> 4372 <li class="flex items-center gap-3"> 4373 <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4374 stroke-width="2"> 4375 <circle cx="12" cy="12" r="10" /> 4376 <polygon points="10 8 16 12 10 16 10 8" /> 4377 </svg> 4378 <span>Thá»i lượng: 4379 11 giá» 42 phút</span> 4380 </li> 4381 <li class="flex items-center gap-3"> 4382 <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4383 stroke-width="2"> 4384 <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" /> 4385 <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" /> 4386 </svg> 4387 <span>Giáo trình: 92 bà i giảng</span> 4388 </li> 4389 <li class="flex items-center gap-3"> 4390 <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4391 stroke-width="2"> 4392 <circle cx="12" cy="12" r="10" /> 4393 <polyline points="12 6 12 12 16 14" /> 4394 </svg> 4395 <span>Truy cáºp trá»n Äá»i</span> 4396 </li> 4397 <li class="flex items-center gap-3"> 4398 <svg class="w-4 h-4 text-blue-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4399 stroke-width="2"> 4400 <circle cx="12" cy="8" r="7" /> 4401 <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88" /> 4402 </svg> 4403 <span>Chứng nháºn hoà n thà nh</span> 4404 </li> 4405 </ul> 4406 </div> 4407 <!-- Thêm giao diá»n nháºp mã coupon --> 4408 <div class="pt-6 border-t border-gray-100 text-center"> 4409 <div id="coupon-btn"> 4410 <button onclick="toggleCoupon()" 4411 class="text-gray-400 text-sm font-bold hover:text-gray-600 transition-colors py-1">Bạn 4412 có mã giảm giá?</button> 4413 </div> 4414 <div id="coupon-input" class="hidden relative mt-1 animate-in"> 4415 <div class="flex items-center gap-2"> 4416 <div class="relative flex-1"> 4417 <input type="text" id="coupon-code-input" placeholder="Nháºp mã giảm giá" class="w-full rounded-xl border border-gray-200 bg-white 4418 py-3 px-4 pr-24 text-sm 4419 focus:border-[#f05a28] focus:ring-2 focus:ring-[#f05a28]/20 4420 transition-all outline-none" /> 4421 4422 <button onclick="activeCoupon('T2lIS1R1K21VTW9YajRURTZhSVJuQT09')" 4423 id="apply-coupon-btn" class="absolute right-2 top-1/2 -translate-y-1/2 4424 px-4 py-1.5 rounded-lg 4425 text-xs font-bold 4426 text-white bg-green-500 4427 hover:bg-[#e04e20] 4428 transition shadow-sm"> 4429 Ãp dụng 4430 </button> 4431 </div> 4432 <button onclick="toggleCoupon()" 4433 class="p-1.5 text-gray-400 hover:text-gray-600 transition-colors bg-gray-50 rounded-full"><svg 4434 class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" 4435 stroke-width="2"> 4436 <path d="M18 6 6 18M6 6l12 12" /> 4437 </svg></button> 4438 </div> 4439 <div id="coupon-message" class="text-xs mt-2 text-red-500 hidden"></div> 4440 </div> 4441 <div id="couponUsed" 4442 class="text-xs p-2 text-green-400 hidden "> 4443 Äang áp dụng: <span id="valueCouponUsed"></span> - <span 4444 class="text-red-500 cursor-pointer cancelCoupon" 4445 data-id="T2lIS1R1K21VTW9YajRURTZhSVJuQT09">Há»§y</span> 4446 </div> 4447 </div> 4448 <!-- ÄÄng ký cho doanh nghiá»p --> 4449 </div> 4450 </div> 4451 </div> 4452 </div> 4453</div> 4454 4455<!-- Popup há»c thá» (UI má»i â giữ nguyên logic cÅ©) --> 4456<link href="/media/js/video-js.css?v=7.20.3" rel="stylesheet">
4457<script src="/media/js/video.js?v=7.20.2"></script>
vendor: 1 bytes, line 4457
4457
4458<script src="/media/js/videojs-resolution-switcher.js"></script>
vendor: 1 bytes, line 4458
4458
4459<script src="/media/js/videojs-contrib-hls.js"></script>
4459 4460<div id="preview-modal" 4461 class="fixed inset-0 z-[100] hidden items-center justify-center p-4 bg-black/70 backdrop-blur-sm"> 4462 4463 <button type="button" 4464 class="preview-modal-close absolute top-4 right-4 md:top-6 md:right-6 text-white/70 hover:text-white transition-colors z-[110]" 4465 aria-label="Äóng há»c thá»"> 4466 <svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 4467 <path d="M18 6 6 18M6 6l12 12" /> 4468 </svg> 4469 </button> 4470 4471 <div class="preview-modal-content relative bg-[#111] w-full max-w-6xl rounded-2xl overflow-hidden shadow-2xl flex flex-col lg:flex-row"> 4472 4473 <div class="lg:w-3/4 p-4 md:p-6"> 4474 <h3 id="current-lesson-name" class="text-white text-lg md:text-xl font-bold mb-4 line-clamp-1"> 4475 PM No-Code: AI Product Management & No-Code Automation </h3> 4476 4477 <div id="video-preview-container" 4478 class="video-preview aspect-video w-full bg-gray-900 rounded-lg overflow-hidden relative"> 4479 </div> 4480 4481 <div class="mt-4 flex items-center justify-between flex-nowrap gap-3"> 4482 <div class="flex items-center gap-2 min-w-0"> 4483 <div class="w-2 h-2 rounded-full bg-green-500 animate-pulse shrink-0"></div> 4484 <div class="text-gray-400 text-sm truncate"> 4485 <span class="md:hidden">Bạn Äang há»c thá»</span> 4486 <span class="hidden md:inline">Bạn Äang xem há»c thá»</span> 4487 </div> 4488 </div> 4489 <a href="/order/step1?id=4484" 4490 class="bg-[#f05a28] text-white px-4 md:px-6 py-2 rounded-lg font-bold text-sm hover:bg-[#d64d20] transition-colors uppercase whitespace-nowrap shrink-0"> 4491 <span class="md:hidden">Mua ngay</span> 4492 <span class="hidden md:inline">Mua khóa há»c ngay</span> 4493 </a> 4494 </div> 4495 </div> 4496 <div class="lg:w-1/4 bg-[#1a1a1a] border-l border-white/5 flex flex-col"> 4497 <div class="p-4 border-b border-white/5"> 4498 <h4 class="text-white font-bold text-sm uppercase tracking-widest"> 4499 Danh sách bà i há»c thá» 4500 </h4> 4501 </div> 4502 <div class="flex-1 overflow-y-auto max-h-[300px] lg:max-h-[500px] scrollbar-thin scrollbar-thumb-white/10"> 4503 4504 <button 4505 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4506 data-id="175084"> 4507 <div 4508 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4509 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4510 stroke="currentColor" stroke-width="2"> 4511 <polygon points="5 3 19 12 5 21 5 3" /> 4512 </svg> 4513 </div> 4514 <div class="flex-1"> 4515 <p class="text-xs font-medium text-gray-300 transition-all"> 4516 1.1 Khái niá»m cÆ¡ sá» </p> 4517 </div> 4518 </button> 4519 <button 4520 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4521 data-id="175085"> 4522 <div 4523 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4524 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4525 stroke="currentColor" stroke-width="2"> 4526 <polygon points="5 3 19 12 5 21 5 3" /> 4527 </svg> 4528 </div> 4529 <div class="flex-1"> 4530 <p class="text-xs font-medium text-gray-300 transition-all"> 4531 1.2 Ná»n tảng Toán há»c cho AI </p> 4532 </div> 4533 </button> 4534 <button 4535 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4536 data-id="175086"> 4537 <div 4538 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4539 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4540 stroke="currentColor" stroke-width="2"> 4541 <polygon points="5 3 19 12 5 21 5 3" /> 4542 </svg> 4543 </div> 4544 <div class="flex-1"> 4545 <p class="text-xs font-medium text-gray-300 transition-all"> 4546 1.2.1 Äại sá» tuyến tÃnh </p> 4547 </div> 4548 </button> 4549 <button 4550 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4551 data-id="175087"> 4552 <div 4553 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4554 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4555 stroke="currentColor" stroke-width="2"> 4556 <polygon points="5 3 19 12 5 21 5 3" /> 4557 </svg> 4558 </div> 4559 <div class="flex-1"> 4560 <p class="text-xs font-medium text-gray-300 transition-all">
4561 1.2.2 Xác suất & Thá»ng kê </p> 4562 </div> 4563 </button> 4564 <button 4565 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4566 data-id="175088"> 4567 <div 4568 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4569 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4570 stroke="currentColor" stroke-width="2"> 4571 <polygon points="5 3 19 12 5 21 5 3" /> 4572 </svg> 4573 </div> 4574 <div class="flex-1"> 4575 <p class="text-xs font-medium text-gray-300 transition-all"> 4576 1.2.3 Giải tÃch & Gradient </p> 4577 </div> 4578 </button> 4579 <button 4580 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4581 data-id="175095"> 4582 <div 4583 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4584 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4585 stroke="currentColor" stroke-width="2"> 4586 <polygon points="5 3 19 12 5 21 5 3" /> 4587 </svg> 4588 </div> 4589 <div class="flex-1"> 4590 <p class="text-xs font-medium text-gray-300 transition-all"> 4591 2.1 Thuáºt toán ML cá» Äiá»n Supervised & Unsupervised </p> 4592 </div> 4593 </button> 4594 <button 4595 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4596 data-id="175096"> 4597 <div 4598 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4599 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4600 stroke="currentColor" stroke-width="2"> 4601 <polygon points="5 3 19 12 5 21 5 3" /> 4602 </svg> 4603 </div> 4604 <div class="flex-1"> 4605 <p class="text-xs font-medium text-gray-300 transition-all"> 4606 2.1.1 Há»c có giám sát Supervised Learning </p> 4607 </div> 4608 </button> 4609 <button 4610 class="btn-preview-modal lesson-btn w-full text-left p-4 flex items-center gap-3 transition-all duration-200 border-b border-white/5 hover:bg-white/5" 4611 data-id="175097"> 4612 <div 4613 class="shrink-0 w-8 h-8 rounded-full flex items-center justify-center bg-white/5 border border-white/10 transition-all"> 4614 <svg class="w-3.5 h-3.5 text-gray-400 transition-all" viewBox="0 0 24 24" fill="none" 4615 stroke="currentColor" stroke-width="2"> 4616 <polygon points="5 3 19 12 5 21 5 3" /> 4617 </svg> 4618 </div> 4619 <div class="flex-1"> 4620 <p class="text-xs font-medium text-gray-300 transition-all"> 4621 2.1.2 Há»c không giám sát Unsupervised Learning </p> 4622 </div> 4623 </button> 4624 </div> 4625 </div> 4626 4627 <!-- Lá»p phá»§ bóng má» Full Modal khi chưa ÄÄng nháºp, Card thông báo á» chÃnh giữa Modal --> 4628 <div id="trial-modal-login-overlay" 4629 class="absolute inset-0 z-30 hidden items-center justify-center p-4 backdrop-blur-md bg-black/60 rounded-2xl select-none"> 4630 <div class="relative w-full max-w-md overflow-hidden rounded-3xl border border-white/[0.08] border-t-white/20 bg-neutral-900/60 p-7 sm:p-9 text-center shadow-[0_25px_60px_-15px_rgba(0,0,0,0.7)] backdrop-blur-2xl"> 4631 <!-- Vòng sáng trang trà siêu nhẹ --> 4632 <div class="pointer-events-none absolute -top-24 left-1/2 h-56 w-56 -translate-x-1/2 roun
4632ded-full bg-orange-500/10 blur-3xl"></div> 4633 4634 <!-- Icon á» khóa gradient nhẹ nhà ng --> 4635 <div class="relative mx-auto mb-5 flex h-14 w-14 items-center justify-center rounded-2xl bg-gradient-to-b from-orange-500/15 to-transparent text-[#f05a28] border border-orange-500/25 shadow-[0_0_30px_rgba(240,90,40,0.18)]"> 4636 <svg class="w-6 h-6 stroke-[2]" viewBox="0 0 24 24" fill="none" stroke="currentColor"> 4637 <rect width="18" height="11" x="3" y="11" rx="2" ry="2" /> 4638 <path d="M7 11V7a5 5 0 0 1 10 0v4" /> 4639 </svg> 4640 </div> 4641 4642 <h3 class="relative text-lg sm:text-xl font-semibold tracking-tight text-white mb-2"> 4643 Bạn cần ÄÄng nháºp Äá» há»c thá» 4644 </h3> 4645 <p class="relative text-xs sm:text-sm text-gray-300/85 font-normal leading-relaxed max-w-xs mx-auto mb-6"> 4646 ÄÄng nháºp tà i khoản Unica Äá» trải nghiá»m trá»n vẹn các bà i há»c thá» miá» n phà cá»§a khóa há»c nà y. 4647 </p> 4648 4649 <a href="/login?url=https%3A%2F%2Funica.vn%2Fpm-no-code-ai-product-management-no-code-automation" 4650 class="relative inline-flex w-full sm:w-auto min-w-[200px] items-center justify-center rounded-xl bg-gradient-to-r from-[#f05a28] to-[#ff6b3d] px-7 py-3 text-sm font-semibold uppercase tracking-wider text-white shadow-[0_10px_25px_-5px_rgba(240,90,40,0.35)] transition-all duration-200 hover:shadow-[0_12px_30px_-5px_rgba(240,90,40,0.5)] hover:brightness-110 active:scale-[0.98]"> 4651 ÄÄng Nháºp Ngay 4652 </a> 4653 </div> 4654 </div> 4655 </div> 4656 4657 <style> 4658 .lesson-btn { 4659 position: relative; 4660 outline: none; 4661 -webkit-tap-highlight-color: transparent; 4662 } 4663 4664 .lesson-btn:focus, 4665 .lesson-btn:active { 4666 outline: none; 4667 box-shadow: none; 4668 } 4669 4670 .lesson-btn::before { 4671 content: ""; 4672 position: absolute; 4673 left: 0; 4674 top: 50%; 4675 height: 0; 4676 width: 3px; 4677 background: #f05a28; 4678 border-radius: 6px; 4679 transition: all .25s ease; 4680 } 4681 4682 .lesson-btn.is-active { 4683 background: rgba(240, 90, 40, .08); 4684 } 4685 4686 .lesson-btn.is-active::before { 4687 top: 10%; 4688 height: 80%; 4689 } 4690 4691 .lesson-btn.is-active svg, 4692 .lesson-btn.is-active p { 4693 color: #f05a28; 4694 } 4695 4696 .lesson-btn.is-active svg polygon { 4697 fill: #f05a28; 4698 } 4699 4700 .lesson-btn.is-active .rounded-full { 4701 border-color: rgba(240, 90, 40, .6); 4702 } 4703 4704 .overflow-y-auto::-webkit-scrollbar {
4705 width: 4px; 4706 } 4707 4708 .overflow-y-auto::-webkit-scrollbar-track { 4709 background: transparent; 4710 } 4711 4712 .overflow-y-auto::-webkit-scrollbar-thumb { 4713 background: rgba(255, 255, 255, 0.1); 4714 border-radius: 20px; 4715 border: 1px solid transparent; 4716 background-clip: content-box; 4717 } 4718 4719 .overflow-y-auto:hover::-webkit-scrollbar-thumb { 4720 background-color: rgba(255, 255, 255, 0.2); 4721 } 4722 4723 .overflow-y-auto::-webkit-scrollbar-thumb:hover { 4724 background-color: #f05a28; 4725 box-shadow: 0 0 8px rgba(240, 90, 40, 0.6); 4726 } 4727 4728 .overflow-y-auto { 4729 scrollbar-width: thin; 4730 scrollbar-color: rgba(255, 255, 255, 0.1) transparent; 4731 } 4732 </style> 4733 4734
4734<script> 4735 $(document).ready(function () { 4736 const $lessons = $('.lesson-btn'); 4737 4738 // Set active cho bà i Äầu tiên 4739 if ($lessons.length) { 4740 $lessons.first().addClass('is-active'); 4741 } 4742 4743 $('.lesson-btn').on('click', function () { 4744 // Update text tiêu Äá» 4745 const lessonName = $(this).find('p').first().text().trim(); 4746 $('#current-lesson-name').text(lessonName); 4747 4748 // Update trạng thái active 4749 $('.lesson-btn').removeClass('is-active'); 4750 $(this).addClass('is-active'); 4751 }); 4752 }); 4753 </script>
4753 4754</div> 4755 4756<!-- Nhúng JS cá»§a giao diá»n má»i -->
4757<script> 4758 // Accordion ná»i dung khóa há»c 4759 function toggleSection(idx) { 4760 const content = document.getElementById(`section-content-${idx}`); 4761 const chevron = document.getElementById(`chevron-${idx}`); 4762 if (content && chevron) { 4763 if (content.classList.contains('hidden')) { 4764 content.classList.remove('hidden'); 4765 chevron.classList.add('rotate-180'); 4766 } else { 4767 content.classList.add('hidden'); 4768 chevron.classList.remove('rotate-180'); 4769 } 4770 } 4771 } 4772 window.toggleSection = toggleSection; 4773 4774 document.addEventListener('click', function (event) { 4775 const trigger = event.target.closest('[data-section-toggle]'); 4776 if (!trigger) { 4777 return; 4778 } 4779 const idx = trigger.getAttribute('data-section-toggle'); 4780 if (idx === null) { 4781 return; 4782 } 4783 toggleSection(idx); 4784 }); 4785 4786 // Coupon input toggle (keep as is) 4787 function toggleCoupon() { 4788 const btn = document.getElementById('coupon-btn'); 4789 const input = document.getElementById('coupon-input'); 4790 if (!btn || !input) return; 4791 if (input.classList.contains('hidden')) { 4792 btn.classList.add('hidden'); 4793 input.classList.remove('hidden'); 4794 } else { 4795 btn.classList.remove('hidden'); 4796 input.classList.add('hidden'); 4797 } 4798 // Reset message 4799 document.getElementById('coupon-message').classList.add('hidden'); 4800 document.getElementById('coupon-message').innerText = ''; 4801 } 4802 4803 // --- Coupon logic: bê nguyên function từ list_2024.php, chá»nh selector cho Äúng giao diá»n detail --- 4804 function activeCoupon(courseId) { 4805 let coupon = $('#coupon-code-input').val().trim(); 4806 let priceSale = 399000; 4807 if (!coupon) { 4808 $('#coupon-message').removeClass('hidden').addClass('text-red-400').html('Vui lòng nháºp mã giảm giá.'); 4809 } else { 4810 $.ajax({ 4811 type: 'POST', 4812 url: '/course_action/check_coupon', 4813 data: { 4814 'coupon_code': coupon, 4815 'course_id': courseId, 4816 'price': priceSale 4817 }, 4818 success: function (res) { 4819 if (res.success) { 4820 // Cáºp nháºt giá và phần trÄm giảm giá 4821 $('.text-3xl.font-black').html(res.data.price.toLocaleString('vi-VN', { minimumFractionDigits: 0 }) + 'Ä'); 4822 if (res.data.discount_amount > 0) { 4823 $('#discount-percent').html('-' + res.data.discount_amount + '%').show(); 4824 } else { 4825 $('#discount-percent').hide(); 4826 } 4827 $('#coupon-message').addClass('hidden'); 4828 $('#valueCouponUsed').html(coupon); 4829 $('#couponUsed').removeClass('hidden'); 4830 } else { 4831 $('#coupon-message').removeClass('hidden').addClass('text-red-400').html(res.message || 'Mã giảm giá không hợp lá».'); 4832 } 4833 } 4834 }); 4835 } 4836 } 4837 4838 $(document).ready(function () { 4839 // Ãp dụng coupon khi bấm nút 4840 $('#apply-coupon-btn').off('click').on('click', function () { 4841 activeCoupon('T2lIS1R1K21VTW9YajRURTZhSVJuQT09'); 4842 }); 4843 4844 // Há»§y coupon 4845 $('.cancelCoupon').off('click').on('click', function () { 4846 let courseId = $(this).data('id'); 4847 $.ajax({ 4848 type: 'POST', 4849 url: '/course_action/cancel-coupon', 4850 data: { 4851 'course_id': courseId, 4852 }, 4853 success: function (res) { 4854 if (res.success) { 4855 // Reset giá và phần trÄm giảm vá» giá gá»c 4856 $('.text-3xl.font-black').html('399.000Ä'); 4857 $('#discount-percent').hide(); 4858 $('#couponUsed').addClass('hidden'); 4859 } else { 4860 alert(res.message || 'Có lá»i xảy ra, vui lòng thá» lại.'); 4861 } 4862 } 4863 }); 4864 }); 4865 }); 4866 4867 // Sá»a lại phần load-more-feedback: ẩn nút khi hết Äánh giá, cáºp nháºt Äúng sá» lượng 4868 $('.load-more-feedback').off('click').on('click', function () { 4869 let id = $(this).data('id'); 4870 let page = Number($('input[name=current_page]').val()); 4871 let count_item = Number($('input[name=current_item]').val()); 4872 let $btn = $(this); 4873 $btn.prop('disabled', true).text('Äang tải...'); 4874 $.ajax({ 4875 url: '/course_action/load-more-feedback', 4876 type: 'POST', 4877 data: { page: page + 1, offset: count_item, limit: 10, id: id }, 4878 success: function (result) { 4879 if (result.success && result.data && result.data.html) { 4880 $('.load_feedback').append(result.data.html); 4881 $('input[name=current_page]').val(result.data.current_page); 4882 $('input[name=current_item]').val(count_item + Number(result.data.page_count)); 4883 // Ẩn nút nếu Äã hết Äánh giá 4884 if (result.data.count <= (count_item + Number(result.data.page_count))) { 4885 $btn.addClass('hidden'); 4886 } else { 4887 $btn.prop('disabled', false).text('Hiá»n thá» thêm'); 4888 } 4889 } else { 4890 $btn.addClass('hidden'); 4891 } 4892 }, 4893 error: function () { 4894 $btn.prop('disabled', false).text('Hiá»n thá» thêm'); 4895 } 4896 }); 4897 }); 4898 4899 4900 const IS_LOGGED_IN = false;
4901 const CURRENT_USER_ID = 0; 4902 const CURRENT_USER_EMAIL = ""; 4903 4904 const $previewModal = $('#preview-modal'); 4905 const $previewModalContent = $('#preview-modal .preview-modal-content'); 4906 const $trialLoginModal = $('#trial-login-modal'); 4907 4908 function showTrialLoginModal() { 4909 $trialLoginModal.removeClass('hidden').css('display', 'flex'); 4910 $('body').addClass('overflow-hidden'); 4911 } 4912 4913 function hideTrialLoginModal() { 4914 $trialLoginModal.addClass('hidden').css('display', 'none'); 4915 $('body').removeClass('overflow-hidden'); 4916 } 4917 4918 $(document).on('click', '.trial-login-modal-close', function () { 4919 hideTrialLoginModal(); 4920 }); 4921 4922 $trialLoginModal.on('click', function (event) { 4923 if (event.target === this) { 4924 hideTrialLoginModal(); 4925 } 4926 }); 4927 4928 $(document).on('keydown', function (event) { 4929 if (event.key === 'Escape' && !$trialLoginModal.hasClass('hidden')) { 4930 hideTrialLoginModal(); 4931 } 4932 }); 4933 4934 // ââ Module Watermark Video Player (Äá»ng bá» vá»i unica-v2) ââ 4935 const UnicaVideoWatermark = (function () { 4936 let waitTimer = null; 4937 let hideTimer = null; 4938 let watermarkEl = null; 4939 let isRunning = false; 4940 4941 const config = { 4942 displayDurationMs: 10000, 4943 initialDelayMs: 5000, 4944 minWaitSeconds: 50, 4945 maxWaitSeconds: 70 4946 }; 4947 4948 function getRandomPosition() { 4949 // Giá»i hạn trong vùng an toà n tránh mép và controls: top 12% - 78%, left 6% - 68% 4950 const top = Math.floor(Math.random() * 66 + 12); 4951 const left = Math.floor(Math.random() * 62 + 6); 4952 return { 4953 top: top + '%', 4954 left: left + '%' 4955 }; 4956 } 4957 4958 function getRandomWaitTime(minSec, maxSec) { 4959 const minMs = minSec * 1000; 4960 const maxMs = maxSec * 1000; 4961 return Math.floor(Math.random() * (maxMs - minMs + 1)) + minMs; 4962 } 4963 4964 function getWatermarkText() { 4965 if (!IS_LOGGED_IN) return ''; 4966 if (CURRENT_USER_ID && CURRENT_USER_EMAIL) { 4967 return CURRENT_USER_ID + ' - ' + CURRENT_USER_EMAIL; 4968 } 4969 return String(CURRENT_USER_ID || CURRENT_USER_EMAIL || ''); 4970 } 4971 4972 function ensureStyle() { 4973 if (document.getElementById('unica-watermark-style')) return; 4974 const style = document.createElement('style'); 4975 style.id = 'unica-watermark-style'; 4976 style.textContent = ` 4977 @keyframes unicaWatermarkFadeInOut { 4978 0% { 4979 opacity: 0; 4980 transform: scale(0.96); 4981 } 4982 15% { 4983 opacity: 1; 4984 transform: scale(1); 4985 } 4986 85% { 4987 opacity: 1; 4988 transform: scale(1); 4989 } 4990 100% { 4991 opacity: 0; 4992 transform: scale(0.96); 4993 } 4994 } 4995 .unica-video-watermark-item { 4996 position: absolute; 4997 z-index: 30; 4998 pointer-events: none; 4999 user-select: none; 5000 max-width: 85%; 5001 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 5002 font-size: 14px; 5003 font-weight: 500; 5004 letter-spacing: 0.05em; 5005 color: rgba(100, 116, 139, 0.45); 5006 white-space: nowrap; 5007 overflow: hidden; 5008 text-overflow: ellipsis; 5009 } 5010 @media (min-width: 768px) { 5011 .unica-video-watermark-item { 5012 font-size: 16px; 5013 } 5014 } 5015 `; 5016 document.head.appendChild(style); 5017 } 5018 5019 function stop() { 5020 isRunning = false;
5021 if (waitTimer) { 5022 clearTimeout(waitTimer); 5023 waitTimer = null; 5024 } 5025 if (hideTimer) { 5026 clearTimeout(hideTimer); 5027 hideTimer = null; 5028 } 5029 if (watermarkEl && watermarkEl.parentNode) { 5030 watermarkEl.parentNode.removeChild(watermarkEl); 5031 } 5032 watermarkEl = null; 5033 } 5034 5035 function schedule(targetContainer, delayMs) { 5036 if (!isRunning) return; 5037 waitTimer = setTimeout(function () { 5038 if (!isRunning) return; 5039 5040 const text = getWatermarkText(); 5041 if (!text || !targetContainer) return; 5042 5043 if (watermarkEl && watermarkEl.parentNode) { 5044 watermarkEl.parentNode.removeChild(watermarkEl); 5045 } 5046 5047 const pos = getRandomPosition(); 5048 watermarkEl = document.createElement('div'); 5049 watermarkEl.className = 'unica-video-watermark-item'; 5050 watermarkEl.setAttribute('aria-hidden', 'true'); 5051 watermarkEl.style.top = pos.top; 5052 watermarkEl.style.left = pos.left; 5053 watermarkEl.style.animation = `unicaWatermarkFadeInOut ${config.displayDurationMs}ms cubic-bezier(0.4, 0, 0.2, 1) forwards`; 5054 watermarkEl.textContent = text; 5055 5056 targetContainer.appendChild(watermarkEl); 5057 5058 hideTimer = setTimeout(function () { 5059 if (!isRunning) return; 5060 if (watermarkEl && watermarkEl.parentNode) { 5061 watermarkEl.parentNode.removeChild(watermarkEl); 5062 } 5063 watermarkEl = null; 5064 5065 const nextWaitMs = getRandomWaitTime(config.minWaitSeconds, config.maxWaitSeconds); 5066 schedule(targetContainer, nextWaitMs); 5067 }, config.displayDurationMs); 5068 5069 }, delayMs); 5070 } 5071 5072 function start(targetContainer) { 5073 stop(); 5074 const text = getWatermarkText(); 5075 if (!text || !targetContainer) return; 5076 5077 ensureStyle(); 5078 isRunning = true; 5079 schedule(targetContainer, config.initialDelayMs); 5080 } 5081 5082 return { 5083 start: start, 5084 stop: stop 5085 }; 5086 })(); 5087 5088 const SAVIOR_SESSION_KEY = 'unica_session_savior_detected'; 5089 const VIDEO_DOWNLOAD_EXTENSIONS = [ 5090 { 5091 id: 'jdfkmiabjpfjacifcmihfdjhpnjpiick', 5092 name: 'Cá»c Cá»c Savior', 5093 selector: 'savior-host', 5094 removeElement: false, 5095 }, 5096 { 5097 id: 'kkeakohpadmbldjaiggikmnldlfkdfog', 5098 name: 'FastStream', 5099 selector: 'iframe[src^="chrome-extension://kkeakohpadmbldjaiggikmnldlfkdfog/"]', 5100 removeElement: true, 5101 }, 5102 ]; 5103 5104 let isCurrentTrialLesson = false; 5105 let saviorObserver = null; 5106 5107 function checkVideoDownloadExtension() { 5108 try { 5109 if (sessionStorage.getItem(SAVIOR_SESSION_KEY) === '1') { 5110 return true; 5111 } 5112 } catch (e) {} 5113 5114 for (const ext of VIDEO_DOWNLOAD_EXTENSIONS) { 5115 if (document.querySelector(ext.selector)) { 5116 if (ext.removeElement) { 5117 document.querySelectorAll(ext.selector).forEach(el => el.remove()); 5118 } 5119 try { 5120 sessionStorage.setItem(SAVIOR_SESSION_KEY, '1'); 5121 } catch (e) {} 5122 return true; 5123 } 5124 } 5125 5126 const ua = navigator.userAgent || ''; 5127 if (/coc_coc_browser/i.test(ua)) { 5128 try { 5129 sessionStorage.setItem(SAVIOR_SESSION_KEY, '1'); 5130 } catch (e) {} 5131 return true; 5132 } 5133 5134 return false; 5135 } 5136 5137 function stopSaviorWatch() { 5138 if (saviorObserver) { 5139 try { 5140 saviorObserver.disconnect(); 5141 } catch (e) {} 5142 saviorObserver = null; 5143 } 5144 } 5145 5146 function renderTrialLoginRequiredNotice() { 5147 disposePreviewPlayer(); 5148 const currentUrl = encodeURIComponent(window.location.href); 5149 $('.video-preview').html(` 5150 <div class="flex h-full w-full flex-col items-center justify-center bg-slate-950 p-6 text-center select-none" role="alert" style="min-height: 100%; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #0b0f19; padding: 24px; text-align: center; position: relative;"> 5151 <div class="relative z-10 flex max-w-md w-full flex-col items-center gap-3 rounded-2xl border border-white/10 bg-black/80 px-6 py-8 shadow-2xl backdrop-blur-md" style="max-width: 28rem; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.8); padding: 32px 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);"> 5152 <div class="flex h-16 w-16 items-center justify-center rounded-full bg-orange-500/10 text-[#f05a28] mb-1" style="width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(240, 90, 40, 0.1); color: #f05a28; margin-bottom: 4px;">
5153 <svg class="w-8 h-8 stroke-[2.2]" viewBox="0 0 24 24" fill="none" stroke="currentColor" style="width: 32px; height: 32px;"> 5154 <rect width="18" height="11" x="3" y="11" rx="2" ry="2" /> 5155 <path d="M7 11V7a5 5 0 0 1 10 0v4" /> 5156 </svg> 5157 </div> 5158 <h4 class="text-lg md:text-xl font-bold text-white tracking-tight" style="margin: 0; font-size: 1.25rem; font-weight: 700; color: #ffffff;"> 5159 Bạn cần ÄÄng nháºp Äá» há»c thá» 5160 </h4> 5161 <p class="text-xs md:text-sm text-gray-300 leading-relaxed" style="margin: 0; font-size: 0.875rem; color: #d1d5db; line-height: 1.5; max-width: 20rem;"> 5162 Vui lòng ÄÄng nháºp tà i khoản Unica Äá» bắt Äầu trải nghiá»m bà i há»c thá» nà y. 5163 </p> 5164 <a href="/login?url=${currentUrl}" class="mt-3 flex w-full sm:w-auto items-center justify-center rounded-xl bg-[#f05a28] hover:bg-[#d64d20] px-6 py-3 text-sm font-bold uppercase tracking-wider text-white shadow-lg shadow-orange-500/25 transition-all active:scale-[0.98]" style="margin-top: 12px; display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem; background-color: #f05a28; padding: 12px 24px; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #ffffff; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(240, 90, 40, 0.25);"> 5165 ÄÄng Nháºp Ngay 5166 </a> 5167 </div> 5168 </div> 5169 `); 5170 } 5171 5172 function renderCocCocBlockedNotice() { 5173 stopSaviorWatch(); 5174 disposePreviewPlayer(); 5175 $('.video-preview').html(` 5176 <div class="flex h-full w-full flex-col items-center justify-center bg-slate-950 p-6 text-center select-none" role="alert" aria-live="assertive" style="min-height: 100%; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #020617; padding: 24px; text-align: center; user-select: none;"> 5177 <div class="flex max-w-md flex-col items-center gap-3 rounded-2xl border border-white/10 bg-black/70 px-6 py-8 shadow-2xl backdrop-blur-md" style="max-width: 28rem; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 12px; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgba(0, 0, 0, 0.7); padding: 32px 24px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);"> 5178 <div class="flex h-14 w-14 items-center justify-center rounded-full bg-amber-500/10 text-amber-400" style="width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 9999px; background-color: rgba(245, 158, 11, 0.1); color: #fbbf24; margin-bottom: 4px;"> 5179 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-8 w-8 text-amber-400" style="width: 32px; height: 32px; color: #fbbf24;"> 5180 <path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" /> 5181 <line x1="12" y1="9" x2="12" y2="13" /> 5182 <line x1="12" y1="17" x2="12.01" y2="17" /> 5183 </svg> 5184 </div> 5185 <p class="text-base font-bold text-white md:text-lg" style="margin: 0; font-size: 1.125rem; font-weight: 700; color: #ffffff; line-height: 1.5;"> 5186 Bạn không thá» má» video trên Cá»c Cá»c 5187 </p> 5188 <p class="text-sm font-semibold text-amber-400 md:text-base" style="margin: 0; font-size: 0.95rem; font-weight: 600; color: #fbbf24; line-height: 1.5;"> 5189 Vui lòng sá» dụng trình duyá»t Chrome! 5190 </p> 5191 </div> 5192 </div> 5193 `); 5194 } 5195 5196 function startSaviorWatch() { 5197 if (saviorObserver) return; 5198 if (checkVideoDownloadExtension()) { 5199 renderCocCocBlockedNotice(); 5200 return; 5201 } 5202 try { 5203 saviorObserver = new MutationObserver(() => { 5204 if (isCurrentTrialLesson && checkVideoDownloadExtension()) { 5205 stopSaviorWatch(); 5206 renderCocCocBlockedNotice(); 5207 } 5208 }); 5209 saviorObserver.observe(document.documentElement, { 5210 childList: true, 5211 subtree: true, 5212 }); 5213 } catch (e) {} 5214 } 5215 5216 function ensurePreviewXhrPatched() { 5217 if (window.__unicaPreviewXhrPatched) { 5218 return; 5219 } 5220 5221 window.__unicaPreviewOriginalOpen = XMLHttpRequest.prototype.open; 5222 window.__unicaPreviewOriginalSend = XMLHttpRequest.prototype.send; 5223 5224 XMLHttpRequest.prototype.open = function (method, url, async, user, password) { 5225 this._url = url; 5226 window.__unicaPreviewOriginalOpen.apply(this, arguments); 5227 }; 5228 5229 XMLHttpRequest.prototype.send = function (body) { 5230 if (this._url && this._url.endsWith('.key')) { 5231 this.setRequestHeader('X-STREAM-ORIGIN', 'abcdxxx'); 5232 } 5233 5234 window.__unicaPreviewOriginalSend.apply(this, arguments); 5235 }; 5236 5237 window.__unicaPreviewXhrPatched = true; 5238 } 5239 5240 function disposePreviewPlayer() { 5241 UnicaVideoWatermark.stop(); 5242 if (window.previewModalPlayer && typeof window.previewModalPlayer.dis
5242pose === 'function') { 5243 window.previewModalPlayer.dispose(); 5244 window.previewModalPlayer = null; 5245 } 5246 $previewModal.find('.vjs-control-bar').remove(); 5247 } 5248 5249 function decodeHtml(value) { 5250 return $('<textarea/>').html(value || '').text(); 5251 } 5252 5253 function renderPreviewM3u8(sourceUrl) { 5254 ensurePreviewXhrPatched(); 5255 disposePreviewPlayer(); 5256 5257 $('.video-preview').html(` 5258 <video id="preview-modal-player" 5259 class="video-js vjs-default-skin vjs-fluid vjs-big-play-centered" 5260 controls 5261 preload="auto"> 5262 <source src="${sourceUrl}" type="application/x-mpegURL" /> 5263 </video> 5264 `); 5265 5266 if (window.videojs) { 5267 window.previewModalPlayer = videojs('preview-modal-player', { 5268 controls: true, 5269 playbackRates: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2], 5270 techOrder: ['html5'], 5271 autoplay: true, 5272 plugins: { 5273 videoJsResolutionSwitcher: { 5274 default: 'high', 5275 dynamicLabel: true 5276 } 5277 }, 5278 html5: { 5279 vhs: { 5280 overrideNative: true, 5281 }, 5282 nativeAudioTracks: true, 5283 nativeVideoTracks: true 5284 } 5285 }); 5286 5287 window.previewModalPlayer.ready(function () { 5288 var playerEl = this.el(); 5289 UnicaVideoWatermark.start(playerEl); 5290 }); 5291 } 5292 } 5293 5294 function renderPreviewIframe(sourceUrl) { 5295 disposePreviewPlayer(); 5296 $('.video-preview').html(` 5297 <iframe width="100%" height="100%" 5298 src="${sourceUrl}" 5299 style="position:absolute; top:0; bottom:0; left:0; right:0" 5300 frameborder="0" 5301 allow="autoplay; fullscreen; picture-in-picture" 5302 allowfullscreen 5303 webkitAllowFullScreen 5304 mozallowfullscreen></iframe> 5305 `); 5306 UnicaVideoWatermark.start($('.video-preview')[0]); 5307 } 5308 5309 function renderPreviewContent(html) { 5310 if (isCurrentTrialLesson && checkVideoDownloadExtension()) { 5311 renderCocCocBlockedNotice(); 5312 return; 5313 } 5314 5315 const sourceMatch = html.match(/<source[^>]+src="([^"]+)"/i); 5316 if (sourceMatch && sourceMatch[1]) { 5317 renderPreviewM3u8(decodeHtml(sourceMatch[1])); 5318 return; 5319 } 5320 5321 const iframeMatch = html.match(/<iframe[^>]+src="([^"]+)"/i); 5322 if (iframeMatch && iframeMatch[1]) { 5323 renderPreviewIframe(decodeHtml(iframeMatch[1])); 5324 return; 5325 } 5326 5327 disposePreviewPlayer(); 5328 $('.video-preview').empty().append(html); 5329 } 5330 5331 function hidePreviewModal() { 5332 isCurrentTrialLesson = false; 5333 stopSaviorWatch(); 5334 disposePreviewPlayer(); 5335 UnicaVideoWatermark.stop(); 5336 $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none'); 5337 $previewModal.addClass('hidden').css('display', 'none'); 5338 $('body').removeClass('overflow-hidden'); 5339 $('.video-preview').empty(); 5340 } 5341 5342 function showPreviewModal() { 5343 $previewModal.removeClass('hidden').css('display', 'flex'); 5344 $('body').addClass('overflow-hidden'); 5345 } 5346 5347 $(document).on('click', '.preview-modal-close', function () { 5348 hidePreviewModal(); 5349 }); 5350 5351 $previewModal.on('click', function (event) { 5352 if (event.target === this) { 5353 hidePreviewModal(); 5354 } 5355 }); 5356 5357 $(document).on('keydown', function (event) { 5358 if (event.key === 'Escape' && !$previewModal.hasClass('hidden')) { 5359 hidePreviewModal(); 5360 } 5361 }); 5362 5363 $(document).on('click', '.btn-preview-modal', function (event) { 5364 event.preventDefault(); 5365 let id = $(this).data('id'); 5366 let link = $(this).data('link'); 5367 5368 // Phân biá»t: id là bà i há»c thá», link là video intro (video sale) 5369 if (id && (link === undefined || link === '')) { 5370 isCurrentTrialLesson = true; 5371 5372 let lessonTitle = $(this).find('p').text().trim(); 5373 if (lessonTitle) { 5374 $('#current-lesson-name').text(lessonTitle); 5375 } 5376 5377 // Nếu chưa ÄÄng nháºp: Không gá»i API tải video, phá»§ bóng má» full modal và hiá»n thá» card á» giữa 5378 if (!IS_LOGGED_IN) { 5379 stopSaviorWatch(); 5380 disposePreviewPlayer(); 5381 $('.video-preview').empty(); 5382 $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]'); 5383 $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]'); 5384 $('#trial-modal-login-overlay').removeClass('hidden').css('display', 'flex'); 5385 showPreviewModal(); 5386 return; 5387 } 5388 5389 $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none'); 5390 5391 // Chặn hoà n toà n trên Cá»c Cá»c cho bà i há»c thá»: không gá»i API lấy video 5392 if (checkVideoDownloadExtension()) { 5393 stopSaviorWatch(); 5394 $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]'); 5395 $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]'); 5396 renderCocCocBlockedNotice(); 5397 showPreviewModal(); 5398 return; 5399 } 5400 5401 startSaviorWatch(); 5402 5403 $.ajax({ 5404 url: '/course_action/preview', 5405 type: 'POST', 5406 data: { id: id }, 5407 success: function (result) { 5408 if (result.success) { 5409 $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]'); 5410 $(`#preview-modal .btn-preview-modal[data-id="${id}"]`).addClass('bg-[#031E50]'); 5411 renderPreviewContent(result.data.html); 5412 } else if (result.require_login) { 5413 disposePreviewPlayer(); 5414 $('.video-preview').empty(); 5415 $('#trial-modal-login-overlay').removeClass('hidden').css('display', 'flex'); 5416 } else if (result.message && result.message.indexOf('Cá»c Cá»c') !== -1) { 5417 renderCocCocBlockedNotice(); 5418 } 5419 } 5420 }); 5421 } else if (link) { 5422 // Video sale (video giá»i thiá»u): cho phép xem trên má»i trình duyá»t (ká» cả Cá»c Cá»c) 5423 isCurrentTrialLesson = false;
5424 stopSaviorWatch(); 5425 $('#trial-modal-login-overlay').addClass('hidden').css('display', 'none'); 5426 $('#current-lesson-name').text('PM No-Code: AI Product Management & No-Code Automation'); 5427 5428 $('#preview-modal .btn-preview-modal').removeClass('bg-[#031E50]'); 5429 $(`#preview-modal .btn-preview-modal[data-link="${link}"]`).addClass('bg-[#031E50]'); 5430 if (link.indexOf('vimeo.com') !== -1) { 5431 let vimeoId = link.split('/')[3]; 5432 let newLink = 'https://player.vimeo.com/video/' + vimeoId; 5433 $('.video-preview').empty().append(`<iframe width="100%" height="100%" src="${newLink}?h=e26b4edf5d&autoplay=1&loop=1&portrait=0" style="position:absolute; top:0; bottom:0; left:0; right:0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen webkitAllowFullScreen mozallowfullscreen></iframe>`); 5434 } else { 5435 if (link.includes('youtube.com')) { 5436 const newLink = link.includes('?') ? link + '&' : link + '?'; 5437 $('.video-preview').empty().append( 5438 `<div class="plyr__video-embed" id="plyr_youtube_player_learn_test"> 5439 <iframe 5440 src="${newLink}origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1&autoplay=1&controls=0&h=e26b4edf5d&loop=true&portrait=false" 5441 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 5442 allowfullscreen 5443 ></iframe> 5444 </div> 5445 `); 5446 loadPlyrOnYoutubeEmbed(); 5447 } else { 5448 $('.video-preview').empty().append(`<iframe width="100%" height="100%" src="${link}?h=e26b4edf5d&autoplay=1&loop=1&portrait=0" style="position:absolute; top:0; bottom:0; left:0; right:0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen webkitAllowFullScreen mozallowfullscreen></iframe>`); 5449 } 5450 } 5451 } else { 5452 $('.video-preview').empty().html('Không có video há»c thá».'); 5453 } 5454 showPreviewModal(); 5455 }); 5456 5457 function loadPlyrOnYoutubeEmbed() { 5458 const divYoutubeEmbedVideo = $('#plyr_youtube_player_learn_test'); 5459 if (divYoutubeEmbedVideo.length) { 5460 const player = new Plyr('#plyr_youtube_player_learn_test', { 5461 controls: ['play-large', 'play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'] 5462 }); 5463 } 5464 } 5465 5466 5467 $('.add-mul-cart').click(function () { 5468 const el = $(this); 5469 let course_ids = $(this).data('ids'); 5470 addMultipleCart(el, course_ids) 5471 }) 5472</script>
vendor: 1 bytes, line 5472
5472
5473<script> 5474 function getBookQuantity() { 5475 const input = document.getElementById('book-quantity'); 5476 if (!input) { 5477 return 1; 5478 } 5479 let quantity = parseInt(input.value || '1', 10); 5480 if (Number.isNaN(quantity) || quantity < 1) { 5481 quantity = 1; 5482 } 5483 if (quantity > 50) { 5484 quantity = 50; 5485 } 5486 input.value = quantity; 5487 return quantity; 5488 } 5489 5490 function buyBookNow() { 5491 const quantity = getBookQuantity(); 5492 window.location.href = '/order/step1?id=4484&quantity=' + quantity; 5493 } 5494 window.buyBookNow = buyBookNow; 5495 5496 function addBookToCart(buttonElement) { 5497 const quantity = getBookQuantity(); 5498 const button = buttonElement ? $(buttonElement) : null; 5499 const originalText = button ? button.find('span').text() : null; 5500 5501 $.ajax({ 5502 type: 'POST', 5503 url: '/cart/add', 5504 data: { 5505 course_id: '4484', 5506 quantity: quantity 5507 }, 5508 success: function (res) { 5509 if (res && res.data && typeof res.data.count_items !== 'undefined') { 5510 $('#quantity-cart').html(res.data.count_items); 5511 } 5512 if (button && originalText) { 5513 button.find('span').text('Äã thêm và o giá» hà ng'); 5514 setTimeout(function () { 5515 button.find('span').text(originalText); 5516 }, 2000); 5517 } 5518 }, 5519 error: function () { 5520 alert('Có lá»i xảy ra, vui lòng thá» lại.'); 5521 } 5522 }); 5523 } 5524 window.addBookToCart = addBookToCart; 5525</script>
5525 5526<!-- Footer mobile --> 5527<div class="md:hidden fixed bottom-0 left-0 right-0 bg-white 5528 border-t border-gray-100 5529 px-4 pt-3 5530 shadow-[0_-10px_30px_-5px_rgba(0,0,0,0.1)] 5531 z-[40] pb-safe"> 5532 5533 <div class="flex justify-between items-center max-w-lg mx-auto gap-4"> 5534 5535 <!-- PRICE --> 5536 <div class="shrink-0"> 5537 <p class="text-xl font-bold text-[#f05a28] leading-tight"> 5538 399.000Ä 5539 </p> 5540 5541 <div class="flex items-center gap-1.5"> 5542 <span class="text-[11px] text-gray-400 line-through font-medium"> 5543 999.000Ä 5544 </span> 5545 5546 <span class="text-[11px] text-red-500 font-bold bg-red-50 px-1 rounded"> 5547 -60% 5548 </span> 5549 </div> 5550 </div> 5551 5552 <!-- ACTIONS --> 5553 <div class="flex flex-1 items-center gap-2"> 5554 5555 <!-- CHAT --> 5556 <a href="javascript: openLivechat()" id="openLivechat" name="" 5557 phone="" email="" user_id="" 5558 avatar_url="" title="Chat vá»i tư vấn viên" class="flex flex-col items-center justify-center px-3 py-1 5559 text-gray-600 hover:text-[#f05a28] 5560 transition-colors border border-gray-200 rounded-xl 5561 active:scale-95"> 5562 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 5563 <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 5564 8.5 8.5 0 0 1-7.6 4.7 5565 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7 5566 a8.38 8.38 0 0 1-.9-3.8 5567 8.5 8.5 0 0 1 4.7-7.6 5568 8.38 8.38 0 0 1 3.8-.9h.5 5569 a8.48 8.48 0 0 1 8 8v.5z" /> 5570 </svg> 5571 <span class="text-[9px] font-black uppercase tracking-tighter mt-0.5"> 5572 Chat 5573 </span> 5574 </a> 5575 5576 5577 <!-- BUY NOW --> 5578 <button onclick="window.location.href='/order/step1?id=4484'" class="flex-1 bg-[#f05a28] hover:bg-[#d64d20] 5579 text-white font-black 5580 py-3.5 px-4 rounded-xl 5581 shadow-lg shadow-orange-100 5582 text-center uppercase tracking-widest text-sm 5583 active:scale-95 transition-transform"> 5584 Mua ngay 5585 </button> 5586 5587 </div> 5588 </div> 5589</div> 5590 5591<style> 5592 .pb-safe { 5593 padding-bottom: max(env(safe-area-inset-bottom), 12px); 5594 } 5595</style> 5596 </div> 5597
5598<script src="https://accounts.google.com/gsi/client" async></script>
5598 5599<div 5600 id="g_id_onload" 5601 data-client_id="265899770624-im6tmhndrsnfcurrvtv388phk2kfh8sc.apps.googleusercontent.com" 5602 data-callback="handleCallBackGoogle" 5603 data-auto_prompt="true" 5604> 5605</div> 5606
5607<script> 5608 function handleCallBackGoogle(response) { 5609 const token = response.credential 5610 $.ajax({ 5611 url: '/login-social', 5612 type: 'post', 5613 data: { 5614 'platform': 'google', 5615 'access_token': token, 5616 }, 5617 success: function (res) { 5618 if (res.success) { 5619 return location.href = res.data.redirect_link 5620 } 5621 }, 5622 error: function (e) { 5623 console.error(e) 5624 } 5625 }) 5626 } 5627</script>
vendor: 1 bytes, line 5627
5627
5628<script> 5629 const isLogin = ""; 5630 const divPromptGSI = document.getElementById('g_id_onload'); 5631 const currentPath = window.location.pathname; 5632 5633 if (divPromptGSI) { 5634 if (isLogin) { 5635 divPromptGSI.setAttribute('data-auto_prompt', false); 5636 } else { 5637 if (currentPath.startsWith('/order/')) { 5638 divPromptGSI.setAttribute('data-auto_prompt', false); 5639 } else { 5640 divPromptGSI.setAttribute('data-auto_prompt', true); 5641 } 5642 } 5643 } 5644</script>
5644 5645 5646<!--Start of Icon chat Fchat.vn--> 5647
5647<script defer> 5648 if (window.innerWidth >= 768) { 5649 (function () { 5650 var script = document.createElement('script'); 5651 script.src = 'https://cdn.fchat.vn/assets/embed/webchat.js?id=6246905df91e1f42331849a4'; 5652 script.async = true; 5653 5654 script.setAttribute('name', ''); 5655 script.setAttribute('email', ''); 5656 script.setAttribute('phone', ''); 5657 5658 document.body.appendChild(script); 5659 })(); 5660 } else { 5661 (function () { 5662 var script = document.createElement('script'); 5663 script.src = 'https://cdn.fchat.vn/assets/embed/livechat.js?id=6246905df91e1f42331849a4'; 5664 script.async = true; 5665 5666 script.setAttribute('data-fchat-name', ''); 5667 script.setAttribute('data-fchat-email', ''); 5668 script.setAttribute('data-fchat-phone', ''); 5669 5670 document.body.appendChild(script); 5671 })(); 5672 } 5673 </script>
5673 5674 <!--
5674<script>--> 5675 <!-- window.addEventListener('resize', function() {--> 5676 <!-- const allChatWidget = document.getElementsByTagName('chat-widget')--> 5677 <!-- if (window.innerWidth >= 768) {--> 5678 <!-- if (allChatWidget.length > 0 && allChatWidget[1]) {--> 5679 <!-- allChatWidget[1].style.display = 'block'--> 5680 <!-- }--> 5681 <!-- } else {--> 5682 <!-- if (allChatWidget.length > 0 && allChatWidget[1]) {--> 5683 <!-- allChatWidget[1].style.display = 'none'--> 5684 <!-- }--> 5685 <!-- }--> 5686 <!-- })--> 5687 <!-- </script>
5687--> 5688 5689<!--End of Icon chat Fchat.vn --> 5690 5691<div class="bg-[#0f172a] text-gray-400 pt-16 pb-8" id="footer"> 5692 <div class="max-w-[1200px] mx-auto px-4"> 5693 <div class="grid grid-cols-2 gap-x-8 gap-y-12 mb-16 lg:grid-cols-12"> 5694 <!-- Cá»t 1 - Logo & Thông tin liên há» --> 5695 <div class="sm:col-span-2 lg:col-span-4"> 5696 <a class="navbar-brand" href="/"> 5697 <img src="https://static.unica.vn/media/images_v2018/logo-unica.png" alt="logo" class="h-8 mb-6"> 5698 </a> 5699 <p class="text-white font-bold mb-4">Há»c online cùng chuyên gia</p> 5700 <div class="space-y-3 text-[13px]"> 5701 <p class="flex items-center gap-2"> 5702 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0"> 5703 <path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/> 5704 </svg> 5705 Hotline 1: 19001568 5706 </p> 5707 <p class="flex items-center gap-2"> 5708 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0"> 5709 <path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/> 5710 </svg> 5711 Hotline 2: 090 488 6095 5712 </p> 5713 <p class="flex items-center gap-2"> 5714 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0"> 5715 <path d="M0 3v18h24v-18h-24zm21.518 2l-9.518 7.713-9.518-7.713h19.036zm-19.518 14v-11.817l10 8.104 10-8.104v11.817h-20z"/> 5716 </svg> 5717 Email: [email protected] 5718 </p> 5719 <p class="flex items-center gap-2"> 5720 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="#f05a28" class="flex-shrink-0"> 5721 <path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z"/> 5722 </svg> 5723 08h0 - 18h0, Thứ 2 - 7 </p> 5724 </div> 5725 </div> 5726 5727 <div class="pt-14 lg:col-span-3 lg:pt-0"> 5728 <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Vá» Unica</h4> 5729 <ul class="space-y-3 text-[13px]"> 5730 <li><a href="/gioi-thieu" class="hover:text-white transition-colors">Giá»i thiá»u vá» Unica</a></li> 5731 <li><a href="/faq" target="_blank" class="hover:text-white transition-colors">Hưá»ng dẫn sá» dụng</a></li> 5732 <li><a href="/kichhoat" class="hover:text-white transition-colors">KÃch hoạt khóa há»c</a></li> 5733 <li><a href="/blog" class="hover:text-white transition-colors">Góc chia sẻ</a></li> 5734 <li><a href="/dieu-khoan-dich-vu.html" class="hover:text-white transition-colors">Äiá»u khoản dá»ch vụ</a></li> 5735 <li><a href="/chinh-sach-bao-mat.html" class="hover:text-white transition-colors">ChÃnh sách bảo máºt</a></li> 5736 </ul> 5737 </div> 5738 5739 <!-- Cá»t 3 - Hợp tác --> 5740 <div class="lg:col-span-3"> 5741 <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Hợp tác</h4> 5742 <ul class="space-y-3 text-[13px]"> 5743 <li><a href="/teacher" class="hover:text-white transition-colors">ÄÄng ký giảng viên</a></li> 5744 <li><a href="https://edubit.vn?ref=unica" target="_blank" class="hover:text-white transition-colors">Giải pháp e-learning</a></li> 5745 <li><a href="https://unica.vn/biz" class="hover:text-white transition-colors">Äà o tạo doanh nghiá»p</a></li> 5746 <li><a href="http://quaydung.unica.vn/" class="hover:text-white transition-colors">Quay dá»±ng video</a></li> 5747 <li><a href="/dich-vu-xuat-ban-sach" class="hover:text-white transition-colors">Xuất bản sách</a></li> 5748 <li><a href="/affiliate" class="hover:text-white transition-colors">Affiliate</a></li> 5749 </ul> 5750 </div> 5751 5752 <!-- Cá»t 4 - App & Social --> 5753 <div class="lg:col-span-2"> 5754 <h4 class="text-white font-bold mb-6 uppercase text-sm tracking-wider">Unica App</h4> 5755 <div class="space-y-3 mb-8"> 5756 <a href="https://itunes.apple.com/us/app/unica-online-learning/id1230853725?ls=1&mt=8" class="block" target="_blank" rel="noreferrer"> 5757 <img src="/master/image/app-store.png" class="h-10" alt="Unica on App Store"> 5758 </a> 5759 <a href="https://play.google.com/store/apps/details?id=com.inet.Learning" class="block" target="_blank" rel="noreferrer"> 5760 <img src="/master/image/google.png" class="h-10" alt="Unica on Google Play"> 5761 </a> 5762 </div> 5763 <h4 class="text-white font-bold mb-4 uppercase text-xs tracking-wider">Kết ná»i vá»i Unica</h4> 5764 <div class="flex gap-4"> 5765 <a href="https://www.youtube.com/c/UnicaVn" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-red-600 hover:text-white transition-all"> 5766 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
5766ox="0 0 24 24" fill="currentColor"> 5767 <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/> 5768 </svg> 5769 </a> 5770 <a href="https://www.facebook.com/unica.vn" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-blue-600 hover:text-white transition-all"> 5771 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"> 5772 <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/> 5773 </svg> 5774 </a> 5775 <a href="https://www.tiktok.com/@unicatinhocvanphong" class="w-8 h-8 rounded-full bg-slate-800 flex items-center justify-center hover:bg-black hover:text-white transition-all"> 5776 <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"> 5777 <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.03 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/> 5778 </svg> 5779 </a> 5780 </div> 5781 </div> 5782 </div> 5783 5784 <hr class="border-slate-800 mb-8" /> 5785 5786 <div class="flex flex-col md:flex-row justify-between items-center gap-6 text-[11px] font-medium"> 5787 <div class="text-center md:text-left space-y-1"> 5788 <p>© Công ty cá» phần Äà o tạo trá»±c tuyến Unica - Tầng 3, Sá» 247 Cầu Giấy, Phưá»ng Cầu Giấy, TP. Hà Ná»i.</p> 5789 <p>Äại diá»n: Ãng Nguyá» n Trá»ng ThÆ¡ | Mã sá» thuế: 0107695756 cấp tại Sá» KH&ÄT thà nh phá» Hà Ná»i</p> 5790 </div> 5791 <div class="flex items-center gap-3 mt-3 md:mt-0"> 5792<!-- <div class="flex items-center">--> 5793<!-- <a href="https://www.facebook.com/Unica.vn">--> 5794<!-- <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">--> 5795<!-- <g filter="url(#filter0_d_775_11947)">--> 5796<!-- <rect x="4" y="4.12793" width="24" height="24" rx="4" fill="white"/>--> 5797<!-- <g clip-path="url(#clip0_775_11947)">--> 5798<!-- <path--> 5799<!-- d="M19.4999 10.2944H17.7499C16.9764 10.2944 16.2345 10.6017 15.6875 11.1487C15.1405 11.6957 14.8333 12.4376 14.8333 13.2111V14.9611H13.0833V17.2944H14.8333V21.9611H17.1666V17.2944H18.9166L19.4999 14.9611H17.1666V13.2111C17.1666 13.0564 17.228 12.908 17.3374 12.7986C17.4468 12.6892 17.5952 12.6278 17.7499 12.6278H19.4999V10.2944Z"--> 5800<!-- fill="#003555" stroke="#003555" stroke-linecap="round" stroke-linejoin="round"/>--> 5801<!-- </g>--> 5802<!-- </g>--> 5803<!-- <defs>--> 5804<!-- <filter id="filter0_d_775_11947" x="0" y="0.12793" width="32" height="32"--> 5805<!-- filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">--> 5806<!-- <feFlood flood-opacity="0" result="BackgroundImageFix"/>--> 5807<!-- <feColorMatrix in="SourceAlpha" type="matrix"--> 5808<!-- values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"--> 5809<!-- result="hardAlpha"/>--> 5810<!-- <feOffset/>--> 5811<!-- <feGaussianBlur stdDeviation="2"/>--> 5812<!-- <feComposite in2="hardAlpha" operator="out"/>--> 5813<!-- <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>--> 5814<!-- <feBlend mode="normal" in2="Backgroun
5814dImageFix"--> 5815<!-- result="effect1_dropShadow_775_11947"/>--> 5816<!-- <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_775_11947"--> 5817<!-- result="shape"/>--> 5818<!-- </filter>--> 5819<!-- <clipPath id="clip0_775_11947">--> 5820<!-- <rect width="14" height="14" fill="white" transform="translate(9 9.12793)"/>--> 5821<!-- </clipPath>--> 5822<!-- </defs>--> 5823<!-- </svg>--> 5824<!-- </a>--> 5825<!-- <a href="https://www.youtube.com/channel/UCrQoGDajCBs91atwgV8H6gw">--> 5826<!-- <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">--> 5827<!-- <g filter="url(#filter0_d_775_11949)">--> 5828<!-- <rect x="4" y="4.12793" width="24" height="24" rx="4" fill="white"/>--> 5829<!-- <g clip-path="url(#clip0_775_11949)">--> 5830<!-- <path--> 5831<!-- d="M23.0266 12.4078C22.9474 12.0914 22.7862 11.8015 22.5591 11.5674C22.332 11.3333 22.0471 11.1632 21.7333 11.0744C20.5866 10.7944 16 10.7944 16 10.7944C16 10.7944 11.4133 10.7944 10.2666 11.1011C9.95281 11.1899 9.66796 11.3599 9.44087 11.594C9.21378 11.8281 9.0525 12.118 8.97331 12.4344C8.76345 13.5981 8.6608 14.7786 8.66664 15.9611C8.65916 17.1525 8.76182 18.342 8.97331 19.5144C9.06061 19.821 9.22551 20.0999 9.45207 20.3241C9.67863 20.5483 9.95919 20.7103 10.2666 20.7944C11.4133 21.1011 16 21.1011 16 21.1011C16 21.1011 20.5866 21.1011 21.7333 20.7944C22.0471 20.7056 22.332 20.5356 22.5591 20.3015C22.7862 20.0674 22.9474 19.7775 23.0266 19.4611C23.2349 18.3062 23.3375 17.1347 23.3333 15.9611C23.3408 14.7697 23.2381 13.5802 23.0266 12.4078Z"--> 5832<!-- stroke="#003555" stroke-width="2" stroke-linecap="round"--> 5833<!-- stroke-linejoin="round"/>--> 5834<!-- <path d="M14.5 18.1413L18.3333 15.9613L14.5 13.7812V18.1413Z" fill="#003555"--> 5835<!-- stroke="#003555" stroke-width="2" stroke-linecap="round"--> 5836<!-- stroke-linejoin="round"/>--> 5837<!-- </g>--> 5838<!-- </g>--> 5839<!-- <defs>--> 5840<!-- <filter id="filter0_d_775_11949" x="0" y="0.12793" width="32" height="32"--> 5841<!-- filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">--> 5842<!-- <feFlood flood-opacity="0" result="BackgroundImageFix"/>--> 5843<!-- <feColorMatrix in="SourceAlpha" type="matrix"--> 5844<!-- values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"--> 5845<!-- result="hardAlpha"/>--> 5846<!-- <feOffset/>--> 5847<!-- <feGaussianBlur stdDeviation="2"/>--> 5848<!-- <feComposite in2="hardAlpha" operator="out"/>--> 5849<!-- <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>--> 5850<!-- <feBlend mode="normal" in2="BackgroundImageFix"--> 5851<!-- result="effect1_dropShadow_775_11949"/>--> 5852<!-- <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_775_11949"--> 5853<!-- result="shape"/>--> 5854<!-- </filter>--> 5855<!-- <clipPath id="clip0_775_11949">--> 5856<!-- <rect width="16" height="16" fill="white" transform="translate(8 8.12793)"/>--> 5857<!-- </clipPath>--> 5858<!-- </defs>-->
5858 5859<!-- </svg>--> 5860<!-- </a>--> 5861<!-- </div>--> 5862 <!--<li class="flex text white gap-3">--> 5863<!-- --><!-- <select class="bg-[#2c3238] text-white w-full py-2 px-4" name="lang">--> 5864<!-- <option value="vi_VN" selected="--><!--">Tiếng Viá»t</option>--> 5865<!-- <option value="en_US">English</option>--> 5866<!-- </select>--> 5867<!-- --><!--</li>--> 5868<!--
5868<script>--> 5869<!-- $('.language').change(function () {--> 5870<!-- $('#formChangeLanguage').submit();--> 5871<!-- })--> 5872<!--</script>
5872--> 5873 5874<div id="footerLangButton" data-dropdown-toggle="footerLang" data-dropdown-placement="top" class="my-auto" 5875 type="button"> 5876 <span class="sr-only">Open language menu</span> 5877 <div class="flex items-center gap-2 bg-slate-800/50 px-4 py-2 rounded-lg border border-slate-700"> 5878 <svg width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 5879 <path d="M12.5 22.1279C18.0228 22.1279 22.5 17.6508 22.5 12.1279C22.5 6.60508 18.0228 2.12793 12.5 2.12793C6.97715 2.12793 2.5 6.60508 2.5 12.1279C2.5 17.6508 6.97715 22.1279 12.5 22.1279Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5880 <path d="M2.5 12.1279H22.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5881 <path d="M12.5 2.12793C15.0013 4.86628 16.4228 8.41996 16.5 12.1279C16.4228 15.8359 15.0013 19.3896 12.5 22.1279C9.99872 19.3896 8.57725 15.8359 8.5 12.1279C8.57725 8.41996 9.99872 4.86628 12.5 2.12793Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5882 </svg> 5883 <p class="text-white">Tiếng Viá»t</p> 5884 <svg width="16" height="16" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 5885 <path d="M6.5 9.12793L12.5 15.1279L18.5 9.12793" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5886 </svg> 5887 </div> 5888</div> 5889<div id="footerLang" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg border shadow"> 5890 <ul class="py-2 text-sm text-gray-700" aria-labelledby="footerLangButton"> 5891 <li data-value="vi"> 5892 <a class="flex items-center bg-transparent gap-2 px-4 py-2 hover:bg-gray-200" href="?lang=vi_VN"> 5893 <img width="30" height="auto" src="/icon/language/vi.png" alt="vi"> 5894 <p>Tiếng Viá»t</p> 5895 </a> 5896 </li> 5897 <li data-value="vi"> 5898 <a class="flex items-center gap-2 px-4 bg-transparent py-2 hover:bg-gray-200" href="?lang=en_US"> 5899 <img width="30" height="auto" src="/icon/language/en.png" alt="vi"> 5900 <p>English</p> 5901 </a> 5902 </li> 5903 </ul> 5904</div> 5905 <a href="http://online.gov.vn/nen-tang/3de3f37a-1908-4ae5-a9f2-7215c7b26dfc" target="_blank" rel="nofollow noopener noreferrer" class="inline-flex items-center"> 5906 <img src="https://file.unica.vn/storage/db240c65c57e0a4f35edba3312c62511cbac63cc/dathongbao-bct.png" alt="Äã thông báo Bá» Công Thương" class="h-12 w-auto"> 5907 </a> 5908 </div> 5909 </div> 5910 </div> 5911</div>
5912<script src="/master/js/jquery-ui.min.js?v=1733197564"></script>
vendor: 1 bytes, line 5912
5912
5913<script src="/master/js/search.js?v=1790221508"></script>
vendor: 1 bytes, line 5913
5913
5914<script src="/master/js/master.js?v=1768812904"></script>
vendor: 1 bytes, line 5914
5914
5915<script src="/media/js_v2018/amazonmenu.js?v=1733197564"></script>
vendor: 1 bytes, line 5915
5915
5916<script src="/media/js_v2018/dev/global.js?v=1733197564"></script>
vendor: 1 bytes, line 5916
5916
5917<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert2/11.10.8/sweetalert2.min.js"></script>
vendor: 1 bytes, line 5917
5917
5918<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
vendor: 1 bytes, line 5918
5918
5919<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.7/js/select2.min.js" defer></script>
vendor: 1 bytes, line 5919
5919
5920<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/datepicker.min.js"></script>
vendor: 1 bytes, line 5920
5920
5921<script src="/media/js_v2018/add-loading-lazy.js?v=1733197564"></script>
vendor: 65 bytes, lines 5921-5922
5921 5922<script src="https://www.google.com/recaptcha/api.js"></script>
5923<script defer>
vendor: 486 bytes, lines 5923-5935
5923(function (w, d, s, l, i) { 5924 w[l] = w[l] || []; 5925 w[l].push({ 5926 'gtm.start': 5927 new Date().getTime(), event: 'gtm.js' 5928 }); 5929 var f = d.getElementsByTagName(s)[0], 5930 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; 5931 j.async = true; 5932 j.src = 5933 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 5934 f.parentNode.insertBefore(j, f); 5935 })(window, document, 'script', 'dataLayer', '
5935GTM-MPPKBFG
vendor: 4 bytes, line 5935
5935');
5936</script>
5936 5937
5938<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/jquery.validate.min.js" 5939 integrity="sha512-KFHXdr2oObHKI9w4Hv1XPKc898mE4kgYx58oqsc/JqqdLMDI4YjOLzom+EMlW8HFUd0QfjfAvxSL6sEq/a42fQ==" 5940 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 5940
5940
5941<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.21.0/additional-methods.min.js" 5942 integrity="sha512-owaCKNpctt4R4oShUTTraMPFKQWG9UdWTtG6GRzBjFV4VypcFi6+M3yc4Jk85s3ioQmkYWJbUl1b2b2r41RTjA==" 5943 crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 5943
5943
5944<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script>
vendor: 1 bytes, line 5944
5944
5945<script> 5946 ;(function () { 5947 var src = '//cdn.jsdelivr.net/npm/eruda'; 5948 if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') != 'true') return; 5949 document.write('<scr' + 'ipt src="' + src + '"></scr' + 'ipt>'); 5950 document.write('<scr' + 'ipt>eruda.init();</scr' + 'ipt>'); 5951 })(); 5952</script>
5952 5953</body> 5954</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.