Slides meines Vortrages auf dem WordCamp Nürnberg 2016
Lass Deinen Computer dielangweiligen Sachenmachen!Automatisierungbeim Frontend Coden#wcnbgXVI-IV-MMXVI@heikomamerow
View Slide
Heiko Mamerow●Frontend Entwickler●Individuelle Themes●WordPress Genie$er
ES IST NICHT EINFACH!!!
ÜbersichtI. Die langweiligen SachenII. AutomatisierungIII.How To
Lass Deinen Computer dielangweiligen Sachen machen!
Die langweiligen Sachen●Browseraktualsieren●Formatieren(beautify/uglify)●Präfixe●Linting/Testen●Deploy(Dev, Test, Client)●Zusammenfassen●Redundanz●Umrechnung(PX–EM–REM-%)●Preprozessoren●Bilder optimieren●CSS Sprites
Die langweiligen SachenWiederholungZeitaufwandFehlerquelle
Automatisierung => Task Runner
Task Runner„Automation, performing repetitive tasks likeminification, compilation, unit testing and linting.“Quelle: Grunt
Taskrunner
How ToLinuxhttps://github.com/nodesource/distributionsMac OS X, Windowshttps://nodejs.org/en/download/stable
How ToI. npm initII. package.jsonIII. PackageIV. scriptsV. Tasks
package.json
Packages●https://www.npmjs.com●Installation:npm install --save-dev [ packagename ]
Packages: autoprefixer, postcss-cli
scripts / tasks
Lets try… ;-)
Fragen?
Vielen Dank! :-)
Fernsehturm (Slide 2)Urheber: von Kazuyanagae (Eigenes Werk) [CC BY-SA 4.0 (http://creativecommons.org/licenses/by-sa/4.0)],via Wikimedia CommonsBildnachweis