Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vangelis Dimitriadis - Modern frontend workflows - WordCamp Athens 2016

A717e9d055b2284e573b2412e32f5397?s=47 WordPress Greek Community
November 19, 2016
Programming
0
140

Vangelis Dimitriadis - Modern frontend workflows - WordCamp Athens 2016

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

November 19, 2016
Tweet

More Decks by WordPress Greek Community

See All by WordPress Greek Community
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
280
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
110
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
1
140
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
180
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
63
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
66
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
63
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
30
A717e9d055b2284e573b2412e32f5397?s=48 wpgr
0
43

Other Decks in Programming

See All in Programming
2c0947c6a28e7f771ebd9859ecf54e5c?s=48 shinyorke
0
120
F5781435bf6dbab3cbbe791111383cf1?s=48 yannickbaron
0
100
347b7e6efc62b633d37a5d0a8d62ae86?s=48 junghyeonjae
0
170
4fe56d2e6ecf4cbde3ddbf6ef54fc568?s=48 kairiyasumatsu
0
160
35c967f46d1a70f36be363da373f2491?s=48 myshmeh_
0
1.2k
C53a4a07191668addb0f406ceac16f41?s=48 sungkukshawnpark
0
670
7c9b8b368924556d8642bdaed3ded1f5?s=48 danilop
1
540
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
110
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
3
2.4k
7252086bae9203045dd7f5664fd96a07?s=48 manuelmeyer
0
120
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
140
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
3.2k

Featured

See All Featured
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
55
4.6k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
85
5k
245cee81a9c424266e5e401d844ea881?s=48 lara
594
61k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
15
980
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
260
20k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1351
200k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.7k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
34
4k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.5k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
482
150k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
6
780

Transcript

  1. LETS TALK ABOUT WORKFLOWS Μοντέρνα ροή εργασίας & εργαλεία

  2. Vangelis Dimitriadis @vangelis183 LETS TALK ABOUT WORKFLOWS

  3. PROGRAMMERS ARE F***ING LAZY Swizec Teller LETS TALK ABOUT WORKFLOWS

  4. Μια ροή εργασίας αποτελείται από μια σειρά συνδεδεμένων βημάτων, προκειμένου

    να ολοκληρωθεί μια εργασία. Wikipedia LETS TALK ABOUT WORKFLOWS

  5. Ποιά εργαλεία χρησιμοποιούμε σήμερα; LETS TALK ABOUT WORKFLOWS

  6. None

  7. Τα εργαλεία μας εξελίσσονται. Εμείς; Ο τρόπος δουλειάς μας; LETS

    TALK ABOUT WORKFLOWS

  8. Η επένδυση σε χρόνο/χρήμα σε μια ροή εργασίας θα πρέπει

    να μας επιστραφεί πολλαπλάσια. LETS TALK ABOUT WORKFLOWS

  9. Ποιά εργαλεία υπάρχουν; LETS TALK ABOUT WORKFLOWS

  10. https://medium.com/@withinsight1/the-front-end-spectrum-c0f30998c9f0#.gt4cz03pe

  11. Λεπτή γραμμή μεταξύ χρήσης για χάρη της χρήσης και χρησιμότητας.

    LETS TALK ABOUT WORKFLOWS

  12. Αυτοματοποίηση LETS TALK ABOUT WORKFLOWS

  13. Grunt Gulp Broccoli

  14. Πού χρησιμέυουν; LETS TALK ABOUT WORKFLOWS Compile Convert Tasks automation

    Deploy

  15. Ποιό χρησιμοποιούμε; LETS TALK ABOUT WORKFLOWS Αυτό που μας εξυπηρετεί!

  16. CSS Preprocessors LETS TALK ABOUT WORKFLOWS

  17. LESS SASS

  18. Πού χρησιμέυουν; LETS TALK ABOUT WORKFLOWS variables nesting mixins operators

  19. None
  20. None

  21. Livereload / Browsersync LETS TALK ABOUT WORKFLOWS

  22. None

  23. Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS Refresh after changes made

    Server via local IP Click sync on multiple devices

  24. UglifyJS LETS TALK ABOUT WORKFLOWS

  25. None

  26. Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS minify sources performance

  27. Από 1,7 MB σε 331KB

  28. Sourcemaps LETS TALK ABOUT WORKFLOWS

  29. Πού χρησιμέυει; LETS TALK ABOUT WORKFLOWS locate Error minified sources

    „Αντιβιωτικό“ για debugging
  30. None

  31. imageoptim / imagemin LETS TALK ABOUT WORKFLOWS

  32. Και πως συνδέονται όλα αυτά; LETS TALK ABOUT WORKFLOWS

  33. https://nodejs.org/en/

  34. package.json

  35. npm install LETS TALK ABOUT WORKFLOWS

  36. Gruntfile.js

  37. Gruntfile.js

  38. Gruntfile.js

  39. None
  40. None

  41. last but not least … LETS TALK ABOUT WORKFLOWS

  42. Version control LETS TALK ABOUT WORKFLOWS

  43. None
  44. None

  45. https://bitbucket.org/vangelis/wcath2016 LETS TALK ABOUT WORKFLOWS