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
370
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
CSS 101: Τα μυστικά του στυλ - Χάρης Βαλτζής
wpgr
0
10
Ολοκλήρωσα το SiteΜουNowWhat? - Στέφανος Παρασκευόπουλος
wpgr
0
9
Effective personal and business branding - Maria Zarotiadou
wpgr
0
9
Web Accessibility: Hardships, pitfalls, opportunities, and preparing for European Accessibility Act 2025 - Χρήστος Μπαφέρας
wpgr
0
15
Code, Test, Repeat: Accelerating Development with WordPress Playground - Uros Tasic
wpgr
0
13
Make your users’ search experience great - Nico Orfanos
wpgr
0
19
WooCommerce Automations: Revolutionizing eCommerce with Practical Solutions - Ioannis Kastorinis
wpgr
0
21
Block themes: The future of Full Site Editing and what to expect from WordPress 6.7 - Alexandros Kaounas
wpgr
0
17
Forking the GPL way - Βαγγέλης Παπαϊωάννου, Ορέστης Σαμαράς
wpgr
0
13
Other Decks in Programming
See All in Programming
Beyond ORM
77web
11
1.6k
Оптимизируем производительность блока Казначейство
lamodatech
0
950
生成AIでGitHubソースコード取得して仕様書を作成
shukob
0
630
ATDDで素早く安定した デリバリを実現しよう!
tonnsama
1
1.8k
オニオンアーキテクチャを使って、 Unityと.NETでコードを共有する
soi013
0
370
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
1.8k
技術的負債と向き合うカイゼン活動を1年続けて分かった "持続可能" なプロダクト開発
yuichiro_serita
0
300
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
540
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k
テストコード書いてみませんか?
onopon
2
340
快速入門可觀測性
blueswen
0
500
非ブラウザランタイムとWeb標準 / Non-Browser Runtimes and Web Standards
petamoriken
0
430
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
34
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
Typedesign – Prime Four
hannesfritz
40
2.5k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Designing for humans not robots
tammielis
250
25k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
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