# Machine Translation, 1949 → Today

````{raw} html
<style>
  /* This page only: the markdown H1 exists for the sidebar/doc title;
     the hero supplies the visible one. Hide it accessibly. */
  .bd-article > section > h1:first-of-type {
    position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
</style>
<div class="mt-hero">
  <div class="mt-hero-badge"><span class="mt-dot"></span> An executable history · every model from scratch</div>
  <h1 class="mt-hero-title">Seventy-five years of<br><span class="mt-grad-text">machine translation</span>,<br>rebuilt from scratch.</h1>
  <p class="mt-hero-sub">
    From Claude Shannon's 1948 entropy equations to LLM-based translation —
    every system in this course is implemented in Python, runnable in your browser,
    and tested on the same 20 sentences so you can <em>watch</em> quality evolve across eras.
  </p>
  <div class="mt-cta-row">
    <a class="mt-btn mt-btn-primary" href="notebooks/part0/00_shannon.html">Start with Shannon (1948) →</a>
    <a class="mt-btn mt-btn-ghost" href="timemachine.html">🕰️ Open the Time Machine</a>
  </div>
  <div class="mt-stats">
    <div class="mt-stat"><b>28</b><span>executable chapters</span></div>
    <div class="mt-stat"><b>75+</b><span>years of history</span></div>
    <div class="mt-stat"><b>20</b><span>shared test sentences</span></div>
    <div class="mt-stat"><b>0</b><span>dependencies, Parts 0–2</span></div>
  </div>
</div>

<h2 class="mt-section-title">The arc, at a glance</h2>
<p class="mt-section-sub">Hover a milestone for context. Click to jump to its chapter.</p>

<div class="mt-tl-wrap mt-reveal">
  <div class="mt-tl-scroller">
    <div class="mt-tl">
      <a class="mt-tl-node" href="notebooks/part0/00_shannon.html">
        <span class="mt-tl-year">1948</span>
        <span class="mt-tl-label">Shannon</span>
        <small>Information theory: language as a statistical source</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part0/01_weaver.html">
        <span class="mt-tl-year">1949</span>
        <span class="mt-tl-label">Weaver memo</span>
        <small>"Translation as decryption" — the founding metaphor</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part1/10_georgetown.html">
        <span class="mt-tl-year">1954</span>
        <span class="mt-tl-label">Georgetown–IBM</span>
        <small>First public demo: 6 rules, 250 words, RU→EN</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part0/02_bar_hillel.html">
        <span class="mt-tl-year">1960</span>
        <span class="mt-tl-label">Bar-Hillel</span>
        <small>"The box was in the pen" — the impossibility argument</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part1/12_transfer_based.html">
        <span class="mt-tl-year">1968</span>
        <span class="mt-tl-label">SYSTRAN</span>
        <small>Rule-based transfer goes industrial</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part2/20_ebmt.html">
        <span class="mt-tl-year">1984</span>
        <span class="mt-tl-label">EBMT</span>
        <small>Nagao: translate by analogy to stored examples</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part3/30_noisy_channel.html">
        <span class="mt-tl-year">1990</span>
        <span class="mt-tl-label">IBM models</span>
        <small>The statistical revolution: P(e|f) ∝ P(f|e)·P(e)</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part3/33_phrase_based.html">
        <span class="mt-tl-year">2003</span>
        <span class="mt-tl-label">Phrase-based</span>
        <small>Moses-era SMT: phrase tables + beam decoding</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part4/41_seq2seq.html">
        <span class="mt-tl-year">2014</span>
        <span class="mt-tl-label">Seq2seq</span>
        <small>Sutskever et al.: neural nets enter MT for real</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part4/42_attention.html">
        <span class="mt-tl-year">2015</span>
        <span class="mt-tl-label">Attention</span>
        <small>Bahdanau: the fixed-vector bottleneck falls</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part5/50_transformer.html">
        <span class="mt-tl-year">2017</span>
        <span class="mt-tl-label">Transformer</span>
        <small>"Attention is all you need"</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part6/62_massively_multilingual.html">
        <span class="mt-tl-year">2021</span>
        <span class="mt-tl-label">M2M / NLLB</span>
        <small>One model, 200 languages</small>
      </a>
      <a class="mt-tl-node" href="notebooks/part6/63_llm_mt.html">
        <span class="mt-tl-year">2023</span>
        <span class="mt-tl-label">LLM MT</span>
        <small>GPT-4, ALMA, Tower: translation as emergent skill</small>
      </a>
    </div>
  </div>
</div>

<h2 class="mt-section-title">How this course works</h2>
<div class="mt-grid mt-grid-3">
  <div class="mt-card mt-reveal">
    <div class="mt-card-icon">🔧</div>
    <h3>Everything from scratch</h3>
    <p>No black boxes. IBM Model 1's EM loop, Bahdanau attention, the Transformer, BLEU — all implemented in plain Python you can read in one sitting.</p>
  </div>
  <div class="mt-card mt-reveal">
    <div class="mt-card-icon">⚡</div>
    <h3>Runs anywhere</h3>
    <p>Parts 0–2 need only the Python standard library. Every neural model trains in under 30 minutes on a free Colab T4 — or loads a pre-trained checkpoint instantly.</p>
  </div>
  <div class="mt-card mt-reveal">
    <div class="mt-card-icon">🕰️</div>
    <h3>One test set, every era</h3>
    <p>Each chapter ends by translating the same 20 held-out sentences. Seventy-five years of progress becomes something you can see, line by line.</p>
  </div>
</div>

<h2 class="mt-section-title">The course</h2>
<p class="mt-section-sub">Eight parts, in historical order. Each chapter is an executable notebook — open it here, in Colab, or in a Codespace.</p>

<div class="mt-grid mt-grid-2">

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">1948 – 1960</span>
    <h4>Part 0 · Before MT Was MT</h4>
    <p>The intellectual prehistory: information theory, the Weaver memorandum, and the first impossibility argument.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part0/00_shannon.html">Shannon — entropy of language</a>
      <a href="notebooks/part0/01_weaver.html">Weaver — the cryptanalysis window</a>
      <a href="notebooks/part0/02_bar_hillel.html">Bar-Hillel — "the box was in the pen"</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">1954 – 1970</span>
    <h4>Part 1 · Rule-Based MT</h4>
    <p>Dictionaries plus hand-written rules: the Georgetown demo, the Soviet mirror program, SYSTRAN, and interlingua.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part1/10_georgetown.html">The Georgetown–IBM 1954 demo</a>
      <a href="notebooks/part1/11_soviet_1955.html">The Soviet mirror program</a>
      <a href="notebooks/part1/12_transfer_based.html">Transfer-based MT / SYSTRAN</a>
      <a href="notebooks/part1/13_interlingua.html">Interlingua — a toy UNL round-trip</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">1984 – 1995</span>
    <h4>Part 2 · Example-Based MT</h4>
    <p>Nagao's insight: don't translate from rules — translate by analogy to sentences you've seen before.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part2/20_ebmt.html">EBMT — retrieval &amp; recombination</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">1990 – 2014</span>
    <h4>Part 3 · Statistical MT</h4>
    <p>The IBM revolution: translation as probabilistic inference. EM, alignments, phrase tables, n-gram LMs.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part3/30_noisy_channel.html">The noisy channel</a>
      <a href="notebooks/part3/31_ibm_model1.html">IBM Model 1 — EM from scratch</a>
      <a href="notebooks/part3/32_ibm_models_2_to_5.html">Models 2–5 &amp; HMM alignment</a>
      <a href="notebooks/part3/33_phrase_based.html">Phrase-based SMT</a>
      <a href="notebooks/part3/34_ngram_lm.html">n-gram LMs &amp; Kneser–Ney</a>
      <a href="notebooks/part3/35_hiero.html">Hiero — hierarchical phrases</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">2013 – 2017</span>
    <h4>Part 4 · Neural MT</h4>
    <p>Sequence-to-sequence learning, the fixed-vector bottleneck, and the attention mechanism that broke it.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part4/40_shift.html">The neural shift</a>
      <a href="notebooks/part4/41_seq2seq.html">RNN encoder–decoder</a>
      <a href="notebooks/part4/42_attention.html">Bahdanau attention</a>
      <a href="notebooks/part4/43_convs2s.html">ConvS2S</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">2017 –</span>
    <h4>Part 5 · The Transformer Era</h4>
    <p>Self-attention end to end: the architecture that ate NLP, plus the subword revolution and the scaling playbook.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part5/50_transformer.html">The Transformer from scratch</a>
      <a href="notebooks/part5/51_bpe.html">BPE &amp; SentencePiece</a>
      <a href="notebooks/part5/52_scaling.html">WMT systems &amp; back-translation</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">2019 –</span>
    <h4>Part 6 · Multilingual &amp; LLM MT</h4>
    <p>One model, many languages: zero-shot transfer, M2M-100, NLLB-200, and translation as an emergent LLM skill.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part6/60_multilingual_nmt.html">The language-token trick</a>
      <a href="notebooks/part6/61_low_resource.html">Low-resource MT</a>
      <a href="notebooks/part6/62_massively_multilingual.html">M2M-100 &amp; NLLB</a>
      <a href="notebooks/part6/63_llm_mt.html">LLM-based MT</a>
    </div>
  </div>

  <div class="mt-card mt-reveal">
    <span class="mt-era-chip">1950 – today</span>
    <h4>Part 7 · Evaluation</h4>
    <p>How do we even know a translation is good? BLEU, chrF, TER and COMET implemented from scratch, plus human protocols.</p>
    <div class="mt-chapter-links">
      <a href="notebooks/part7/70_bleu_to_comet.html">BLEU → COMET</a>
      <a href="notebooks/part7/71_human_eval.html">Human evaluation &amp; MQM</a>
      <a href="notebooks/part7/72_benchmarks.html">Benchmarks &amp; the frontier</a>
    </div>
  </div>

</div>
````
