Jak nadążyć za światem front-endu?

70
Jak nadążyć za światem front-endu? Tomasz Dziuda Kariera IT Łódź - 07.11.2015

Transcript of Jak nadążyć za światem front-endu?

Page 1: Jak nadążyć za światem front-endu?

Jak nadążyć za światem front-endu?

Tomasz Dziuda

Kariera IT Łódź - 07.11.2015

Page 2: Jak nadążyć za światem front-endu?

Przyczyna problemu

Page 3: Jak nadążyć za światem front-endu?

Czas

Złoż

onos

ć

HTMLCSS

JavaScript

AJAX

SASSGrunt

SEO

MicrodataRWD

AccessibilityMotion Design

SPA

Page 4: Jak nadążyć za światem front-endu?

"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?

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?

Źródło: http://blog.bitovi.com/longevity-or-lack-thereof-in-javascript-frameworks/

Page 7: Jak nadążyć za światem front-endu?
Page 8: Jak nadążyć za światem front-endu?

Źródło: http://vanilla-js.com/

Najmniejszy i najwydajniejszy framework

Page 9: Jak nadążyć za światem front-endu?

Rozwiązania problemu

Page 10: Jak nadążyć za światem front-endu?

2009: jQuery === JavaScript

Page 11: Jak nadążyć za światem front-endu?

2009: jQuery === JavaScript

2013: AngularJS === JavaScript

Page 12: Jak nadążyć za światem front-endu?

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?

Prowadzenie bloga

Page 14: Jak nadążyć za światem front-endu?

Źródło: https://github.com

Page 15: Jak nadążyć za światem front-endu?
Page 16: Jak nadążyć za światem front-endu?
Page 17: Jak nadążyć za światem front-endu?
Page 18: Jak nadążyć za światem front-endu?
Page 19: Jak nadążyć za światem front-endu?
Page 20: Jak nadążyć za światem front-endu?
Page 21: Jak nadążyć za światem front-endu?
Page 22: Jak nadążyć za światem front-endu?
Page 23: Jak nadążyć za światem front-endu?
Page 24: Jak nadążyć za światem front-endu?

Czysty kanał RSS :-)

Page 25: Jak nadążyć za światem front-endu?

Niech ktoś przefiltruje to za mnie!

Page 26: Jak nadążyć za światem front-endu?

Źródło: http://javascriptweekly.com/

Page 27: Jak nadążyć za światem front-endu?

Źródło: http://javascriptweekly.com/

Źródło: http://webtoolsweekly.com/

Page 28: Jak nadążyć za światem front-endu?

Źródło: http://dailyui.co/

Page 29: Jak nadążyć za światem front-endu?

Źródło: https://www.apichangelog.com/

Page 30: Jak nadążyć za światem front-endu?

Ź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?

Zarządzanie dużą liczbą newsletterów

Page 32: Jak nadążyć za światem front-endu?

Potencjalnie ważne

Potencjalne odpady

Zarządzanie dużą liczbą newsletterów

Page 33: Jak nadążyć za światem front-endu?

Potencjalnie ważne

Oznacz jako przeczytane

Potencjalne odpady

Zarządzanie dużą liczbą newsletterów

Page 34: Jak nadążyć za światem front-endu?

Potencjalnie ważne

Oznacz jako przeczytane

Potencjalne odpady

Sprawdzane raz na 3 dni

Sprawdzane raz na tydzień

Zarządzanie dużą liczbą newsletterów

Page 35: Jak nadążyć za światem front-endu?

Źródło: https://getpocket.com/

Page 36: Jak nadążyć za światem front-endu?

Źródło: https://getpocket.com/

999+

Page 37: Jak nadążyć za światem front-endu?

Środki przymusu bezpośredniego

Page 38: Jak nadążyć za światem front-endu?

Źródło: http://dziudek.github.io/wp-links/

Źródło: http://dziudek.github.io/dev-links/

Page 39: Jak nadążyć za światem front-endu?

Źródło: http://www.codewars.com/

Page 40: Jak nadążyć za światem front-endu?

Źródło: http://rosalind.info/

Page 41: Jak nadążyć za światem front-endu?

Źródło: http://es6katas.org/

Page 42: Jak nadążyć za światem front-endu?

Źródło: http://codepen.io/

Page 43: Jak nadążyć za światem front-endu?

Źródło: http://sideprojects.in/

Page 44: Jak nadążyć za światem front-endu?

NAWYK można go wyrobić w 30 dni

Page 45: Jak nadążyć za światem front-endu?

Podważaj swoją wiedzę

Page 46: Jak nadążyć za światem front-endu?

Źródło: https://google.pl

Page 47: Jak nadążyć za światem front-endu?

Źródło: http://caniuse.com/

Page 48: Jak nadążyć za światem front-endu?

Źródło: https://www.chromestatus.com/features

Page 49: Jak nadążyć za światem front-endu?

Źródło: https://dev.modern.ie/platform/status/

Page 50: Jak nadążyć za światem front-endu?

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?

Najważniejsi są ludzie

Page 52: Jak nadążyć za światem front-endu?
Page 53: Jak nadążyć za światem front-endu?

#nowLDZ

Page 54: Jak nadążyć za światem front-endu?
Page 55: Jak nadążyć za światem front-endu?

Efekt Krugera-Dunninga

Pew

ność

sie

bie

Wiedza

Page 56: Jak nadążyć za światem front-endu?

Polecam: http://www.slideshare.net/ferrantes/the-human-element-47816358

Page 57: Jak nadążyć za światem front-endu?

Bonus: Web is dead?

Page 58: Jak nadążyć za światem front-endu?

Źródło: https://twitter.com/lukew/status/649255909420503041

Page 59: Jak nadążyć za światem front-endu?
Page 60: Jak nadążyć za światem front-endu?
Page 61: Jak nadążyć za światem front-endu?
Page 62: Jak nadążyć za światem front-endu?
Page 63: Jak nadążyć za światem front-endu?

Podsumowanie

Page 64: Jak nadążyć za światem front-endu?

• 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?

• 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?

• 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?

• 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?

• 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?

Pytania?

Page 70: Jak nadążyć za światem front-endu?

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