NextMindAnmelden

Spickzettel

Tastenkürzel zum Nachschlagen. Oben, was überall gilt — darunter, was zu einem bestimmten Werkzeug gehört.

Du musst hier nichts auswendig lernen. Nimm dir zwei oder drei heraus, die du oft brauchst — der Rest kommt von selbst. Auf dem Mac steht statt Strg meist Cmd.

Die Klassiker

Diese funktionieren überall: in Processing, im Browser, in Word. Wer sie im Schlaf kann, spart täglich Minuten.

  • Strg+CKopieren
  • Strg+XAusschneiden
  • Strg+VEinfügen
  • Strg+ZRückgängig
  • Strg+YWiederherstellenNimmt das Rückgängigmachen zurück.
  • Strg+AAlles markieren
  • Strg+Umschalt+←Wortweise markierenOhne Umschalt springt der Cursor nur wortweise.
  • Pos 1An den ZeilenanfangEnde springt ans Zeilenende.

Windows

Kleinigkeiten, die kaum jemand kennt — und die viel helfen.

  • Win+VErweiterte ZwischenablageZeigt die letzten kopierten Sachen, nicht nur die letzte. Beim ersten Mal muss man sie einmal einschalten. Sehr praktisch, wenn man mehrere Code-Stücke hin- und herschiebt.
  • Win+Umschalt+SBildschirmausschnitt aufnehmenZum Abgeben oder um eine Fehlermeldung zu zeigen.
  • Win+.Emoji-Auswahl
  • Alt+TabFenster wechselnZwischen Editor und laufendem Programm hin und her — bei Processing zum Sketch-Fenster, im Webkurs zum Browser.
  • Win+←Fenster an den Rand andockenEditor links, Ergebnis rechts — dann siehst du beides gleichzeitig. Mit Win + → auf die andere Seite.

Processing-IDEnur in Processing

Die wichtigsten Griffe beim Programmieren. Sie stehen auch in den Menüs — dort siehst du sie neben dem jeweiligen Eintrag.

  • Strg+RProgramm startenDer Griff, den du am häufigsten brauchst.
  • EscProgramm beendenDrücken, während das Sketch-Fenster vorn ist.
  • Strg+/Ein-/AuskommentierenZeilen vorher markieren. Geht auch über die rechte Maustaste. Nochmal drücken holt sie zurück.
  • Strg+TAutomatisch einrückenRäumt den ganzen Quelltext auf. Wenn dein Code „verrutscht“ aussieht: einmal drücken.
  • Strg+SSpeichern
  • Strg+FSuchen
  • Strg+GWeitersuchen
  • Strg+NNeuer Sketch
  • Strg+OSketch öffnen
  • TabEinrückenMit Umschalt + Tab wieder zurück. Vorher markieren.
  • Strg+Umschalt+RPräsentationsmodusSketch bildschirmfüllend — gut zum Vorzeigen.

VS Codenur in VS Code

Damit schreibst du deine Webseite. VS Code kann sehr viel — diese Handvoll reicht für den Anfang.

  • !+TabHTML-Grundgerüst einfügenIn einer leeren .html-Datei ein Ausrufezeichen tippen und Tab drücken — das ganze Gerüst steht da. Der nützlichste Griff überhaupt.
  • Strg+LeertasteVorschläge anzeigenVS Code kennt die HTML-Tags und die CSS-Eigenschaften. Tippen, auswählen, Tab — spart Tippfehler.
  • Strg+/Ein-/AuskommentierenDasselbe Kürzel wie in Processing. VS Code nimmt automatisch die richtige Schreibweise für HTML, CSS oder JavaScript.
  • Umschalt+Alt+FAutomatisch einrückenRäumt die ganze Datei auf. Das Gegenstück zu Strg + T in Processing.
  • Strg+SSpeichernWichtig: Der Browser zeigt erst nach dem Speichern die neue Fassung. Speichern, dann im Browser F5.
  • Alt+Umschalt+↓Zeile darunter kopierenPerfekt für Listen: eine <li>-Zeile schreiben, dreimal kopieren, Texte ändern.
  • Alt+↓Zeile verschiebenMit Alt + ↑ nach oben. Kein Ausschneiden und Einfügen nötig.
  • Strg+DNächstes gleiches Wort mitmarkierenMehrmals drücken, dann tippst du an allen Stellen gleichzeitig. Gut zum Umbenennen einer CSS-Klasse.
  • Strg+BSeitenleiste ein-/ausblendenMehr Platz für den Code.
  • Strg+PDatei öffnenNamen tippen statt im Ordner suchen — etwa style, dann Eingabe.

Browsernur in Browser

Deine Seite anschauen und nachsehen, warum etwas nicht so aussieht wie gedacht.

  • F5Seite neu ladenNach jedem Speichern in VS Code.
  • Strg+F5Neu laden ohne ZwischenspeicherWenn eine CSS-Änderung nicht ankommt, obwohl du gespeichert hast: Der Browser zeigt noch die alte Datei. Damit holt er sie neu.
  • F12Entwicklerwerkzeuge öffnenRechtsklick auf ein Element und „Untersuchen“ zeigt dir, welches CSS darauf wirkt. Das beste Werkzeug zur Fehlersuche.

Auf dieser Seite

  • Strg+EingabeCode im Editor ausführenIn jedem Editor-Feld hier auf der Lernplattform.