# Lecture Slides

Interactive [Reveal.js](https://revealjs.com/) presentations covering all six parts of the course. Use arrow keys to navigate, **S** for speaker notes, **ESC** for slide overview.

<div style="display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:1.5em;">

<a href="../../slides_parts_1_2.html" target="_blank" style="text-decoration:none; display:block;">
<div style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:12px; padding:28px 24px; color:#f8fafc; transition:transform 0.2s, box-shadow 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.15);"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(0,0,0,0.25)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'">
<div style="font-size:0.7em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#818cf8; margin-bottom:6px;">Parts I & II</div>
<div style="font-size:1.35em; font-weight:700; line-height:1.2; margin-bottom:8px;">Origins & The Perceptron</div>
<div style="font-size:0.85em; color:#94a3b8; line-height:1.4;">Chapters 1–7 &middot; 48 slides</div>
<div style="font-size:0.75em; color:#64748b; margin-top:10px;">McCulloch-Pitts neuron &middot; Boolean logic &middot; Perceptron model &middot; Learning algorithm &middot; Convergence theorem &middot; Boolean functions</div>
</div>
</a>

<a href="../../slides_part_3.html" target="_blank" style="text-decoration:none; display:block;">
<div style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:12px; padding:28px 24px; color:#f8fafc; transition:transform 0.2s, box-shadow 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.15);"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(0,0,0,0.25)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'">
<div style="font-size:0.7em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#f87171; margin-bottom:6px;">Part III</div>
<div style="font-size:1.35em; font-weight:700; line-height:1.2; margin-bottom:8px;">Limitations & Breakthroughs</div>
<div style="font-size:0.85em; color:#94a3b8; line-height:1.4;">Chapters 8–11 &middot; 21 slides</div>
<div style="font-size:0.75em; color:#64748b; margin-top:10px;">XOR problem &middot; Minsky-Papert &middot; Linear separability &middot; Cover's theorem &middot; Multi-layer solution</div>
</div>
</a>

<a href="../../slides_part_4.html" target="_blank" style="text-decoration:none; display:block;">
<div style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:12px; padding:28px 24px; color:#f8fafc; transition:transform 0.2s, box-shadow 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.15);"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(0,0,0,0.25)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'">
<div style="font-size:0.7em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#34d399; margin-bottom:6px;">Part IV</div>
<div style="font-size:1.35em; font-weight:700; line-height:1.2; margin-bottom:8px;">Learning Rules</div>
<div style="font-size:0.85em; color:#94a3b8; line-height:1.4;">Chapters 12–14 &middot; 18 slides</div>
<div style="font-size:0.75em; color:#64748b; margin-top:10px;">Hebbian learning &middot; Oja's rule &middot; PCA connection &middot; BCM rule &middot; Credit assignment problem</div>
</div>
</a>

<a href="../../slides_part_5.html" target="_blank" style="text-decoration:none; display:block;">
<div style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:12px; padding:28px 24px; color:#f8fafc; transition:transform 0.2s, box-shadow 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.15);"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(0,0,0,0.25)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'">
<div style="font-size:0.7em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#818cf8; margin-bottom:6px;">Part V</div>
<div style="font-size:1.35em; font-weight:700; line-height:1.2; margin-bottom:8px;">Backpropagation</div>
<div style="font-size:0.85em; color:#94a3b8; line-height:1.4;">Chapters 15–19 &middot; 32 slides</div>
<div style="font-size:0.75em; color:#64748b; margin-top:10px;">Gradient descent &middot; BP derivation &middot; Activation functions &middot; Vanishing gradient &middot; Universal approximation</div>
</div>
</a>

<a href="../../slides_part_6.html" target="_blank" style="text-decoration:none; display:block;">
<div style="background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%); border-radius:12px; padding:28px 24px; color:#f8fafc; transition:transform 0.2s, box-shadow 0.2s; box-shadow:0 4px 12px rgba(0,0,0,0.15);"
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 24px rgba(0,0,0,0.25)'"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 12px rgba(0,0,0,0.15)'">
<div style="font-size:0.7em; font-weight:700; text-transform:uppercase; letter-spacing:0.12em; color:#fbbf24; margin-bottom:6px;">Part VI</div>
<div style="font-size:1.35em; font-weight:700; line-height:1.2; margin-bottom:8px;">Synthesis</div>
<div style="font-size:0.85em; color:#94a3b8; line-height:1.4;">Chapter 20 &middot; 13 slides</div>
<div style="font-size:0.75em; color:#64748b; margin-top:10px;">Grand timeline &middot; Three themes &middot; AI Winter lessons &middot; What comes next</div>
</div>
</a>

</div>

<div style="margin-top:2em; padding:16px 20px; background:#f1f5f9; border-radius:8px; font-size:0.9em; color:#475569;">

**Keyboard shortcuts:** Arrow keys to navigate &middot; **S** speaker notes &middot; **ESC** overview &middot; **F** fullscreen &middot; **?** all shortcuts

**Total:** 132 slides across 6 presentations covering all 20 chapters.

</div>
