Mit dem Update auf Version 7.2 erhält NetBeans zahlreiche neue Features. Ich habe ja bereits im Vorfeld einiges zu der kommenden Version geschrieben und würde die Liste heute gerne ergänzen.

PHP 5.4 Support

• NetBeans kommt nun auch mit Traits klar. Das heißt in erster Linie, dass das Syntaxhighlighting ordnungsgemäß funktioniert und die Autovervollständigung auch greift.
• Der Built-in Web-Server, der ein Teil von PHP 5.4 ist, ist auch in NetBeans integriert.
• Kurze Schreibweise von Arrays ist auch implementiert und bekommt das richtige Highlighting.

  $arr = ['php' => '5.4'];

• Das Array Dereferencing hat Einzug gehalten.

  $var = $myObject->getArray()[5]->getVersion();

• Anonyme Objekt-Variablen werden auch unterstützt.

  class Test { public $version; } (new Test())->version;

• Type hint „callable“
• Binärzahlen

Symfony 2 & Doctrine 2

Es ist jetzt problemlos und ohne Plugins möglich Twig-Dateien zu editieren. Man kann auch über „New File“ gleich einen Controller, Entity, oder einfach eine Klasse mit dem Namespace.

Die Konsolenbefehle können, wie bei Symfony 1, über das Menü ausgeführt werden. Das ist besonders für die Windows Benutzer erfreulich.

Ähnlich wie die Code Template, können jetzt auch Annotations definiert werden. Das ist in Verbindung mit Doctrine auch sehr nett. Ich glaube nicht, dass jemand aus dem Kopf eine einseitig Many-To-Many Beziehnung schreiben kann.

Weitere tolle Funktionen

NetBeans war je schon immer fleißig und hat die Namespaces immer vervollständigt. Man konnte einfach eine neue Instanz einer Klasse bilden und wenn der Namespace noch unbekannt war, dann wurde dieser einfach vorneweg geschrieben.

new \Das\Ist\Mein\Namespace\Klasse()

Das Ganze ist zwar schön und gut, jedoch nicht wirklich optimal. Schließlich sollte man den Namespace mit use-Statement registrieren.
Dafür wurde eine neue Funktion eingeführt: Beim Rechtsklick in der Datei ist der Punkt „Fix Uses…“ hinzugekommen. Dieser entfernt die „inline“ Namespaces und erstellt use-Statements.

Leider hat die Funktion noch einige Schwächen, die besonders in Verbindung mit Symfony 2 auftreten: Der Parser beachtet keine Annotations! So wird im Controller beispielsweise nicht erkannt, dass die Klasse Route und Template benötigt werden und die use-Statements werden entfernt, da diese angeblich unbenutzt sind. Fatal error!

Zu diesem Problem gibt es auch schon ein Ticket im Bugtracker. Es wird jedoch wohl keine Lösung in der finalen Version von NetBeans 7.2 geben. Das wird wohl als „Feature“ für die Nachfolgerversion behandelt.

Stichwort remote synchronization. Da haben die Entwickler wirklich viel verbesset. Weitere Infos dazu könnt ihr in dem Artikel nachlesen.

Den Code in den JavaScript Dateien kann man jetzt auch in sogenannte Folds (Code Folding) organisieren. Wem der Begriff nichts sagt, sollte sich das genauer angucken. Die Technik verschafft erheblichen Überblick in größeren Klassen.

Klein aber fein: .htaccess und andere Konfigurationsdateien erhalten auch Syntaxhighlighting.

Fazit

Ich bin vor einigen Jahren zu NetBeans gewechselt und es nie bereut. Vor allem in Verbindung mit Symfony ist der Editor kaum zu schlagen. Ich bin mir sicher, dass jetzt viele widersprechen werden, aber jeder sucht sich den Editor halt selbst aus und ich zwinge niemanden zum Wechsel. NetBeans ist ständig in Entwicklung und das ist auch gut so. Demnächst kommt auch die vollständige Unterstützung von jQuery. All das macht den Editor für mich zu einem unverzichtbaren Werkzeug in meinem Alltag.

Es gibt sicherlich unzählige sehr gute Slider im Internet, jedoch brauchte ich nur einen Bruchteil der Funktionen, die solch ein Slider meistens mit sich bringt. Also habe ich eine kleine Funktion geschrieben. Und später mich dazu entschlossen diese zu einem vollwertigem jQuery Plugin zu erweitern, sodass man diese jetzt noch einfacher verwenden kann.

Dabei gehe ich von der folgenden HTML-Struktur aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<section class="slider">
  <ul class="slides">
    <li><img src="http://dummyimage.com/200x150/0ff/000" alt="Bild 1" /></li>
    <li><img src="http://dummyimage.com/200x150/0f0/000" alt="Bild 2" /></li>
    <li><img src="http://dummyimage.com/200x150/f00/fff" alt="Bild 3" /></li>
  </ul>
</section>
 
<section class="slider">
  <ul class="slides">
    <li><img src="http://dummyimage.com/200x150/00f/fff" alt="Bild 1" /></li>
    <li><img src="http://dummyimage.com/200x150/0f0/000" alt="Bild 2" /></li>
    <li><img src="http://dummyimage.com/200x150/f00/fff" alt="Bild 3" /></li>
  </ul>
</section>

Als erstes suchen wir eine Liste mit den einzelnen Slider-Elementen in dem selektierten Container. Nach dieser Liste wir eine neue Liste für die Navigation eingefügt und alle Slides werden ausgeblendet. Anschließend wird das erste Element wirder eingeblendet.

21
22
23
24
25
26
27

this.each(function() {
  var slider = $(this);
  var slides = slider.find('ul').addClass('slides').after('<ul class="'+ config.css_class+'"></ul>').children().hide();
 
  slider.find(':first-child').show();
  // [...]
});

Dann muss für jede Slide ein eigener Navigationspunkt erzeugt werden. Das wird in der folgenden Schleife gemacht. Dabei erhält jedes Listenelement ein data-Attribut mir dem Index des Slider-Elements. Der erste Navigationspunkt erhält zusätzlich die Klasse active.

29
30
31
32
33
34
35
36

this.each(function() {
  // [...]
  $.each(slides, function(index, value){
    slider.find('.'+config.css_class).append('<li class="controller item-'+ index +'" data-id="'+ index +'">&nbsp;</li>');
  });
  $('.item-0').addClass('active');
  // [...]
});

Nun müssen wir nur noch dafür sorgen, dass beim Klick auf einen Navigationspunkt das Bild ausgetauscht wird. Wird ein klick getätigt, so wird das data-Attribut ausgelesen, alle Slider-Elemente ausgeblendet und das Element mit dem Index, entsprechend dem data-Attribut, eingeblendet.

35
36
37
38
39
40
41
42
43
44
45

this.each(function() {
  // [...]
  slider.on('click', '.controller', function(e) {
    var controller = $(this).addClass('active');
 
    slides.hide().eq(controller.data('id')).show();
    slider.find('.controller').removeClass('active');
    controller.addClass('active');
  });
 
});

Jetzt fehlt nur noch ein bisschen CSS und die ganze Sache schaut super aus.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

ul, ul li, section {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
 
.slider {
  margin: 25px 0;
  text-align: center;
}
.slider .slides li {
  margin-bottom: 5px;
}
 
.slider-controller {
  padding: 0;
}
 
.slider-controller li {
  display: inline-block;
  border: 1px solid #C0C0C0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  margin-right: 5px;
  height: 8px;
  width: 8px;
  cursor: pointer;
}
 
.slider-controller li.active {
  background: #008bd6;
  background: -moz-linear-gradient(top,  #008bd6 0%, #007abd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bd6), color-stop(100%,#007abd));
  background: -webkit-linear-gradient(top,  #008bd6 0%,#007abd 100%);
  background: -o-linear-gradient(top,  #008bd6 0%,#007abd 100%);
  background: -ms-linear-gradient(top,  #008bd6 0%,#007abd 100%);
  background: linear-gradient(top,  #008bd6 0%,#007abd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bd6', endColorstr='#007abd',GradientType=0 );
}

Neuerungen wie Array dereferencing, Anonymous Object Variable und die Short Array Syntax sind bereits verbaut. Dazu kommen noch weitere Verbesserungen, wie der eingebaute Web Server, Doctrine 2 und Continuous Integration Unterstützung und Identical Comparison Hints,

Es wird auch an der Unterstützung von neuen Datei-Typen gearbeitet. Es gibt einen rudimentären Support von Neon-Dateien. Konfigurationsdateien von Apache und .htaccess-Dateien werden auch von dem integrierten Code-Highlighter erfasst und eingefärbt.

Zum Schluss kann ich nur sagen, dass ich schon sehr lange und sehr gerne mit NetBeans arbeite. Und die schnelle Implementierung neuer Features und die gute Zusammenarbeit mit Symfony macht den Editor für mich zum perfekten Werkzeug.

• Durch das Function Array Dereferencing (FAD) muss man das Ergebnis einer Funktion nicht erst in einer Variable zwischenspeichern:

  function names () {
    return array('Alexander', 'Ben');
  }
  echo names()[0]; // Alexander

• Auch ein direkter Aufruf von Methoden nach dem Constructor ist jetzt möglich:

  echo (new User(5))->getName();

• Verkürzte Schreibweise bei Arrays:

  $a = ['Alexander', 'Ben'];
  $b = ['Alexander' => 23, 'Ben' => 50];

• Native Binärzahlen:

  $a = 0b001010;

• Neuer Typehint callable, etwas aufrufbaren. (Funktionsname, etc.):

  function run(callable $func) {
    if(is_callable($func)) { // an dieser Stelle vllt. unsinnig
      $func();
    }
  }

• <?= kann auch bei ausgeschalteter Funktion short_open_tag verwenden.
• Standardwert von default_charset Option in der php.ini wurde von ISO-8859-1 auf UTF-8 gesetzt.
• Error-Level E_ALL beinhaltet jetzt auch E_STRICT.
• Traits wurden eingeführt.
• Und vieles mehr…

Nachtrag

Ich habe hier noch das Video der letzten International PHP Conference gefunden. Johannes Schlüter hat da einen Session zum Thema PHP 5.4 gehalten. Wirklich sehenswert.

In diesem Tutorial werde ich euch zeigen, wie ihr aus einem Select-Element die gewünschte HTML-Liste erzeugen könnt und den gewählten Wert in ein verstecktes Feld übertragen könnt.

Ich gehe dabei von dem folgenden HTML-Gerüst aus:

1
2
3
4
5
6
7
8
9
10

<div id="content">
  <select id="rating" name="rating">
    <option label="Bitte voten" value="">Bitte voten</option>
    <option label="Sehr schlecht" value="1">Sehr schlecht</option>
    <option label="Schlecht" value="2">Schlecht</option>
    <option label="Mittel" value="3">Mittel</option>
    <option label="Gut" value="4">Gut</option>
    <option label="Sehr gut" value="5">Sehr gut</option>
  </select>
</div>

Damit das Ergebnis später nach etwas aussieht, wird einfach etwas CSS dazu geworfen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

.invisible {
  position: absolute;
  overflow: hidden;
  right: 99999px;
}
#rating-list li {
  background: transparent url(images/star-inactive.png) no-repeat center center;
  display: inline-block;
  width: 48px;
  height: 48px;
}
#rating-list li.active,
#rating-list li:hover {
  background: transparent url(images/star-active.png) no-repeat center center;
}

Als Erstes muss für das Select-Element ein verstecktes Feld angelegt werden, das dieselben Attribute beinhaltet. Dieses wird später die Werte aufnehmen und an das Script weitergeben.

var select  = $('#rating');
var input   = '<input type="hidden" name="'+ select.attr('name') +'" id="'+ select.attr('id') +'" value="'+ select.val() +'" />';
select.after(input);

Anschließend gehen wir die Option-Elemente in einer Schleife durch und erzeugen aus den Werten gewünschte Listenelemente. Die Werte, value-Attribute, werden dabei in einem data-value-Attribut hinterlegt. Anschließend löschen wir das Select-Element aus dem DOM.

var list = '<ul id="rating-list"></ul>';
select.before(list).find('option').each(function(item) {
 
  var option = $(this);
  select.remove();
 
  if(option.val().length) {
    $('#rating-list').append('<li data-value="'+ option.val() +'"><span class="invisible">'+ option.text() +'</span></li>')
  }
});

Jetzt müssen wir nur noch den Wert beim Klick auf ein Sternchen an das versteckte Feld weitergeben.

$('#rating-list li').on('click', function(e) {
  $('#rating').val($(this).data('value'));
});

Der Rest kann dann wie in dem alten Tutorial beschrieben behandelt werden. Einfach dafür sorgen, dass das fokkusierte Element und alle vorherigen die Klasse active bekommen. Bei den nachkommenden Elementen muss die Klasse entfernt werden.

$('#rating-list').hover(function() {
  $('#rating-list li').mouseover(function() {
    var li = $(this);
    li.addClass('active').prevAll('li').addClass('active');
    li.nextAll('li').removeClass('active')
  });
}, function() {
  $(this).find('.active').removeClass('active');
});

• Deinstallation von Paketen adobe-flash-properties-gtk und adobe-flashplugin inklusive Löschen der globalen Konfiguration

  sudo apt-get purge adobe-flash-properties-gtk adobe-flashplugin flashplugin-installer

• Installation der Pakete adobe-flashplugin und flashplugin-installer

  sudo apt-get install adobe-flashplugin flashplugin-installer

Nach einem Neustart von Firefox war alles wieder in Ordnung.

Firebug andocken

Früher konnte man Firebug entweder unten im Fenster einblenden oder aber in einem neuen Fenster öffnen. Ab jetzt kann man die Erweiterung auf jeder Seite platzieren. Besonders bei modernen, sehr breiten, Monitoren ist das Andocken auf der rechten/linken Seite vorteilhaft.

JavaScript Fehler anzeigen

Jetzt wird nicht nur angezeigt in welcher Datei und in welcher Zeile der Fehler ist, sondern auch an welcher Stelle genau!

Einen bestimmten HTTP-Request erneut senden

Sehr hilfreich, da man jetzt nicht die gesamte Seite neu laden muss.

JSON einfach kopieren

Erhaltet ihr ein JSON-Objekt, dann könnt ihr dieses jetzt ganz einfach kopieren. Einfach rechtsklick auf die Variable und „Copy „var“ as JSON“ wählen.

Weitere Kleinigkeiten

• Unter Netzwerk kann jetzt noch die Spalte Protokoll aktiviert werden.
• Firebug zeigt jetzt auch eine kleine Vorschau mit den verwendeten „Web Fonts“.
• Elemente können jetzt durch das Drücken der Entf.-Taste gelöscht werden.
• Bei console.log() wird nicht nur die Ausgabe, sondern auch der Ort ausgegeben. Somit weiß man, dass es sich z.B. um das Log in Datei X Zeile Y handelt.

Auf http://hacks.mozilla.org findet ihr alle Änderungen.

Für die neue Version seht ein Plug-In im Repository, dass in die kommende NetBeans-Version einfließen wird. Diese Plug-In ermöglicht die grundlegendste Unterstützung von Symfony2:

• Kommandos ausführen
• Neue Symfony2-Projekte anlegen

Um auch die neue Template-Engine „Twig“ zu nutzen wird noch empfohlen das Plug-In von Sebastian Hörl zu verwenden. Dieses wird anschließend auch in die kommende NetBeans-Version aufgenommen.

(via Initial support for Symfony2)

Nach etwas Recherche fand ich einen Patch, der das Problem löst. Einfach die Datei field_collection.module patchen und schon geht alles.