Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Lass Deinen Computer die langweiligen Sachen ma...
Search
Heiko Mamerow
April 18, 2016
Programming
0
260
Lass Deinen Computer die langweiligen Sachen machen! Automatisierung beim Frontend Coden
Slides meines Vortrages auf dem WordCamp Nürnberg 2016
Heiko Mamerow
April 18, 2016
Tweet
Share
More Decks by Heiko Mamerow
See All by Heiko Mamerow
Datenkompression - Ein praktischer Leitfaden für den Einstieg
heikomamerow
0
420
Stress lass nach
heikomamerow
0
92
Das kleine 1x1 der Web-Performance
heikomamerow
1
1.1k
Einführung in Grunt
heikomamerow
1
230
Other Decks in Programming
See All in Programming
どうして手を動かすよりもチーム内のコードレビューを優先するべきなのか
okashoi
3
860
DMMオンラインサロンアプリのSwift化
hayatan
0
160
AIレシート読み取り機能をRuby on Rails on AWSで実現するLLMにまつわるアレコレ / AI-based receipt reading function powered by LLM on Ruby on Rails on AWS
moznion
3
120
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.2k
php-conference-japan-2024
tasuku43
0
430
Androidアプリのモジュール分割における:x:commonを考える
okuzawats
1
270
為你自己學 Python
eddie
0
510
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
370
Swiftコンパイラ超入門+async関数の仕組み
shiz
0
170
Jaspr Dart Web Framework 박제창 @Devfest 2024
itsmedreamwalker
0
150
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
400
Featured
See All Featured
The Language of Interfaces
destraynor
155
24k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
RailsConf 2023
tenderlove
29
970
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
500
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Side Projects
sachag
452
42k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
200
Designing for humans not robots
tammielis
250
25k
How STYLIGHT went responsive
nonsquared
96
5.3k
Writing Fast Ruby
sferik
628
61k
Transcript
Lass Deinen Computer die langweiligen Sachen machen! Automatisierung beim Frontend
Coden #wcnbg XVI-IV-MMXVI @heikomamerow
Heiko Mamerow • Frontend Entwickler • Individuelle Themes • WordPress
Genie$er
ES IST NICHT EINFACH!!!
Übersicht I. Die langweiligen Sachen II. Automatisierung III.How To
Lass Deinen Computer die langweiligen Sachen machen!
Die langweiligen Sachen • Browser aktualsieren • Formatieren (beautify/uglify) •
Präfixe • Linting/Testen • Deploy (Dev, Test, Client) • Zusammenfassen • Redundanz • Umrechnung (PX–EM–REM-%) • Preprozessoren • Bilder optimieren • CSS Sprites
Die langweiligen Sachen Wiederholung Zeitaufwand Fehlerquelle
None
Automatisierung => Task Runner
Task Runner „Automation, performing repetitive tasks like minification, compilation, unit
testing and linting.“ Quelle: Grunt
Taskrunner
How To Linux https://github.com/nodesource/distributions Mac OS X, Windows https://nodejs.org/en/download/stable
How To I. npm init II. package.json III. Package IV.
scripts V. Tasks
package.json
Packages • https://www.npmjs.com • Installation: npm install --save-dev [ packagename
]
Packages: autoprefixer, postcss-cli
scripts / tasks
Lets try… ;-)
Fragen?
None
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 Commons Bildnachweis