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
340
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
Enhancing WordPress and WooCommerce - Case study of ymca.gr
wpgr
0
57
Κατανόηση της καταναλωτικής συμπεριφοράς και διαμόρφωση στρατηγικής
wpgr
0
57
Συνδυαστικές στρατηγικές για Επιτυχημένο E- Commerce, Online Merchandising και Digital Marketing
wpgr
0
58
Ρυθμίσεις & styling μλοκ με χρήση του theme.json
wpgr
0
88
Marketing στην πράξη το 2023
wpgr
1
49
Το Metaverse και πώς σχετίζεται με το WordPress!
wpgr
0
88
Γνωριμία με την ομάδα Training
wpgr
0
23
Στρατηγική SEO content για e-commerce websites
wpgr
1
61
Είμαι Freelancer, πώς να κάνω personal branding
wpgr
0
38
Other Decks in Programming
See All in Programming
私のEbitengineの第一歩
qt_luigi
0
430
Desafios e Lições Aprendidas na Migração de Monólitos para Microsserviços em Java
jessilyneh
2
140
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
230
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
360
長期運用プロダクトの開発速度を維持し続けるためのリファクタリング実践例
wataruss
8
2.6k
初めてのiOS関連GitHub ActionsをMarketplaceに公開するまでの実録
konifar
3
210
フロントエンドカンファレンス北海道2024 『小規模サイトでも使えるVite 〜HTMLコーディングをよりスマートに〜』長谷川広武(ハム)
h2ham
1
2.5k
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
4
1.5k
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
130
令和トラベルにおけるLLM活用事例:社内ツール開発から得た学びと実践
ippo012
0
120
ゲームボーイアドバンスでSwiftを動かそう
k_koheyi
0
540
Jakarta EE meets AI
ivargrimstad
0
130
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Web development in the modern age
philhawksworth
204
10k
Building Your Own Lightsaber
phodgson
101
6k
The Illustrated Children's Guide to Kubernetes
chrisshort
46
48k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
25
5k
GraphQLとの向き合い方2022年版
quramy
43
13k
Navigating Team Friction
lara
183
13k
Into the Great Unknown - MozCon
thekraken
28
1.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
123
18k
Debugging Ruby Performance
tmm1
72
12k
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