Jak nadążyć za światem front-endu?
-
Upload
tomasz-dziuda -
Category
Technology
-
view
791 -
download
0
Transcript of Jak nadążyć za światem front-endu?
![Page 1: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/1.jpg)
Jak nadążyć za światem front-endu?
Tomasz Dziuda
Kariera IT Łódź - 07.11.2015
![Page 2: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/2.jpg)
Przyczyna problemu
![Page 3: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/3.jpg)
Czas
Złoż
onos
ć
HTMLCSS
JavaScript
AJAX
SASSGrunt
SEO
MicrodataRWD
AccessibilityMotion Design
SPA
![Page 4: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/4.jpg)
"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/
![Page 5: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/5.jpg)
Nie sztuką jest nauczyć się podstaw 10 frameworków
Sztuką jest zostać specjalistą od jednego z nich.
![Page 6: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/6.jpg)
Źródło: http://blog.bitovi.com/longevity-or-lack-thereof-in-javascript-frameworks/
![Page 7: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/7.jpg)
![Page 9: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/9.jpg)
Rozwiązania problemu
![Page 10: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/10.jpg)
2009: jQuery === JavaScript
![Page 11: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/11.jpg)
2009: jQuery === JavaScript
2013: AngularJS === JavaScript
![Page 12: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/12.jpg)
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 checkingWeb Components
![Page 13: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/13.jpg)
Prowadzenie bloga
![Page 15: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/15.jpg)
![Page 16: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/16.jpg)
![Page 17: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/17.jpg)
![Page 18: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/18.jpg)
![Page 19: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/19.jpg)
![Page 20: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/20.jpg)
![Page 21: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/21.jpg)
![Page 22: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/22.jpg)
![Page 23: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/23.jpg)
![Page 24: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/24.jpg)
Czysty kanał RSS :-)
![Page 25: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/25.jpg)
Niech ktoś przefiltruje to za mnie!
![Page 27: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/27.jpg)
Źródło: http://javascriptweekly.com/
Źródło: http://webtoolsweekly.com/
![Page 30: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/30.jpg)
Źródło: https://www.apichangelog.com/
Zbiór ciekawych newsletterów:
http://codecondo.com/weekly-newsletters-front-end-developers/
![Page 31: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/31.jpg)
Zarządzanie dużą liczbą newsletterów
![Page 32: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/32.jpg)
Potencjalnie ważne
Potencjalne odpady
Zarządzanie dużą liczbą newsletterów
![Page 33: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/33.jpg)
Potencjalnie ważne
Oznacz jako przeczytane
Potencjalne odpady
Zarządzanie dużą liczbą newsletterów
![Page 34: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/34.jpg)
Potencjalnie ważne
Oznacz jako przeczytane
Potencjalne odpady
Sprawdzane raz na 3 dni
Sprawdzane raz na tydzień
Zarządzanie dużą liczbą newsletterów
![Page 37: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/37.jpg)
Środki przymusu bezpośredniego
![Page 38: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/38.jpg)
Źródło: http://dziudek.github.io/wp-links/
Źródło: http://dziudek.github.io/dev-links/
![Page 43: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/43.jpg)
Źródło: http://sideprojects.in/
![Page 44: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/44.jpg)
NAWYK można go wyrobić w 30 dni
![Page 45: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/45.jpg)
Podważaj swoją wiedzę
![Page 50: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/50.jpg)
Historia wersji przeglądarek: https://upload.wikimedia.org/wikipedia/commons/7/74/Timeline_of_web_browsers.svg
6 tygodni
~6 tygodni
evergreen
![Page 51: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/51.jpg)
Najważniejsi są ludzie
![Page 52: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/52.jpg)
![Page 53: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/53.jpg)
#nowLDZ
![Page 54: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/54.jpg)
![Page 55: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/55.jpg)
Efekt Krugera-Dunninga
Pew
ność
sie
bie
Wiedza
![Page 56: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/56.jpg)
Polecam: http://www.slideshare.net/ferrantes/the-human-element-47816358
![Page 57: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/57.jpg)
Bonus: Web is dead?
![Page 58: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/58.jpg)
Źródło: https://twitter.com/lukew/status/649255909420503041
![Page 59: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/59.jpg)
![Page 60: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/60.jpg)
![Page 61: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/61.jpg)
![Page 62: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/62.jpg)
![Page 63: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/63.jpg)
Podsumowanie
![Page 64: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/64.jpg)
• Opanuj bardzo dobrze JavaScript • Zdobywaj, podważaj i ćwicz swoją wiedzę regularnie • Dziel się zdobytą wiedzą • Nowe technologie testuj w projektach pobocznych • Staraj się być lepszym człowiekiem
![Page 65: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/65.jpg)
• Opanuj bardzo dobrze JavaScript • Zdobywaj, podważaj i ćwicz swoją wiedzę regularnie • Dziel się zdobytą wiedzą • Nowe technologie testuj w projektach pobocznych • Staraj się być lepszym człowiekiem
![Page 66: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/66.jpg)
• Opanuj bardzo dobrze JavaScript • Zdobywaj, podważaj i ćwicz swoją wiedzę regularnie • Dziel się zdobytą wiedzą • Nowe technologie testuj w projektach pobocznych • Staraj się być lepszym człowiekiem
![Page 67: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/67.jpg)
• Opanuj bardzo dobrze JavaScript • Zdobywaj, podważaj i ćwicz swoją wiedzę regularnie • Dziel się zdobytą wiedzą • Nowe technologie testuj w projektach pobocznych • Staraj się być lepszym człowiekiem
![Page 68: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/68.jpg)
• Opanuj bardzo dobrze JavaScript • Zdobywaj, podważaj i ćwicz swoją wiedzę regularnie • Dziel się zdobytą wiedzą • Nowe technologie testuj w projektach pobocznych • Staraj się być lepszym człowiekiem
![Page 69: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/69.jpg)
Pytania?
![Page 70: Jak nadążyć za światem front-endu?](https://reader034.fdocuments.net/reader034/viewer/2022052514/58f0e74c1a28ab7a2b8b4605/html5/thumbnails/70.jpg)
Lead Developer @
@dziudek
http://dziudek.pl
http://dziudek.github.io/wp-links
http://dziudek.github.io/dev-links
http://www.slideshare.net/dziudek
Tomasz Dziuda