@xdev-asia/xdev-knowledge-mcp 1.0.49 → 1.0.51

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/02-phan-2-django-rest-framework/lessons/08-bai-8-versioning-throttling-va-api-docs.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-5581" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-5581)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="1027" cy="251" r="10" fill="#a78bfa" opacity="0.060000000000000005"/>
+    <circle cx="954" cy="238" r="11" fill="#a78bfa" opacity="0.07"/>
+    <circle cx="881" cy="225" r="12" fill="#a78bfa" opacity="0.08"/>
+    <circle cx="808" cy="212" r="13" fill="#a78bfa" opacity="0.09"/>
+    <circle cx="735" cy="199" r="14" fill="#a78bfa" opacity="0.1"/>
+    <circle cx="750" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#a78bfa" opacity="0.15"/>
+    <line x1="600" y1="221" x2="1100" y2="301" stroke="#a78bfa" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="251" x2="1050" y2="321" stroke="#a78bfa" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="1052.1769145362398,203 1052.1769145362398,239 1021,257 989.8230854637602,239 989.8230854637602,203 1021,185" fill="none" stroke="#a78bfa" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#a78bfa"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#a78bfa" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#a78bfa">💻 Lập trình — Bài 8</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 8: Versioning, Throttling &amp; API Docs</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 2: Django REST Framework</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-versioning"><strong>1. API Versioning</strong></h2>
 
 <pre><code class="language-python"># settings.py

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/03-phan-3-authentication-va-security/lessons/09-bai-9-authentication-session-token-va-jwt.md

@@ -17,6 +17,76 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-147" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-147)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="822" cy="136" r="20" fill="#f87171" opacity="0.11"/>
+    <circle cx="1044" cy="258" r="26" fill="#f87171" opacity="0.07"/>
+    <circle cx="766" cy="120" r="32" fill="#f87171" opacity="0.13"/>
+    <circle cx="988" cy="242" r="8" fill="#f87171" opacity="0.09"/>
+    <circle cx="710" cy="104" r="14" fill="#f87171" opacity="0.05"/>
+    <circle cx="750" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <line x1="600" y1="156" x2="1100" y2="236" stroke="#f87171" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="186" x2="1050" y2="256" stroke="#f87171" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="932.8467875173176,90.5 932.8467875173176,121.5 906,137 879.1532124826824,121.5 879.1532124826824,90.50000000000001 906,75" fill="none" stroke="#f87171" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#f87171"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#f87171" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#f87171">💻 Lập trình — Bài 9</text>
+
+  <!-- Title -->
+  <text x="60" y="140" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 9: Authentication — Session, Token &amp;</tspan>
+      <tspan x="60" dy="42">JWT</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="244" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="268" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 3: Authentication &amp; Security</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-session-auth"><strong>1. Session Authentication</strong></h2>
 
 <pre><code class="language-python">from django.contrib.auth import authenticate, login, logout

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/03-phan-3-authentication-va-security/lessons/10-bai-10-permissions-va-authorization.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-6707" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-6707)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="741" cy="273" r="24" fill="#34d399" opacity="0.08"/>
+    <circle cx="882" cy="94" r="17" fill="#34d399" opacity="0.11"/>
+    <circle cx="1023" cy="175" r="10" fill="#34d399" opacity="0.14"/>
+    <circle cx="664" cy="256" r="33" fill="#34d399" opacity="0.07"/>
+    <circle cx="805" cy="77" r="26" fill="#34d399" opacity="0.1"/>
+    <circle cx="750" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <line x1="600" y1="143" x2="1100" y2="223" stroke="#34d399" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="173" x2="1050" y2="243" stroke="#34d399" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="1075.9089653438086,224 1075.9089653438086,262 1043,281 1010.0910346561914,262 1010.0910346561914,224 1043,205" fill="none" stroke="#34d399" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#34d399"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#34d399" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#34d399">💻 Lập trình — Bài 10</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 10: Permissions &amp; Authorization</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 3: Authentication &amp; Security</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-drf-permissions"><strong>1. DRF Built-in Permissions</strong></h2>
 
 <pre><code class="language-python">from rest_framework.permissions import (

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/03-phan-3-authentication-va-security/lessons/11-bai-11-social-auth-va-oauth2.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-8835" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-8835)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="1042" cy="156" r="20" fill="#f87171" opacity="0.11"/>
+    <circle cx="984" cy="198" r="26" fill="#f87171" opacity="0.07"/>
+    <circle cx="926" cy="240" r="32" fill="#f87171" opacity="0.13"/>
+    <circle cx="868" cy="282" r="8" fill="#f87171" opacity="0.09"/>
+    <circle cx="810" cy="64" r="14" fill="#f87171" opacity="0.05"/>
+    <circle cx="750" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#f87171" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#f87171" opacity="0.15"/>
+    <line x1="600" y1="216" x2="1100" y2="296" stroke="#f87171" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="246" x2="1050" y2="316" stroke="#f87171" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="992.8467875173176,150.5 992.8467875173176,181.5 966,197 939.1532124826824,181.5 939.1532124826824,150.5 966,135" fill="none" stroke="#f87171" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#f87171"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#f87171" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#f87171">💻 Lập trình — Bài 11</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 11: Social Auth &amp; OAuth2</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 3: Authentication &amp; Security</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-allauth"><strong>1. django-allauth Setup</strong></h2>
 
 <pre><code class="language-bash">pip install django-allauth

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/03-phan-3-authentication-va-security/lessons/12-bai-12-security-best-practices.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-2624" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-2624)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="901" cy="73" r="24" fill="#34d399" opacity="0.08"/>
+    <circle cx="702" cy="174" r="17" fill="#34d399" opacity="0.11"/>
+    <circle cx="1003" cy="275" r="10" fill="#34d399" opacity="0.14"/>
+    <circle cx="804" cy="116" r="33" fill="#34d399" opacity="0.07"/>
+    <circle cx="605" cy="217" r="26" fill="#34d399" opacity="0.1"/>
+    <circle cx="750" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#34d399" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#34d399" opacity="0.15"/>
+    <line x1="600" y1="223" x2="1100" y2="303" stroke="#34d399" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="253" x2="1050" y2="323" stroke="#34d399" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="955.9089653438086,104 955.9089653438086,142 923,161 890.0910346561914,142 890.0910346561914,104.00000000000001 923,85" fill="none" stroke="#34d399" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#34d399"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#34d399" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#34d399">💻 Lập trình — Bài 12</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 12: Security Best Practices</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 3: Authentication &amp; Security</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-security-settings"><strong>1. Security Settings</strong></h2>
 
 <pre><code class="language-python"># settings.py — Production security

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/04-phan-4-advanced-features/lessons/14-bai-14-django-channels-va-websockets.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-9274" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-9274)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="904" cy="282" r="22" fill="#f472b6" opacity="0.07"/>
+    <circle cx="708" cy="106" r="14" fill="#f472b6" opacity="0.09"/>
+    <circle cx="1012" cy="190" r="36" fill="#f472b6" opacity="0.11"/>
+    <circle cx="816" cy="274" r="28" fill="#f472b6" opacity="0.13"/>
+    <circle cx="620" cy="98" r="20" fill="#f472b6" opacity="0.05"/>
+    <circle cx="750" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#f472b6" opacity="0.15"/>
+    <line x1="600" y1="142" x2="1100" y2="222" stroke="#f472b6" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="172" x2="1050" y2="242" stroke="#f472b6" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="1074.0429399400243,223.5 1074.0429399400243,260.5 1042,279 1009.9570600599758,260.5 1009.9570600599758,223.5 1042,205" fill="none" stroke="#f472b6" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#f472b6"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#f472b6" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#f472b6">💻 Lập trình — Bài 14</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 14: Django Channels &amp; WebSockets</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 4: Advanced Features</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-setup"><strong>1. Channels Setup</strong></h2>
 
 <pre><code class="language-bash">pip install channels channels-redis

package/content/series/lap-trinh/django-tu-co-ban-den-nang-cao/chapters/04-phan-4-advanced-features/lessons/15-bai-15-celery-signals-va-caching.md

@@ -17,6 +17,75 @@ course:
   slug: django-tu-co-ban-den-nang-cao
 ---
 
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 340" style="max-width: 100%; height: auto; border-radius: 12px; margin-bottom: 1.5rem;">
+  <defs>
+    <linearGradient id="bg-8676" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#121a2b"/>
+      <stop offset="100%" style="stop-color:#1e293b"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="340" rx="12" fill="url(#bg-8676)"/>
+
+  <!-- Decorations -->
+  <g>
+    <circle cx="828" cy="234" r="26" fill="#fbbf24" opacity="0.09"/>
+    <circle cx="1056" cy="42" r="20" fill="#fbbf24" opacity="0.13"/>
+    <circle cx="784" cy="110" r="14" fill="#fbbf24" opacity="0.07"/>
+    <circle cx="1012" cy="178" r="8" fill="#fbbf24" opacity="0.11"/>
+    <circle cx="740" cy="246" r="32" fill="#fbbf24" opacity="0.05"/>
+    <circle cx="750" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="750" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="750" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="750" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="778" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="778" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="778" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="778" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="806" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="806" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="806" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="806" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="834" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="834" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="834" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="834" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="862" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="862" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="862" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="862" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="890" cy="80" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="890" cy="108" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="890" cy="136" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <circle cx="890" cy="164" r="1.5" fill="#fbbf24" opacity="0.15"/>
+    <line x1="600" y1="94" x2="1100" y2="174" stroke="#fbbf24" stroke-width="0.5" opacity="0.1"/>
+    <line x1="650" y1="124" x2="1050" y2="194" stroke="#fbbf24" stroke-width="0.5" opacity="0.08"/>
+    <polygon points="1069.1147367097487,229.5 1069.1147367097487,258.5 1044,273 1018.8852632902513,258.5 1018.8852632902513,229.5 1044,215" fill="none" stroke="#fbbf24" stroke-width="1" opacity="0.12"/>
+  </g>
+
+  <!-- Accent bar -->
+  <rect x="60" y="50" width="4" height="60" rx="2" fill="#fbbf24"/>
+
+  <!-- Category badge -->
+  <rect x="80" y="50" width="121" height="28" rx="14" fill="#fbbf24" opacity="0.15"/>
+  <text x="92" y="69" font-family="system-ui,-apple-system,sans-serif" font-size="13" font-weight="600" fill="#fbbf24">💻 Lập trình — Bài 15</text>
+
+  <!-- Title -->
+  <text x="60" y="160" font-family="system-ui,-apple-system,sans-serif" font-size="34" font-weight="700" fill="#f1f5f9">
+      <tspan x="60" dy="0">Bài 15: Celery, Signals &amp; Caching</tspan>
+  </text>
+
+  <!-- Series subtitle -->
+  <text x="60" y="222" font-family="system-ui,-apple-system,sans-serif" font-size="15" fill="#94a3b8" opacity="0.8">Django: Từ Cơ bản đến Nâng cao</text>
+
+  <!-- Section -->
+  <text x="60" y="246" font-family="system-ui,-apple-system,sans-serif" font-size="13" fill="#64748b" opacity="0.6">Phần 4: Advanced Features</text>
+
+  <!-- xDev watermark -->
+  <text x="1140" y="320" font-family="system-ui,-apple-system,sans-serif" font-size="12" fill="#475569" text-anchor="end" opacity="0.4">xdev.asia</text>
+</svg>
+
 <h2 id="1-celery-setup"><strong>1. Celery Setup</strong></h2>
 
 <pre><code class="language-bash">pip install celery redis