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 workflows - WordCamp Athens 2016
Search
WordPress Greek Community
November 19, 2016
Programming
0
320
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
48
Κατανόηση της καταναλωτικής συμπεριφοράς και διαμόρφωση στρατηγικής
wpgr
0
41
Συνδυαστικές στρατηγικές για Επιτυχημένο E- Commerce, Online Merchandising και Digital Marketing
wpgr
0
55
Ρυθμίσεις & styling μλοκ με χρήση του theme.json
wpgr
0
81
Marketing στην πράξη το 2023
wpgr
1
49
Το Metaverse και πώς σχετίζεται με το WordPress!
wpgr
0
85
Γνωριμία με την ομάδα Training
wpgr
0
20
Στρατηγική SEO content για e-commerce websites
wpgr
1
60
Είμαι Freelancer, πώς να κάνω personal branding
wpgr
0
37
Other Decks in Programming
See All in Programming
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
しくじり先生 Image Matching Challenge 2024 編
goosehaaan
0
810
AWS CDKにおける「再利用性」を考える / aws-cdk-reusability
gotok365
6
1.3k
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
feature環境をGitHub ActionsとCloudFormationでいい感じに管理する
nealle
2
310
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
継続的な活動で築く地方エンジニアの道
myamashii
2
360
DDDを志して3年経ったら「DDDの皮を被ったクリーンアーキテクチャ」になった話【デブサミ2024夏】
texmeijin
1
620
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
リハビリmruby
kishima
1
160
Featured
See All Featured
Happy Clients
brianwarren
94
6.6k
Building Adaptive Systems
keathley
34
2k
BBQ
matthewcrist
82
9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
Designing for humans not robots
tammielis
247
25k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
GitHub's CSS Performance
jonrohan
1026
450k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
Clear Off the Table
cherdarchuk
89
320k
Speed Design
sergeychernyshev
9
270
Gamification - CAS2011
davidbonilla
78
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
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