NodeJS

NodeJS oder node.js bietet Serverseitiges JavaScript für performante WebApps. Es basiert auf Googles V8 JavaScript Engine. Damit kommt man vom http Protokoll weg und kann z.B. kleine Server für Multiuserspiele oder Apps für gemeinsamen Zugriff auf Dokumenter bauen. Allerdings unterstützen nicht alle Hoster NodeJS.

Es gibt viele Tools, vor allem bei der Entwicklung von HybridApps und Webapps, die das nutzen können.

Auf dem Mac liegt Node normalerweise in:

/usr/local/bin/node

Node Packet Manager

Node enthält den npm = Node Paket Manager, er dient als command line tool für viele JavaScript basierte Tools, z.b. Cordova,

npm was installed at
/usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.

Bower

Im Zusammenhang mit NodeJS steht Bower. Es ist eine unter node.js laufende Paketverwaltung, spezialisiert auf Webentwicklung. Damit lassen sich diverse Tools wie Angular.js oder Frameworks schnell laden oder daraus ein Grundprojekt erstellen.

Gulp

http://magazin.phlow.de/webdesign/gulp/

Ein weiteres Tool das unter Node.js läuft ist Gulp. Es dient vor allem zu folgendem.

• Bilder – Verlustlose Kompression aller Bilder und Vektoren mit gulp-imagemin
• HTML – Minifizierung von mit gulp-minify-html

Javascript

• Überprüfung mit gulp-jshint
• Zusammenfassen Javascripte mit gulp-concat
• Minifizierung Javascripts mit gulp-uglify

CSS

• Konvertierung der Sass-Datei in eine CSS-Datei mit gulp-sass
• Autoprefixer, um alle Vendor Prefixes zu überprüfen mit gulp-autoprefixer
• Minifizierung der CSS-Datei mit gulp-minify-css
• Kopieren aller Dateien in einen Ordner für den Upload
• Überwachung von Dateien auf mögliche Änderungen

Gulp

Grunt

Mit Grunt automatisiert man sich wiederholende Aufgaben bei der Webentwicklung. Grunt ist ein JavaScript-basierter Taskrunner und hilft unter anderem bei der Code-Minifizierung, Code-Kontrolle, Kompilierung, Unit Testing und so weiter.

Es ist damit ähnlich angesiedelt wie Gulp. Allerdings scheint der Einstieg mit Gulp einfacher zu sein und das Konzept schlüssiger.

http://magazin.phlow.de/webdesign/gulp/