grunt-gulp-talk
If you hate it - automate it!
Grunt vs Gulp
Joachim Prinzbach
Workshop organization
Zeitplan und Ziele
Time you enjoy wasting is not wasted time
- Einstieg: 5'
- Workshop in Gruppen: 45'
- Austausch innerhalb der Grunt bzw. Gulp-Gruppen: 10'
- Vorstellung der Ergebnisse und Diskussion: 20'
The most important thing about goals is... having one
- Die zwei wichtigen JavaScript Taskrunner kennen lernen
- Gängige Anforderungen an einem Beispiel umsetzen
- Die Unterschiede zwischen Grunt und Gulp kennen
- Eine persönliche Präferenz finden ;-)
Warum ein Taskrunner?
Motivation für den Einsatz von Grunt oder Gulp
If you hate it - automate it!
- Immer wiederkehrende, eher langweilige Aufgaben
- In vielen Projekten wird das Rad immer wieder neu erfunden
- Automatisierung reduziert die Fehleranfälligkeit
- Effizienzsteigerung -> Mehr Zeit für das Wesentliche
- Build und Deployment sollte so einfach und automatisiert wie möglich sein
Workshop
Setup und Anforderungen. Auf geht's!
TEAM - Toll Ein Anderer Machts!
Together Everyone Achieves More!
- Mindestens je eine Gruppe zu Grunt und Gulp
- Beispielprojekt auf GitHub
- Gulp: webplatformz -> gulp-workshop
- Grunt: webplatformz -> grunt-workshop
- Pro Gruppe am besten mehr als ein Rechner
- Teams clonen das jeweilige Repo auf Github
- Push ins Remote-Repo nach dem Austausch als Musterlösung
Happy configuring and coding!
- Node Server starten.
- Tests ausführen.
- Nach Änderungen am Code (HTML, JS, CSS...) Server neu starten und Seite im Browser neu laden.
- Tests und JSHint bei Änderungen automatisch ausführen.
- Minify und Uglify von Javascript und CSS Dateien, Kopieren des kompletten Builds in eigenes Verzeichnis. Verzeichnis zuvor cleanen.
Anforderungen ebenfalls im Readme.md der Projekte. Hint.txt enthält Hinweise zu Plugins.
Thank you for attending!
Feel free to gold-plate grunt and gulp files in the repo.