{"id":9,"date":"2026-02-13T14:00:31","date_gmt":"2026-02-13T14:00:31","guid":{"rendered":"https:\/\/devclassroom.site\/?page_id=9"},"modified":"2026-02-13T14:00:31","modified_gmt":"2026-02-13T14:00:31","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/devclassroom.site\/","title":{"rendered":"Trang ch\u1ee7"},"content":{"rendered":"\n<!-- ============================================================\n     DEVCLASSROOM.SITE \u2014 HOMEPAGE\n     D\u00e1n v\u00e0o: Pages > Homepage > Text\/HTML Editor (Flatsome)\n     ============================================================ -->\n\n<!-- ===== HERO BANNER ===== -->\n<section class=\"dc-hero\">\n  <div class=\"dc-hero__blob dc-hero__blob--1\"><\/div>\n  <div class=\"dc-hero__blob dc-hero__blob--2\"><\/div>\n  <div class=\"dc-hero__blob dc-hero__blob--3\"><\/div>\n  <div class=\"dc-container\">\n    <div class=\"dc-hero__inner\">\n      <div class=\"dc-hero__content\">\n        <div class=\"dc-hero__pill\">\n          <span class=\"dc-pill__emoji\">\ud83c\udf89<\/span>\n          <span>M\u1edbi: Kh\u00f3a React 19 v\u1eeba ra m\u1eaft!<\/span>\n          <a href=\"#\">Xem ngay \u2192<\/a>\n        <\/div>\n        <h1 class=\"dc-hero__title\">\n          H\u1ecdc l\u1eadp tr\u00ecnh<br>\n          <span class=\"dc-hero__title--wave\">t\u1eebng b\u01b0\u1edbc m\u1ed9t<\/span>,<br>\n          kh\u00f4ng b\u1ecf l\u1ea1i ai.\n        <\/h1>\n        <p class=\"dc-hero__desc\">DevClassroom cung c\u1ea5p h\u00e0ng tr\u0103m b\u00e0i h\u01b0\u1edbng d\u1eabn l\u1eadp tr\u00ecnh b\u1eb1ng ti\u1ebfng Vi\u1ec7t \u2014 r\u00f5 r\u00e0ng, th\u1ef1c t\u1ebf, v\u00e0 lu\u00f4n c\u1eadp nh\u1eadt. T\u1eeb HTML \u0111\u1ea7u ti\u00ean \u0111\u1ebfn fullstack developer.<\/p>\n        <div class=\"dc-hero__form\">\n          <div class=\"dc-search-bar\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\"><circle cx=\"7.5\" cy=\"7.5\" r=\"5.5\" stroke=\"#999\" stroke-width=\"1.5\"\/><path d=\"M12 12l3.5 3.5\" stroke=\"#999\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\n            <input type=\"text\" placeholder=\"T\u00ecm ki\u1ebfm kh\u00f3a h\u1ecdc, ch\u1ee7 \u0111\u1ec1...\"\/>\n            <button class=\"dc-btn dc-btn--primary dc-btn--sm\">T\u00ecm ki\u1ebfm<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"dc-hero__tags\">\n          <span class=\"dc-hero__tags-lbl\">Ph\u1ed5 bi\u1ebfn:<\/span>\n          <a href=\"#\" class=\"dc-topic-tag\">JavaScript<\/a>\n          <a href=\"#\" class=\"dc-topic-tag\">Python<\/a>\n          <a href=\"#\" class=\"dc-topic-tag\">React<\/a>\n          <a href=\"#\" class=\"dc-topic-tag\">Node.js<\/a>\n          <a href=\"#\" class=\"dc-topic-tag\">CSS<\/a>\n        <\/div>\n        <div class=\"dc-hero__trust\">\n          <div class=\"dc-trust-avatars\">\n            <div class=\"dc-trust-av\" style=\"background:#FF6B6B\">A<\/div>\n            <div class=\"dc-trust-av\" style=\"background:#6C63FF\">B<\/div>\n            <div class=\"dc-trust-av\" style=\"background:#43C6AC\">C<\/div>\n            <div class=\"dc-trust-av\" style=\"background:#F7971E\">D<\/div>\n          <\/div>\n          <span>Tham gia c\u00f9ng <strong>24,000+<\/strong> h\u1ecdc vi\u00ean \u0111ang h\u1ecdc m\u1ed7i ng\u00e0y<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"dc-hero__visual\">\n        <div class=\"dc-code-window\">\n          <div class=\"dc-code-window__bar\">\n            <span class=\"dc-win-dot\" style=\"background:#FF5F57\"><\/span>\n            <span class=\"dc-win-dot\" style=\"background:#FFBD2E\"><\/span>\n            <span class=\"dc-win-dot\" style=\"background:#28CA41\"><\/span>\n            <span class=\"dc-win-title\">lesson_01.js<\/span>\n          <\/div>\n          <div class=\"dc-code-window__body\">\n            <pre><span class=\"dc-c-comment\">\/\/ \ud83c\udfaf B\u00e0i 1: Hello World!<\/span>\n<span class=\"dc-c-kw\">function<\/span> <span class=\"dc-c-fn\">greetStudent<\/span>(<span class=\"dc-c-param\">name<\/span>) {\n  <span class=\"dc-c-kw\">const<\/span> message <span class=\"dc-c-op\">=<\/span> <span class=\"dc-c-str\">`Ch\u00e0o ${name}!`<\/span>;\n  <span class=\"dc-c-kw\">return<\/span> message;\n}\n\n<span class=\"dc-c-comment\">\/\/ G\u1ecdi h\u00e0m<\/span>\n<span class=\"dc-c-fn\">console<\/span>.<span class=\"dc-c-fn\">log<\/span>(\n  <span class=\"dc-c-fn\">greetStudent<\/span>(<span class=\"dc-c-str\">\"DevClassroom\"<\/span>)\n);\n\n<span class=\"dc-c-output\">\/\/ \u2705 Output: Ch\u00e0o DevClassroom!<\/span><\/pre>\n          <\/div>\n          <div class=\"dc-code-window__footer\">\n            <span class=\"dc-run-btn\">\u25b6 Run Code<\/span>\n            <span class=\"dc-code-badge\">B\u00e0i 1\/24 \u00b7 JavaScript C\u01a1 B\u1ea3n<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"dc-hero__float dc-hero__float--1\">\n          <span>\ud83d\udd25<\/span> 128 ng\u01b0\u1eddi \u0111ang h\u1ecdc h\u00f4m nay\n        <\/div>\n        <div class=\"dc-hero__float dc-hero__float--2\">\n          <span>\u2b50<\/span> 4.9 \u00b7 2,300 \u0111\u00e1nh gi\u00e1\n        <\/div>\n        <div class=\"dc-hero__float dc-hero__float--3\">\n          <span>\u2705<\/span> V\u1eeba ho\u00e0n th\u00e0nh b\u00e0i h\u1ecdc\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== STATS BAR ===== -->\n<div class=\"dc-stats-bar\">\n  <div class=\"dc-container\">\n    <div class=\"dc-stats-bar__inner\">\n      <div class=\"dc-stat-item\">\n        <strong>24,000+<\/strong>\n        <span>H\u1ecdc vi\u00ean<\/span>\n      <\/div>\n      <div class=\"dc-stat-divider\"><\/div>\n      <div class=\"dc-stat-item\">\n        <strong>300+<\/strong>\n        <span>B\u00e0i h\u01b0\u1edbng d\u1eabn<\/span>\n      <\/div>\n      <div class=\"dc-stat-divider\"><\/div>\n      <div class=\"dc-stat-item\">\n        <strong>15+<\/strong>\n        <span>Ng\u00f4n ng\u1eef &#038; Framework<\/span>\n      <\/div>\n      <div class=\"dc-stat-divider\"><\/div>\n      <div class=\"dc-stat-item\">\n        <strong>4.9\u2605<\/strong>\n        <span>\u0110\u00e1nh gi\u00e1 trung b\u00ecnh<\/span>\n      <\/div>\n      <div class=\"dc-stat-divider\"><\/div>\n      <div class=\"dc-stat-item\">\n        <strong>Mi\u1ec5n ph\u00ed<\/strong>\n        <span>H\u1ea7u h\u1ebft n\u1ed9i dung<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ===== KH\u00d3A H\u1eccC N\u1ed4I B\u1eacT ===== -->\n<section class=\"dc-section dc-courses\" id=\"courses\">\n  <div class=\"dc-container\">\n    <div class=\"dc-section__hd\">\n      <div>\n        <span class=\"dc-section__eyebrow\">\ud83d\udcda Kh\u00f3a h\u1ecdc<\/span>\n        <h2 class=\"dc-section__title\">B\u1eaft \u0111\u1ea7u t\u1eeb \u0111\u00e2u<br>c\u0169ng \u0111\u01b0\u1ee3c!<\/h2>\n        <p class=\"dc-section__desc\">Ch\u1ecdn l\u1ed9 tr\u00ecnh ph\u00f9 h\u1ee3p v\u1edbi m\u1ee5c ti\u00eau v\u00e0 tr\u00ecnh \u0111\u1ed9 c\u1ee7a b\u1ea1n. M\u1ecdi kh\u00f3a h\u1ecdc \u0111\u1ec1u c\u00f3 b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh.<\/p>\n      <\/div>\n      <a href=\"#\" class=\"dc-btn dc-btn--outline\">Xem t\u1ea5t c\u1ea3 \u2192<\/a>\n    <\/div>\n    <div class=\"dc-courses__paths\">\n      <div class=\"dc-path-card dc-path-card--purple\">\n        <div class=\"dc-path-card__icon\">\ud83c\udf10<\/div>\n        <div class=\"dc-path-card__body\">\n          <span class=\"dc-path-card__level\">Ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/span>\n          <h3>Frontend Development<\/h3>\n          <p>HTML \u2192 CSS \u2192 JavaScript \u2192 React. L\u1ed9 tr\u00ecnh ho\u00e0n ch\u1ec9nh t\u1eeb zero \u0111\u1ebfn junior frontend.<\/p>\n          <div class=\"dc-path-card__meta\">\n            <span>48 b\u00e0i h\u1ecdc<\/span>\n            <span>\u00b7<\/span>\n            <span>~40 gi\u1edd<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-free\">Mi\u1ec5n ph\u00ed<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"#\" class=\"dc-path-card__btn\">B\u1eaft \u0111\u1ea7u h\u1ecdc \u2192<\/a>\n      <\/div>\n      <div class=\"dc-path-card dc-path-card--coral\">\n        <div class=\"dc-path-card__icon\">\u2699\ufe0f<\/div>\n        <div class=\"dc-path-card__body\">\n          <span class=\"dc-path-card__level\">Trung c\u1ea5p<\/span>\n          <h3>Backend v\u1edbi Node.js<\/h3>\n          <p>Express, REST API, Database, Authentication. X\u00e2y d\u1ef1ng backend th\u1ef1c t\u1ebf cho \u1ee9ng d\u1ee5ng web.<\/p>\n          <div class=\"dc-path-card__meta\">\n            <span>36 b\u00e0i h\u1ecdc<\/span>\n            <span>\u00b7<\/span>\n            <span>~30 gi\u1edd<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-free\">Mi\u1ec5n ph\u00ed<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"#\" class=\"dc-path-card__btn\">B\u1eaft \u0111\u1ea7u h\u1ecdc \u2192<\/a>\n      <\/div>\n      <div class=\"dc-path-card dc-path-card--teal\">\n        <div class=\"dc-path-card__icon\">\ud83e\udd16<\/div>\n        <div class=\"dc-path-card__body\">\n          <span class=\"dc-path-card__level\">N\u00e2ng cao<\/span>\n          <h3>Python &#038; AI c\u01a1 b\u1ea3n<\/h3>\n          <p>Python t\u1eeb c\u01a1 b\u1ea3n, x\u1eed l\u00fd d\u1eef li\u1ec7u v\u1edbi Pandas, ML c\u01a1 b\u1ea3n v\u1edbi scikit-learn v\u00e0 th\u1ef1c h\u00e0nh project.<\/p>\n          <div class=\"dc-path-card__meta\">\n            <span>52 b\u00e0i h\u1ecdc<\/span>\n            <span>\u00b7<\/span>\n            <span>~45 gi\u1edd<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-pro\">Pro<\/span>\n          <\/div>\n        <\/div>\n        <a href=\"#\" class=\"dc-path-card__btn\">Xem kh\u00f3a h\u1ecdc \u2192<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"dc-courses__grid\">\n      <div class=\"dc-course-card\">\n        <div class=\"dc-course-card__top dc-course-card__top--js\">\n          <span>JS<\/span>\n        <\/div>\n        <div class=\"dc-course-card__body\">\n          <span class=\"dc-course-card__cat\">JavaScript<\/span>\n          <h4>Async\/Await v\u00e0 Promises t\u1eeb A \u0111\u1ebfn Z<\/h4>\n          <div class=\"dc-course-card__meta\">\n            <span>\u2b50 4.9<\/span>\n            <span>\u00b7<\/span>\n            <span>8 b\u00e0i<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-free\">Free<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dc-course-card\">\n        <div class=\"dc-course-card__top dc-course-card__top--css\">\n          <span>CSS<\/span>\n        <\/div>\n        <div class=\"dc-course-card__body\">\n          <span class=\"dc-course-card__cat\">CSS<\/span>\n          <h4>Flexbox &#038; Grid: Layout hi\u1ec7n \u0111\u1ea1i<\/h4>\n          <div class=\"dc-course-card__meta\">\n            <span>\u2b50 4.8<\/span>\n            <span>\u00b7<\/span>\n            <span>6 b\u00e0i<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-free\">Free<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dc-course-card\">\n        <div class=\"dc-course-card__top dc-course-card__top--react\">\n          <span>\u269b<\/span>\n        <\/div>\n        <div class=\"dc-course-card__body\">\n          <span class=\"dc-course-card__cat\">React<\/span>\n          <h4>React Hooks: useState, useEffect, useContext<\/h4>\n          <div class=\"dc-course-card__meta\">\n            <span>\u2b50 5.0<\/span>\n            <span>\u00b7<\/span>\n            <span>12 b\u00e0i<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-pro\">Pro<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dc-course-card\">\n        <div class=\"dc-course-card__top dc-course-card__top--py\">\n          <span>Py<\/span>\n        <\/div>\n        <div class=\"dc-course-card__body\">\n          <span class=\"dc-course-card__cat\">Python<\/span>\n          <h4>Python cho ng\u01b0\u1eddi m\u1edbi: T\u1eeb print() \u0111\u1ebfn OOP<\/h4>\n          <div class=\"dc-course-card__meta\">\n            <span>\u2b50 4.9<\/span>\n            <span>\u00b7<\/span>\n            <span>16 b\u00e0i<\/span>\n            <span>\u00b7<\/span>\n            <span class=\"dc-badge-free\">Free<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== V\u1ec0 CH\u00daNG T\u00d4I ===== -->\n<section class=\"dc-section dc-about\" id=\"about\">\n  <div class=\"dc-container\">\n    <div class=\"dc-about__inner\">\n      <div class=\"dc-about__visual\">\n        <div class=\"dc-about__illus\">\n          <div class=\"dc-illus-card dc-illus-card--main\">\n            <div class=\"dc-illus-card__header\">\n              <span class=\"dc-illus-card__title\">\ud83d\udcca Progress c\u1ee7a b\u1ea1n<\/span>\n            <\/div>\n            <div class=\"dc-progress-list\">\n              <div class=\"dc-prog-item\">\n                <span>JavaScript<\/span>\n                <div class=\"dc-prog-bar\"><div class=\"dc-prog-fill dc-prog-fill--purple\" style=\"--w:75%\"><\/div><\/div>\n                <span>75%<\/span>\n              <\/div>\n              <div class=\"dc-prog-item\">\n                <span>React<\/span>\n                <div class=\"dc-prog-bar\"><div class=\"dc-prog-fill dc-prog-fill--coral\" style=\"--w:45%\"><\/div><\/div>\n                <span>45%<\/span>\n              <\/div>\n              <div class=\"dc-prog-item\">\n                <span>Node.js<\/span>\n                <div class=\"dc-prog-bar\"><div class=\"dc-prog-fill dc-prog-fill--teal\" style=\"--w:20%\"><\/div><\/div>\n                <span>20%<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"dc-illus-card__streak\">\n              \ud83d\udd25 7 ng\u00e0y li\u00ean ti\u1ebfp \u00b7 <strong>+350 XP tu\u1ea7n n\u00e0y<\/strong>\n            <\/div>\n          <\/div>\n          <div class=\"dc-illus-badge dc-illus-badge--1\">\n            <span>\ud83c\udf93<\/span>\n            <div>\n              <strong>Certificate earned!<\/strong>\n              <span>Frontend Basics<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"dc-illus-badge dc-illus-badge--2\">\n            <span>\ud83d\udcac<\/span>\n            <div>\n              <strong>New reply<\/strong>\n              <span>Mentor \u0111\u00e3 tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"dc-about__content\">\n        <span class=\"dc-section__eyebrow\">\ud83d\udc4b V\u1ec1 DevClassroom<\/span>\n        <h2 class=\"dc-section__title\">Ch\u00fang t\u00f4i tin r\u1eb1ng<br>ai c\u0169ng c\u00f3 th\u1ec3<br><span class=\"dc-highlight\">h\u1ecdc l\u1eadp tr\u00ecnh.<\/span><\/h2>\n        <p class=\"dc-about__text\">DevClassroom ra \u0111\u1eddi t\u1eeb c\u00e2u h\u1ecfi: &#8220;T\u1ea1i sao h\u1ecdc l\u1eadp tr\u00ecnh l\u1ea1i kh\u00f3 \u0111\u1ebfn v\u1eady?&#8221; \u2014 Ch\u00fang t\u00f4i \u0111\u00e3 d\u00e0nh 3 n\u0103m x\u00e2y d\u1ef1ng ph\u01b0\u01a1ng ph\u00e1p d\u1ea1y h\u1ecdc d\u1ef1a tr\u00ean khoa h\u1ecdc h\u1ecdc t\u1eadp, gi\u00fap ki\u1ebfn th\u1ee9c kh\u00f3 tr\u1edf n\u00ean d\u1ec5 ti\u00eau h\u00f3a h\u01a1n.<\/p>\n        <p class=\"dc-about__text\">Kh\u00f4ng ph\u1ea3i gi\u00e1o tr\u00ecnh kh\u00f4 khan, kh\u00f4ng ph\u1ea3i video d\u00e0i 10 ti\u1ebfng \u2014 m\u00e0 l\u00e0 nh\u1eefng b\u00e0i h\u1ecdc nh\u1ecf, r\u00f5 r\u00e0ng, c\u00f3 b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh ngay trong tr\u00ecnh duy\u1ec7t.<\/p>\n        <div class=\"dc-about__perks\">\n          <div class=\"dc-perk\">\n            <div class=\"dc-perk__icon dc-perk__icon--purple\">\ud83d\udcdd<\/div>\n            <div>\n              <strong>B\u00e0i h\u1ecdc micro-learning<\/strong>\n              <p>M\u1ed7i b\u00e0i 10\u201315 ph\u00fat, d\u1ec5 h\u1ecdc d\u00f9 b\u1eadn r\u1ed9n.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-perk\">\n            <div class=\"dc-perk__icon dc-perk__icon--coral\">\ud83e\uddea<\/div>\n            <div>\n              <strong>Th\u1ef1c h\u00e0nh ngay tr\u00ean tr\u00ecnh duy\u1ec7t<\/strong>\n              <p>Code editor t\u00edch h\u1ee3p, kh\u00f4ng c\u1ea7n c\u00e0i \u0111\u1eb7t g\u00ec.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"dc-perk\">\n            <div class=\"dc-perk__icon dc-perk__icon--teal\">\ud83e\uddd1\u200d\ud83c\udfeb<\/div>\n            <div>\n              <strong>Mentor h\u1ed7 tr\u1ee3 1-1<\/strong>\n              <p>H\u1ecfi \u0111\u00e1p v\u1edbi mentor th\u1ef1c t\u1ebf b\u1ea5t c\u1ee9 l\u00fac n\u00e0o.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a href=\"#\" class=\"dc-btn dc-btn--primary\">T\u00ecm hi\u1ec3u th\u00eam v\u1ec1 ch\u00fang t\u00f4i<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== BLOG \/ B\u00c0I VI\u1ebeT ===== -->\n<section class=\"dc-section dc-blog\" id=\"blog\">\n  <div class=\"dc-container\">\n    <div class=\"dc-section__hd\">\n      <div>\n        <span class=\"dc-section__eyebrow\">\u270d\ufe0f Blog<\/span>\n        <h2 class=\"dc-section__title\">B\u00e0i vi\u1ebft m\u1edbi nh\u1ea5t<\/h2>\n      <\/div>\n      <a href=\"#\" class=\"dc-btn dc-btn--outline\">Xem t\u1ea5t c\u1ea3 \u2192<\/a>\n    <\/div>\n    <div class=\"dc-blog__grid\">\n      <article class=\"dc-blog-card dc-blog-card--featured\">\n        <div class=\"dc-blog-card__img dc-blog-card__img--purple\">\n          <div class=\"dc-blog-card__img-content\">\n            <span class=\"dc-blog-card__img-icon\">\ud83d\ude80<\/span>\n          <\/div>\n          <span class=\"dc-blog-card__label\">H\u01b0\u1edbng d\u1eabn<\/span>\n        <\/div>\n        <div class=\"dc-blog-card__body\">\n          <div class=\"dc-blog-card__cats\">\n            <span class=\"dc-topic-tag dc-topic-tag--sm\">JavaScript<\/span>\n            <span class=\"dc-topic-tag dc-topic-tag--sm\">Beginner<\/span>\n          <\/div>\n          <h3>10 kh\u00e1i ni\u1ec7m JavaScript b\u1ea1n ph\u1ea3i n\u1eafm v\u1eefng tr\u01b0\u1edbc khi h\u1ecdc React<\/h3>\n          <p>Closures, this, prototype chain, event loop&#8230; \u0110\u00e2y l\u00e0 nh\u1eefng n\u1ec1n t\u1ea3ng m\u00e0 n\u1ebfu b\u1ecf qua, b\u1ea1n s\u1ebd r\u1ea5t kh\u00f3 hi\u1ec3u React ho\u1ea1t \u0111\u1ed9ng nh\u01b0 th\u1ebf n\u00e0o.<\/p>\n          <div class=\"dc-blog-card__footer\">\n            <div class=\"dc-blog-card__author\">\n              <div class=\"dc-author-av\" style=\"background:#6C63FF\">MT<\/div>\n              <div>\n                <span class=\"dc-author-name\">Minh T\u00fa<\/span>\n                <span class=\"dc-author-date\">11 Th2, 2025 \u00b7 8 ph\u00fat \u0111\u1ecdc<\/span>\n              <\/div>\n            <\/div>\n            <a href=\"#\" class=\"dc-blog-card__link\">\u0110\u1ecdc ngay \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"dc-blog-card\">\n        <div class=\"dc-blog-card__img dc-blog-card__img--coral\">\n          <span class=\"dc-blog-card__img-icon\">\ud83c\udfa8<\/span>\n          <span class=\"dc-blog-card__label\">CSS<\/span>\n        <\/div>\n        <div class=\"dc-blog-card__body\">\n          <h3>CSS Container Queries \u2014 cu\u1ed1i c\u00f9ng c\u0169ng d\u00f9ng \u0111\u01b0\u1ee3c trong th\u1ef1c t\u1ebf<\/h3>\n          <p>T\u1ea1i sao Container Queries l\u00e0 b\u01b0\u1edbc nh\u1ea3y v\u1ecdt l\u1edbn h\u01a1n c\u1ea3 Media Queries?<\/p>\n          <div class=\"dc-blog-card__footer\">\n            <span class=\"dc-author-date\">8 Th2 \u00b7 6 ph<\/span>\n            <a href=\"#\" class=\"dc-blog-card__link\">\u0110\u1ecdc \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"dc-blog-card\">\n        <div class=\"dc-blog-card__img dc-blog-card__img--teal\">\n          <span class=\"dc-blog-card__img-icon\">\ud83d\udc0d<\/span>\n          <span class=\"dc-blog-card__label\">Python<\/span>\n        <\/div>\n        <div class=\"dc-blog-card__body\">\n          <h3>List Comprehension trong Python \u2014 Vi\u1ebft code ng\u1eafn h\u01a1n, \u0111\u1eb9p h\u01a1n<\/h3>\n          <p>K\u1ef9 thu\u1eadt Pythonic gi\u00fap b\u1ea1n x\u1eed l\u00fd list ch\u1ec9 trong m\u1ed9t d\u00f2ng l\u1ec7nh g\u1ecdn g\u00e0ng.<\/p>\n          <div class=\"dc-blog-card__footer\">\n            <span class=\"dc-author-date\">5 Th2 \u00b7 5 ph<\/span>\n            <a href=\"#\" class=\"dc-blog-card__link\">\u0110\u1ecdc \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n      <article class=\"dc-blog-card\">\n        <div class=\"dc-blog-card__img dc-blog-card__img--amber\">\n          <span class=\"dc-blog-card__img-icon\">\u26a1<\/span>\n          <span class=\"dc-blog-card__label\">Performance<\/span>\n        <\/div>\n        <div class=\"dc-blog-card__body\">\n          <h3>T\u1ed1i \u01b0u Web Performance: Core Web Vitals t\u1eeb A \u0111\u1ebfn Z<\/h3>\n          <p>LCP, FID, CLS \u2014 hi\u1ec3u v\u00e0 c\u1ea3i thi\u1ec7n 3 ch\u1ec9 s\u1ed1 quan tr\u1ecdng nh\u1ea5t c\u1ee7a Google.<\/p>\n          <div class=\"dc-blog-card__footer\">\n            <span class=\"dc-author-date\">2 Th2 \u00b7 10 ph<\/span>\n            <a href=\"#\" class=\"dc-blog-card__link\">\u0110\u1ecdc \u2192<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== TESTIMONIALS ===== -->\n<section class=\"dc-section dc-testi\" id=\"testimonials\">\n  <div class=\"dc-container\">\n    <div class=\"dc-section__hd dc-section__hd--center\">\n      <span class=\"dc-section__eyebrow\">\ud83d\udcac H\u1ecdc vi\u00ean n\u00f3i g\u00ec<\/span>\n      <h2 class=\"dc-section__title\">H\u1ecd \u0111\u00e3 thay \u0111\u1ed5i<br>s\u1ef1 nghi\u1ec7p v\u1edbi DevClassroom<\/h2>\n    <\/div>\n    <div class=\"dc-testi__grid\">\n      <div class=\"dc-testi-card dc-testi-card--purple\">\n        <div class=\"dc-testi-card__top\">\n          <div class=\"dc-testi-av\" style=\"background:linear-gradient(135deg,#6C63FF,#9C94FF)\">PH<\/div>\n          <div class=\"dc-testi-info\">\n            <strong>Ph\u1ea1m H\u1ed3ng Nhung<\/strong>\n            <span>Junior Frontend Dev t\u1ea1i Shopee<\/span>\n          <\/div>\n          <div class=\"dc-testi-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n        <\/div>\n        <p>&#8220;Tr\u01b0\u1edbc khi bi\u1ebft \u0111\u1ebfn DevClassroom t\u00f4i \u0111\u00e3 th\u1eed r\u1ea5t nhi\u1ec1u n\u01a1i h\u1ecdc nh\u01b0ng c\u1ee9 b\u1ecf cu\u1ed9c gi\u1eefa ch\u1eebng. DevClassroom kh\u00e1c h\u1eb3n \u2014 b\u00e0i h\u1ecdc ng\u1eafn, d\u1ec5 hi\u1ec3u, mentor tr\u1ea3 l\u1eddi r\u1ea5t nhanh. Sau 6 th\u00e1ng t\u00f4i \u0111\u00e3 c\u00f3 vi\u1ec7c l\u00e0m \u0111\u1ea7u ti\u00ean!&#8221;<\/p>\n        <div class=\"dc-testi-card__course\">\ud83d\udcda L\u1ed9 tr\u00ecnh: Frontend Development<\/div>\n      <\/div>\n      <div class=\"dc-testi-card dc-testi-card--coral\">\n        <div class=\"dc-testi-card__top\">\n          <div class=\"dc-testi-av\" style=\"background:linear-gradient(135deg,#FF6B6B,#FF9A9A)\">LV<\/div>\n          <div class=\"dc-testi-info\">\n            <strong>L\u00ea V\u0103n D\u0169ng<\/strong>\n            <span>Fullstack Dev Freelance<\/span>\n          <\/div>\n          <div class=\"dc-testi-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n        <\/div>\n        <p>&#8220;L\u1ed9 tr\u00ecnh Node.js c\u1ee7a DevClassroom c\u1ef1c k\u1ef3 th\u1ef1c t\u1ebf. Kh\u00f4ng h\u1ecdc l\u00fd thuy\u1ebft su\u00f4ng \u2014 m\u1ed7i b\u00e0i \u0111\u1ec1u build th\u1ee9 g\u00ec \u0111\u00f3 c\u1ee5 th\u1ec3. T\u00f4i \u0111\u00e3 t\u1ef1 build \u0111\u01b0\u1ee3c REST API ho\u00e0n ch\u1ec9nh sau 3 tu\u1ea7n.&#8221;<\/p>\n        <div class=\"dc-testi-card__course\">\ud83d\udcda L\u1ed9 tr\u00ecnh: Backend v\u1edbi Node.js<\/div>\n      <\/div>\n      <div class=\"dc-testi-card dc-testi-card--teal\">\n        <div class=\"dc-testi-card__top\">\n          <div class=\"dc-testi-av\" style=\"background:linear-gradient(135deg,#43C6AC,#72DEC8)\">NT<\/div>\n          <div class=\"dc-testi-info\">\n            <strong>Nguy\u1ec5n Th\u1ecb Lan<\/strong>\n            <span>Data Analyst t\u1ea1i VinAI<\/span>\n          <\/div>\n          <div class=\"dc-testi-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\n        <\/div>\n        <p>&#8220;T\u1eeb d\u00e2n k\u1ebf to\u00e1n chuy\u1ec3n sang data analyst nghe c\u00f3 v\u1ebb \u0111i\u00ean nh\u01b0ng DevClassroom \u0111\u00e3 gi\u00fap t\u00f4i l\u00e0m \u0111\u01b0\u1ee3c \u0111i\u1ec1u \u0111\u00f3. Kh\u00f3a Python &#038; AI r\u1ea5t ph\u00f9 h\u1ee3p cho ng\u01b0\u1eddi kh\u00f4ng c\u00f3 background l\u1eadp tr\u00ecnh nh\u01b0 t\u00f4i.&#8221;<\/p>\n        <div class=\"dc-testi-card__course\">\ud83d\udcda L\u1ed9 tr\u00ecnh: Python &#038; AI c\u01a1 b\u1ea3n<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CTA ===== -->\n<section class=\"dc-cta\">\n  <div class=\"dc-container\">\n    <div class=\"dc-cta__inner\">\n      <div class=\"dc-cta__blob\"><\/div>\n      <div class=\"dc-cta__content\">\n        <span class=\"dc-cta__eyebrow\">\ud83d\ude80 B\u1eaft \u0111\u1ea7u ngay h\u00f4m nay<\/span>\n        <h2>H\u00e0nh tr\u00ecnh ng\u00e0n d\u1eb7m<br>b\u1eaft \u0111\u1ea7u t\u1eeb <span class=\"dc-cta__highlight\">m\u1ed9t d\u00f2ng code.<\/span><\/h2>\n        <p>Tham gia mi\u1ec5n ph\u00ed, h\u1ecdc theo t\u1ed1c \u0111\u1ed9 c\u1ee7a b\u1ea1n. Kh\u00f4ng deadline, kh\u00f4ng \u00e1p l\u1ef1c \u2014 ch\u1ec9 c\u1ea7n s\u1ef1 t\u00f2 m\u00f2 v\u00e0 ki\u00ean tr\u00ec.<\/p>\n        <div class=\"dc-cta__actions\">\n          <a href=\"#\" class=\"dc-btn dc-btn--white dc-btn--lg\">\n            \ud83c\udf93 \u0110\u0103ng k\u00fd h\u1ecdc mi\u1ec5n ph\u00ed\n          <\/a>\n          <a href=\"#\" class=\"dc-btn dc-btn--outline-white dc-btn--lg\">\n            Xem l\u1ed9 tr\u00ecnh h\u1ecdc \u2192\n          <\/a>\n        <\/div>\n        <div class=\"dc-cta__perks\">\n          <span>\u2713 Kh\u00f4ng c\u1ea7n th\u1ebb t\u00edn d\u1ee5ng<\/span>\n          <span>\u2713 300+ b\u00e0i h\u1ecdc mi\u1ec5n ph\u00ed<\/span>\n          <span>\u2713 Ch\u1ee9ng ch\u1ec9 sau ho\u00e0n th\u00e0nh<\/span>\n          <span>\u2713 H\u1ed7 tr\u1ee3 mentor 1-1<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf89 M\u1edbi: Kh\u00f3a React 19 v\u1eeba ra m\u1eaft! Xem ngay \u2192 H\u1ecdc l\u1eadp tr\u00ecnh t\u1eebng b\u01b0\u1edbc m\u1ed9t, kh\u00f4ng b\u1ecf l\u1ea1i ai. DevClassroom cung c\u1ea5p h\u00e0ng tr\u0103m b\u00e0i h\u01b0\u1edbng d\u1eabn l\u1eadp tr\u00ecnh b\u1eb1ng ti\u1ebfng Vi\u1ec7t \u2014 r\u00f5 r\u00e0ng, th\u1ef1c t\u1ebf, v\u00e0 lu\u00f4n c\u1eadp nh\u1eadt. T\u1eeb HTML \u0111\u1ea7u ti\u00ean \u0111\u1ebfn fullstack developer. T\u00ecm ki\u1ebfm Ph\u1ed5 bi\u1ebfn: JavaScript [&#8230;]\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devclassroom.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":1,"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/devclassroom.site\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/devclassroom.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}