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
280
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
490
Stress lass nach
heikomamerow
0
93
Das kleine 1x1 der Web-Performance
heikomamerow
1
1.1k
Einführung in Grunt
heikomamerow
1
250
Other Decks in Programming
See All in Programming
GPUを計算資源として使おう!
primenumber
1
290
AI Ramen Fight
yusukebe
0
120
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
140
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
710
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
240
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
110
Claude Code派?Gemini CLI派? みんなで比較LT会!_20250716
junholee
1
740
slogパッケージの深掘り
integral0515
0
160
PHPカンファレンス関西2025 基調講演
sugimotokei
5
1k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
1k
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
Building an army of robots
kneath
306
45k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
19k
The World Runs on Bad Software
bkeepers
PRO
70
11k
What's in a price? How to price your products and services
michaelherold
246
12k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
RailsConf 2023
tenderlove
30
1.2k
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