@slide(layout=chapter-slide)

@number 
2

@title
Wie funktioniert L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?


@slide(layout=content-and-preview)

@title
WYSIWaaas?

@content
### What You See Is What You Get {data-category=Word}

* Formatierung mit unmittelbarem optischen Feedback

<div class="fragment">
### What You See Is What You Mean {data-category=LaTeX}

* Trennung von Inhalt und Struktur
* Formatierung erst am Ende ersichtlich
</div>

<p style="margin-top:calc(.25 * var(--square));">
    Bildquelle: <a href="https://xkcd.com/1341/">xkcd</a>
</p>

@preview
![](svg/chapter-02/xkcd-types-of-editors.png)


@slide(layout=preview-only)

@preview
![Der Weg zum fertigen Dokument](svg/chapter-02/wysiwyg.svg){}


@slide(layout=two-columns)

@title
Was brauchen wir dazu?

@column-one
### Editor
zum Schreiben unseres Quelltextes mit allen Befehlen zur semantischen Gliederung

[TeXstudio](http://www.texstudio.org/), [TeXMaker](https://www.xm1math.net/texmaker/)

@column-two
### Compiler
erstellt aus dem Quelltext ein fertig formatiertes PDF-Dokument

[MiKTeX](http://miktex.org/), [MacTeX](http://tug.org/mactex/), [TeX Live](https://tug.org/texlive/)


@slide(layout=wide-content)

@title
Befehle

@content
Allgemeiner Aufbau eine Befehls:

``` {.hljs .lang-txt}
\<befehl>[<optionale_parameter>]{<obligatorische_parameter>}
```

++ Ein paar Beispiele:

``` {.lang-tex .tex .hljs .fragment}
\newpage % fügt eine neue Seite ein
\textbf{fetter Text} % schreibt den übergebenen Text fett
\documentclass[10pt,a5paper,landscape]{article} % konfiguriert die Dokumentenklasse
\frac{1}{4} % fügt den mathematischen Bruch ein
```


@slide(layout=content-only)

@title
Backslash

@content
Den Backslash erzeugt ihr mit folgender Tastenkombination:

<kbd>AltGr</kbd>&nbsp;+&nbsp;<kbd>ß</kbd>&nbsp;(Windows/Linux)

<kbd>Alt</kbd>&nbsp;+&nbsp;<kbd>Shift</kbd>&nbsp;+&nbsp;<kbd>7</kbd>&nbsp;(MacOS)
