Code-Dompteure

Zen Coding

Drücken Sie nun die Leertaste. Die Zeile enthält dadurch einen Fehler, den Netbeans prompt hervorhebt. Wie in Word wird der Fehler mit einer roten Linie hervorgehoben, ein rotes Ausrufezeichen erscheint am Rand. Löschen Sie das Leerzeichen wieder.

Platzieren Sie den Cursor auf einer beliebigen Klammer und beobachten Sie, wie Netbeans die zugehörige andere Klammer ebenfalls gelb hervorhebt. Wenn Sie neuen Code hinzufügen möchten, reicht es, wenn Sie die ersten Buchstaben des gewünschten Befehls tippen. Es erscheint automatisch ein Popup, in dem Sie alle passenden Treffer sehen. Aus einem einfachen e wird so ein echo '';.

Noch besser: Die Code-Vervollständigung berücksichtigt sowohl das Standard-PHP wie auch die in Ihrem Projekt definierten Klassen und Funktionen. Und wenn Sie unter Dienste (neben dem Projekte-Reiter) Datenbank-Verbindungen konfigurieren, werden auch die dortigen Tabellen und Felder in die Vorschläge mit einbezogen.

Am linken Fensterrand sehen Sie den Navigator. Er enthält eine schematische Darstellung aller im aktiven Dokument enthaltenen Funktionen, Klassen, HTML-Container und weitere. Über einen Doppelklick gelangen Sie zur entsprechenden Stelle im Code.

Tipp: Ein ausführliches Tutorial zur Verwendung von Netbeans Debugger finden Sie im Netbeans-Wiki.

Zen Coding

Für welchen Editor oder welche IDE Sie sich auch entscheiden - als Web-Entwickler werden Sie es immer wieder mit HTML- und CSS-Code zu tun haben. Das gilt auch dann, wenn Sie den Schwerpunkt Ihrer Arbeit auf PHP oder ähnliche Skriptsprachen legen, denn auch deren Output will formuliert beziehungsweise formatiert sein.

Unter code.google.com ist ein interessantes Projekt zuhause, das sich zum Ziel gesetzt hat, die Eingabe von HTML und CSS zu beschleunigen.

Herausgekommen sind mit Zen HTML und und Zen CSS zwei Plugins, die für eine Reihe von Editoren kostenlos erhältlich sind. Auf der Liste der unterstützten Programme finden sich auch Ultraedit, Topstyle und Netbeans.

Seinen Beschleunigungsfaktor zieht Zen Coding daraus, dass es Abkürzungen zu vollwertigen HTML- beziehunsgweise CSS-Konstrukten erweitert. So wird zum Beispiel aus div#name automatisch <div id="name"></div>. Ersetzen Sie die Raute durch einen Punkt setzt Zen-Coding beim Ersetzen keine ID, sondern eine (oder auch mehrere) Klassen.

Editoren für Web - Entwickler

© Archiv

Mit Netbeans Debugger finden Sie Fehler durch schrittweises Ausführen von PHP-Skripten.

Auch verschachtelte Konstrukte lassen sich per Zen-Coding erzeugen. Beispielsweise wird ul#name>li.item zu <ul id="name"> <li class="item"></li></ul>. Fortgeschrittene Nutzer verwenden Aliase, um zum Beispiel aus einem p*3 ein <p></p><p></p><p></p> oder einem ul+ ein <ul><li></li></ul> werden zu lassen.

Richtige Flügel wachsen Ihnen dann, wenn Sie verschachtelte Zen-Coding-Anweisungen mit Aliasen kombinieren. Für den Einstieg empfiehlt es sich, die beiden Dokumentationsseiten mit den HTML- beziehungsweise CSS-Anweisungen auszudrucken und neben die Tastatur zu legen.

Wer sich dann im Rahmen seiner täglichen Arbeit immer wieder eine neue Anweisung antrainiert, verzeichnet auch rasch große Fortschritte.

Versionsverwaltung

Haben Sie sich auch schon einmal vergeblich gewünscht, Sie könnten noch einmal zu einer früheren Version Ihres Projektes zurückkehren, nachdem sich die letzten Änderungen als Fehler entpuppt haben?

Mit einer Versionsverwaltung sind Sie auf der sicheren Seite. Server-Software wie Subversion speichern beliebig viele Versionen der Dateien eines Projektes in einem sogenannten Repository (Ablage), inklusive Zeitstempel, Kommentaren und dem Namen des ändernden Benutzers.

Via Netzwerk oder Internet können mehrere Nutzer gleichzeitig an den Dateien arbeiten, ohne dass sie Änderungen gegenseitig überschreiben. Die Lese- und Schreibzugriffe erledigt man unter Windows am besten mit dem kostenlosen Tortoise-SVN. Zumindest für den Einstieg reicht diese Software auch aus, um Repositories zu verwalten, die allerdings nur dem lokalen Benutzer zur Verfügung stehen.

Hier finden Sie ein hervorragendes deutschsprachiges Tutorial für die ersten Schritte mit Tortoise-SVN.

Tipp: In Netbeans ist ein Subversion-Client fest integriert. Sie finden ihn unter Team/Subversion.

Mehr zum Thema

Youtube Sperre umgehen GEMA
Videos freischalten

So umgehen Sie die GEMA-Sperre bei Youtube. Was Sie dazu brauchen, und wie es am einfachsten geht.
Neue Fritzboxen unterstützen den AC-Standard.
WLAN-Geschwindigkeit verdoppeln

Mehr WLAN-Geschwindigkeit: Mit dem WLAN-Standard 802.11ac und den richtigen Geräten und Einstellungen verdoppeln Sie den Datendurchsatz.
Netflix auf dem TV
Programm in der Übersicht

Welche Filme und Serien gibt es bei Netflix eigentlich zu sehen? Was ist neu im Streaming-Angebot? Diese Antworten helfen weiter.
Netflix
Streaming

Preise, kompatible Geräte, Datenrate, Serien- und Filmangebot von Netflix: Wir beantworten die wichtigsten Fragen rund um den Streaming-Dienst.
E.T. – Der Außerirdische
Vorschau auf Film- und Serien-Highlights

Amazon Prime Instant Video lockt im Dezember 2016 mit Film-Highlights wie "E.T.", "Fast & Furious 7" und der Serie "Ku’damm 56​".