Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Jak nadążyć za
światem front-endu?
Tomasz Dziuda
infoMEET Kraków - 25.02.2017
Źródło: https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4
Źródło: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f
Źródło: http://www.2ality.com/2016/02/js-fatigue-fatigue.html
Przyczyna problemu
HTML
HTML
CSS JavaScript
HTML
CSS JavaScript
AJAX
SEO Microdata
HTML
CSS JavaScript
AJAX
SEO Microdata
SASS
Workflow
Automation
Tools
RWD
HTML
CSS JavaScript
AJAX
SEO Microdata
SASS
Workflow
Automation
Tools
RWD
Accessibility
Motion DesignSPA
Progressive
Enhan...
HTML
CSS JavaScript
AJAX
SEO Microdata
SASS
Workflow
Automation
Tools
RWD
Accessibility
Motion DesignSPA
Progressive
Enhan...
"In programming, there is often an obsession with
using the latest and greatest technology.
Programmers view the use of ed...
Źródło: http://blog.bitovi.com/longevity-or-lack-thereof-in-javascript-frameworks/
Ironia losu
ES2015 wprowadziło klasy do JavaScript,
więc nadeszła moda na...
programowanie funkcyjne ;-)
Ironia losu
ES2015 wprowadziło klasy do JavaScript,
więc nadeszła moda na...
programowanie funkcyjne ;-)
Rozwiązania problemu
2009: jQuery === JavaScript
2009: jQuery === JavaScript
2013: AngularJS === JavaScript
2009: jQuery === JavaScript
2013: AngularJS === JavaScript
2016: React === JavaScript
Źródło: http://vanilla-js.com/
Najmniejszy i najwydajniejszy framework
Nie sztuką jest nauczyć się podstaw
10 frameworków
Sztuką jest umieć odtworzyć na swój
sposób ich główne idee działania
Nie sztuką jest nauczyć się podstaw
10 frameworków
Sztuką jest umieć odtworzyć na swój
sposób ich główne idee działania
two-way data-binding
currying
closures
Temporal Dead Zone
Virtual DOM
hoisting
promises
AJAX
JSON
JSON-P
Regular Expressio...
Prowadzenie bloga
Źródło: https://github.com
Niech ktoś przefiltruje to za mnie!
Źródło: http://javascriptweekly.com/
Źródło: http://javascriptweekly.com/
Źródło: http://webtoolsweekly.com/
Źródło: http://react.statuscode.com/
Źródło: http://esnextnews.com/
Źródło: http://dailyui.co/
Źródło: https://www.apichangelog.com/
Źródło: https://www.apichangelog.com/
Zbiór ciekawych newsletterów:
http://codecondo.com/weekly-newsletters-front-end-deve...
Zarządzanie dużą liczbą newsletterów
Potencjalnie
ważne
Potencjalne
odpady
Zarządzanie dużą liczbą newsletterów
Potencjalnie
ważne
Oznacz jako przeczytane
Potencjalne
odpady
Zarządzanie dużą liczbą newsletterów
Potencjalnie
ważne
Oznacz jako przeczytane
Potencjalne
odpady
Sprawdzane raz
na 3 dni
Sprawdzane raz
na tydzień
Zarządzani...
Źródło: https://getpocket.com/
Źródło: https://getpocket.com/
999+
Prawdopodobnie nigdy nie wykorzystamy 90% *
rozwiązań o których czytamy...
... ale warto wiedzieć, że są i jakie problemy
...
Prawdopodobnie nigdy nie wykorzystamy 90% *
rozwiązań o których czytamy...
... ale warto wiedzieć, że istnieją i jakie pro...
Środki przymusu
bezpośredniego
Źródło: http://dziudek.github.io/wp-links/
Źródło: http://dziudek.github.io/dev-links/
Źródło: https://www.enki.com/
Źródło: http://www.codewars.com/
Źródło: http://rosalind.info/
Źródło: http://es6katas.org/
Źródło: http://codepen.io/
Źródło: http://sideprojects.in/
Dlaczego projekt poboczny
warto napisać w Electronie?
( http://electron.atom.io/ )
Wsparcie dla najnowszych standardów
Źródło: http://jlord.us/essential-electron/
Wsparcie dla najnowszych standardów
Źródło: https://kangax.github.io/compat-table/es6/
Aplikacje w Electronie to głównie SPA
Dostęp do systemowych API daje ciekawe możliwości
Źródło: https://getkap.co/
Podważaj swoją wiedzę
Źródło: http://caniuse.com/
Źródło: https://www.chromestatus.com/features
Źródło: https://dev.modern.ie/platform/status/
Źródło: https://platform-status.mozilla.org/
Źródło: https://webkit.org/status/
Historia wersji przeglądarek:
https://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg
6 tygodni
~...
Nie bój się ludzi
Efekt Krugera-Dunninga
Pewnośćsiebie
Wiedza
Polecam: http://www.slideshare.net/ferrantes/the-human-element-47816358
Podsumowanie
Zachowaj zdrowy rozsądek
Opanuj dobrze podstawy Vanilla JS
Analizuj rozwiązania zastosowane w narzędziach 

których używasz
Zdobywaj i podważaj swoją wiedzę regularnie
Dziel się zdobytą wiedzą z innymi
Nowe technologie testuj w projektach pobocznych
Pytania?
tomasz@dziuda.com
@dziudek
http://dziudek.pl
http://www.slideshare.net/dziudek
Tomasz Dziuda
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Jak nadążyć za światem front endu
Upcoming SlideShare
Loading in …5
×

Jak nadążyć za światem front endu

293 views

Published on

Luźne spojrzenie na to jak obecnie wygląda rozpędzony świat front-endu oraz propozycje rozwiązań problemów bycia z nim na bieżąco.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Jak nadążyć za światem front endu

  1. 1. Jak nadążyć za światem front-endu? Tomasz Dziuda infoMEET Kraków - 25.02.2017
  2. 2. Źródło: https://medium.com/@ericclemmons/javascript-fatigue-48d4011b6fc4
  3. 3. Źródło: https://hackernoon.com/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f
  4. 4. Źródło: http://www.2ality.com/2016/02/js-fatigue-fatigue.html
  5. 5. Przyczyna problemu
  6. 6. HTML
  7. 7. HTML CSS JavaScript
  8. 8. HTML CSS JavaScript AJAX SEO Microdata
  9. 9. HTML CSS JavaScript AJAX SEO Microdata SASS Workflow Automation Tools RWD
  10. 10. HTML CSS JavaScript AJAX SEO Microdata SASS Workflow Automation Tools RWD Accessibility Motion DesignSPA Progressive Enhancement Performance WebComponents NPMJSX REST
  11. 11. HTML CSS JavaScript AJAX SEO Microdata SASS Workflow Automation Tools RWD Accessibility Motion DesignSPA Progressive Enhancement Performance WebComponents NPMJSX Houdini TypeScript Web WorkersService Workers CSSX NativeScript Offline-first REST
  12. 12. "In programming, there is often an obsession with using the latest and greatest technology. Programmers view the use of edge technology as its own badge of honor, and are quick to throw away legacy applications." Źródło: https://signalvnoise.com/posts/3933-a-love-for-legacy https://tommcfarlin.com/latest-and-greatest-technology/
  13. 13. Źródło: http://blog.bitovi.com/longevity-or-lack-thereof-in-javascript-frameworks/
  14. 14. Ironia losu ES2015 wprowadziło klasy do JavaScript, więc nadeszła moda na... programowanie funkcyjne ;-)
  15. 15. Ironia losu ES2015 wprowadziło klasy do JavaScript, więc nadeszła moda na... programowanie funkcyjne ;-)
  16. 16. Rozwiązania problemu
  17. 17. 2009: jQuery === JavaScript
  18. 18. 2009: jQuery === JavaScript 2013: AngularJS === JavaScript
  19. 19. 2009: jQuery === JavaScript 2013: AngularJS === JavaScript 2016: React === JavaScript
  20. 20. Źródło: http://vanilla-js.com/ Najmniejszy i najwydajniejszy framework
  21. 21. Nie sztuką jest nauczyć się podstaw 10 frameworków Sztuką jest umieć odtworzyć na swój sposób ich główne idee działania
  22. 22. Nie sztuką jest nauczyć się podstaw 10 frameworków Sztuką jest umieć odtworzyć na swój sposób ich główne idee działania
  23. 23. two-way data-binding currying closures Temporal Dead Zone Virtual DOM hoisting promises AJAX JSON JSON-P Regular Expressions prototypes inheritance partial application module pattern progressive enhancement localStorage functional programming chaining callback dirty checking Web Components
  24. 24. Prowadzenie bloga
  25. 25. Źródło: https://github.com
  26. 26. Niech ktoś przefiltruje to za mnie!
  27. 27. Źródło: http://javascriptweekly.com/
  28. 28. Źródło: http://javascriptweekly.com/ Źródło: http://webtoolsweekly.com/
  29. 29. Źródło: http://react.statuscode.com/
  30. 30. Źródło: http://esnextnews.com/
  31. 31. Źródło: http://dailyui.co/
  32. 32. Źródło: https://www.apichangelog.com/
  33. 33. Źródło: https://www.apichangelog.com/ Zbiór ciekawych newsletterów: http://codecondo.com/weekly-newsletters-front-end-developers/
  34. 34. Zarządzanie dużą liczbą newsletterów
  35. 35. Potencjalnie ważne Potencjalne odpady Zarządzanie dużą liczbą newsletterów
  36. 36. Potencjalnie ważne Oznacz jako przeczytane Potencjalne odpady Zarządzanie dużą liczbą newsletterów
  37. 37. Potencjalnie ważne Oznacz jako przeczytane Potencjalne odpady Sprawdzane raz na 3 dni Sprawdzane raz na tydzień Zarządzanie dużą liczbą newsletterów
  38. 38. Źródło: https://getpocket.com/
  39. 39. Źródło: https://getpocket.com/ 999+
  40. 40. Prawdopodobnie nigdy nie wykorzystamy 90% * rozwiązań o których czytamy... ... ale warto wiedzieć, że są i jakie problemy rozwiązują. * wartość z kapelusza podana jedynie w celu lepszego zapamiętania, że chodzi o zdecydowaną większość ;-)
  41. 41. Prawdopodobnie nigdy nie wykorzystamy 90% * rozwiązań o których czytamy... ... ale warto wiedzieć, że istnieją i jakie problemy rozwiązują. * wartość z kapelusza podana jedynie w celu lepszego zapamiętania, że chodzi o zdecydowaną większość ;-)
  42. 42. Środki przymusu bezpośredniego
  43. 43. Źródło: http://dziudek.github.io/wp-links/ Źródło: http://dziudek.github.io/dev-links/
  44. 44. Źródło: https://www.enki.com/
  45. 45. Źródło: http://www.codewars.com/
  46. 46. Źródło: http://rosalind.info/
  47. 47. Źródło: http://es6katas.org/
  48. 48. Źródło: http://codepen.io/
  49. 49. Źródło: http://sideprojects.in/
  50. 50. Dlaczego projekt poboczny warto napisać w Electronie? ( http://electron.atom.io/ )
  51. 51. Wsparcie dla najnowszych standardów Źródło: http://jlord.us/essential-electron/
  52. 52. Wsparcie dla najnowszych standardów Źródło: https://kangax.github.io/compat-table/es6/
  53. 53. Aplikacje w Electronie to głównie SPA
  54. 54. Dostęp do systemowych API daje ciekawe możliwości Źródło: https://getkap.co/
  55. 55. Podważaj swoją wiedzę
  56. 56. Źródło: http://caniuse.com/
  57. 57. Źródło: https://www.chromestatus.com/features
  58. 58. Źródło: https://dev.modern.ie/platform/status/
  59. 59. Źródło: https://platform-status.mozilla.org/
  60. 60. Źródło: https://webkit.org/status/
  61. 61. Historia wersji przeglądarek: https://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg 6 tygodni ~6 tygodni evergreen
  62. 62. Nie bój się ludzi
  63. 63. Efekt Krugera-Dunninga Pewnośćsiebie Wiedza
  64. 64. Polecam: http://www.slideshare.net/ferrantes/the-human-element-47816358
  65. 65. Podsumowanie
  66. 66. Zachowaj zdrowy rozsądek
  67. 67. Opanuj dobrze podstawy Vanilla JS
  68. 68. Analizuj rozwiązania zastosowane w narzędziach 
 których używasz
  69. 69. Zdobywaj i podważaj swoją wiedzę regularnie
  70. 70. Dziel się zdobytą wiedzą z innymi
  71. 71. Nowe technologie testuj w projektach pobocznych
  72. 72. Pytania?
  73. 73. tomasz@dziuda.com @dziudek http://dziudek.pl http://www.slideshare.net/dziudek Tomasz Dziuda

×