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
480
Stress lass nach
heikomamerow
0
92
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
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
1
560
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
daisuketakeda
1
130
エンジニア向け採用ピッチ資料
inusan
0
160
GraphRAGの仕組みまるわかり
tosuri13
8
490
NPOでのDevinの活用
codeforeveryone
0
370
Deep Dive into ~/.claude/projects
hiragram
9
1.5k
A2A プロトコルを試してみる
azukiazusa1
2
1.2k
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
20
3.6k
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.5k
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
410
Gleamという選択肢
comamoca
6
760
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
It's Worth the Effort
3n
185
28k
Automating Front-end Workflow
addyosmani
1370
200k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
We Have a Design System, Now What?
morganepeng
53
7.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Optimizing for Happiness
mojombo
379
70k
How to Ace a Technical Interview
jacobian
277
23k
Why Our Code Smells
bkeepers
PRO
337
57k
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