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
Vangelis Dimitriadis - Modern frontend workflow...
Search
WordPress Greek Community
November 19, 2016
Programming
0
390
Vangelis Dimitriadis - Modern frontend workflows - WordCamp Athens 2016
WordPress Greek Community
November 19, 2016
Tweet
Share
More Decks by WordPress Greek Community
See All by WordPress Greek Community
Thanassis Zannias - Flexible WordPress Dev Environment with Docker
wpgr
0
6
Andreas Karavanas - AI Supercharged Landing Pages
wpgr
0
6
Όμορφα, γρήγορα και οικονομικά websites με WordPress
wpgr
0
8
Unlocking creativity - Marilia Darilli
wpgr
0
27
Έλλη Μουχτάρη - Χτίσε το προσωπικό σου brand και απόκτησε τους πελάτες που θες
wpgr
0
16
Ioannis Kastorinis - WooCommerce technical automations in the real world
wpgr
0
25
Christos Paloukas - Cache me if you can, a journey through caching layers in WordPress
wpgr
0
36
Ευάγγελος Πάλλης - Malware Cleanup & Protection
wpgr
0
35
Νίκος Μαυράκης - Κοστολογώντας τη δημιουργικότητα
wpgr
0
26
Other Decks in Programming
See All in Programming
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
1
440
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
yimajo
2
180
実践ArchUnit ~実例による検証パターンの紹介~
ogiwarat
2
230
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
370
ワイがおすすめする新潟の食 / 20250530phpconf-niigata-eve
kasacchiful
0
290
Interface vs Types ~型推論が過多推論~
hirokiomote
1
250
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
1
210
コードに語らせよう――自己ドキュメント化が内包する楽しさについて / Let the Code Speak
nrslib
6
1.4k
単体テストの始め方/作り方
toms74209200
0
380
セキュリティマネジャー廃止とクラウドネイティブ型サンドボックス活用
kazumura
1
150
インターフェース設計のコツとツボ
togishima
2
680
Using AI Tools Around Software Development
inouehi
0
1k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
BBQ
matthewcrist
89
9.7k
Site-Speed That Sticks
csswizardry
9
620
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Producing Creativity
orderedlist
PRO
346
40k
Side Projects
sachag
454
42k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Transcript
LETS TALK ABOUT WORKFLOWS Μοντέρνα ροή εργασίας & εργαλεία
Vangelis Dimitriadis @vangelis183 LETS TALK ABOUT WORKFLOWS
PROGRAMMERS ARE F***ING LAZY Swizec Teller LETS TALK ABOUT WORKFLOWS
Μια ροή εργασίας αποτελείται από μια σειρά συνδεδεμένων βημάτων, προκειμένου
να ολοκληρωθεί μια εργασία. Wikipedia LETS TALK ABOUT WORKFLOWS
Ποιά εργαλεία χρησιμοποιούμε σήμερα; LETS TALK ABOUT WORKFLOWS
None
Τα εργαλεία μας εξελίσσονται. Εμείς; Ο τρόπος δουλειάς μας; LETS
TALK ABOUT WORKFLOWS
Η επένδυση σε χρόνο/χρήμα σε μια ροή εργασίας θα πρέπει
να μας επιστραφεί πολλαπλάσια. LETS TALK ABOUT WORKFLOWS
Ποιά εργαλεία υπάρχουν; LETS TALK ABOUT WORKFLOWS
https://medium.com/@withinsight1/the-front-end-spectrum-c0f30998c9f0#.gt4cz03pe
Λεπτή γραμμή μεταξύ χρήσης για χάρη της χρήσης και χρησιμότητας.
LETS TALK ABOUT WORKFLOWS
Αυτοματοποίηση LETS TALK ABOUT WORKFLOWS
Grunt Gulp Broccoli
Πού χρησιμέυουν; LETS TALK ABOUT WORKFLOWS Compile Convert Tasks automation
Deploy
Ποιό χρησιμοποιούμε; LETS TALK ABOUT WORKFLOWS Αυτό που μας εξυπηρετεί!
CSS Preprocessors LETS TALK ABOUT WORKFLOWS
LESS SASS
Πού χρησιμέυουν; LETS TALK ABOUT WORKFLOWS variables nesting mixins operators
None
None
Livereload / Browsersync LETS TALK ABOUT WORKFLOWS
None
Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS Refresh after changes made
Server via local IP Click sync on multiple devices
UglifyJS LETS TALK ABOUT WORKFLOWS
None
Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS minify sources performance
Από 1,7 MB σε 331KB
Sourcemaps LETS TALK ABOUT WORKFLOWS
Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS locate Error minified sources
„Αντιβιωτικό“ για debugging
None
imageoptim / imagemin LETS TALK ABOUT WORKFLOWS
Και πως συνδέονται όλα αυτά; LETS TALK ABOUT WORKFLOWS
https://nodejs.org/en/
package.json
npm install LETS TALK ABOUT WORKFLOWS
Gruntfile.js
Gruntfile.js
Gruntfile.js
None
None
last but not least … LETS TALK ABOUT WORKFLOWS
Version control LETS TALK ABOUT WORKFLOWS
None
None
https://bitbucket.org/vangelis/wcath2016 LETS TALK ABOUT WORKFLOWS