# Tutorial: Vom Formular zum laufenden Programm

## Projekt und Formular erstellen

File → New Project erzeugt ein Projekt. File → New Form öffnet ein neues
Formular im Designer. Bereits vorhandene ungespeicherte Arbeit lässt sich
im Wechsel-Dialog speichern, verwerfen oder mit Cancel behalten.
File → Save Project speichert das Projekt und seine Mitglieder; die Pfade
und mögliche Überschreibbestätigungen stehen im Speicherdialog.

## Oberfläche gestalten

Tools → Command Button wählt das Werkzeug. Ziehe auf der Form eine Fläche
auf; alternativ platziert ein Doppelklick auf das Toolbox-Werkzeug ein Control.
Wähle das Control und mit Page Up/Down die Eigenschaft Caption. F2 aktiviert
das Wertfeld, tippe `Hallo` und bestätige mit Enter. Pfeile verschieben,
Shift+Pfeile verändern die Größe. Die tatsächlichen Klassennamen und
Eigenschaften stehen in der [Forms-Referenz](forms-referenz.md).

## Ereigniscode schreiben

F12 öffnet die Ereignisauswahl des gewählten Controls. Wähle Click und
bestätige. Die IDE öffnet beziehungsweise erzeugt die passende Prozedur.
Schreibe zwischen SUB und END SUB:

```basic
PRINT "Hallo aus dem Formular"
```

Mit Shift+F12 gelangst du wieder zum Formular. Syntaxfehler erscheinen
beim Verlassen der Zeile beziehungsweise unter View → Diagnostics.
Siehe [Editor und Übersetzung](ide-bedienung.md#editor-suche-und-quelltextpflege).

## Debuggen und ausführen

Setze im Ereigniscode mit F9 einen Breakpoint auf PRINT. Run → Set Start-up
File wählt das Formular als Startdatei. Shift+F5 startet das Projekt.
Betätige den Button im laufenden Formular: Die IDE hält vor PRINT und
zeigt den Quellort. F8 führt die Anweisung aus. F5 setzt das Programm fort.
F4 schaltet die Programmausgabe ins Vollbild und zurück; Ctrl+Break
unterbricht die Sitzung. Run → Restart beginnt erneut.

Window → Calls zeigt Aufrufrahmen; Debug → Add Watch beobachtet Ausdrücke.
Window → Immediate öffnet das Direktfenster für Kommandos im pausierten
Kontext. [Debugger und Direktfenster](ide-bedienung.md#debugger-und-direktfenster)
erklärt Fehlerhalte, Watchpoints und die Grenzen von Set Next Statement.

## Speichern und nächste Schritte

File → Save Project hält den Stand fest. Make EXE File und Make Library
bieten bereits die Zielauswahl; die tatsächliche Erzeugung eines nativen
Standalone-Programms beziehungsweise einer nativen Library folgt in Phase 6.
Siehe [Exportgrenze](ide-bedienung.md#native-exporte-ui-in-phase-5-erzeugung-in-phase-6).

Weiter: [Tastatur](tastatur.md), [Hilfe benutzen](hilfe.md),
[Sprachreferenz](sprachreferenz.md), [Bibliothek](bibliothek.md).