192
badass.js Mateusz Kwaśniewski @kwasniew

badass.js - na drodze do biegłości

Embed Size (px)

Citation preview

Page 1: badass.js - na drodze do biegłości

badass.js

Mateusz Kwaśniewski @kwasniew

Page 2: badass.js - na drodze do biegłości

pewnego razu…

Page 3: badass.js - na drodze do biegłości
Page 4: badass.js - na drodze do biegłości
Page 5: badass.js - na drodze do biegłości
Page 6: badass.js - na drodze do biegłości

wizjanauka + sztuka

designjakość

Page 7: badass.js - na drodze do biegłości

–bohater opowieści

“We give people products they do not even know

they want”

Page 8: badass.js - na drodze do biegłości
Page 9: badass.js - na drodze do biegłości

Think different.

Page 10: badass.js - na drodze do biegłości

Edwin Land

Page 11: badass.js - na drodze do biegłości
Page 12: badass.js - na drodze do biegłości
Page 13: badass.js - na drodze do biegłości

badass.js

Page 14: badass.js - na drodze do biegłości

hurrra nowy framework!

Page 15: badass.js - na drodze do biegłości

badass.jsrethinking how we learn JavaScript

Page 16: badass.js - na drodze do biegłości

o mnie

Page 17: badass.js - na drodze do biegłości
Page 18: badass.js - na drodze do biegłości

2006

Page 19: badass.js - na drodze do biegłości
Page 20: badass.js - na drodze do biegłości
Page 21: badass.js - na drodze do biegłości
Page 22: badass.js - na drodze do biegłości
Page 23: badass.js - na drodze do biegłości
Page 24: badass.js - na drodze do biegłości
Page 25: badass.js - na drodze do biegłości

2012

Page 26: badass.js - na drodze do biegłości

2015

sorry Java, it’s not you,

it’s me

Page 27: badass.js - na drodze do biegłości
Page 28: badass.js - na drodze do biegłości

most passionate employees are not those who followed their passion, but instead

those who have been around long enough to become good at what they do

Page 29: badass.js - na drodze do biegłości

most passionate employees are not those who followed their passion, but instead

those who have been around long enough to become good at what they do

Page 30: badass.js - na drodze do biegłości
Page 31: badass.js - na drodze do biegłości

the science of badass

to jest najważniejsza książka która zainpirowała tę prezentację

Page 32: badass.js - na drodze do biegłości
Page 33: badass.js - na drodze do biegłości
Page 34: badass.js - na drodze do biegłości
Page 35: badass.js - na drodze do biegłości

Badass thinking

Page 36: badass.js - na drodze do biegłości
Page 37: badass.js - na drodze do biegłości

{nudny slajd z cytatem

motywacyjnym pominięty}

Page 38: badass.js - na drodze do biegłości

“My only regret at age 100 is

that I should

have taken up the violin

at age 60.

I’d have been playing for

40 years by now.”

{żartowałem}

Page 39: badass.js - na drodze do biegłości

już za późno

Page 40: badass.js - na drodze do biegłości

nie jestem utalentowany

Page 41: badass.js - na drodze do biegłości
Page 42: badass.js - na drodze do biegłości
Page 43: badass.js - na drodze do biegłości
Page 44: badass.js - na drodze do biegłości
Page 45: badass.js - na drodze do biegłości
Page 46: badass.js - na drodze do biegłości

nastawienie na rozwój kontra

nastawienie na trwałość

Page 47: badass.js - na drodze do biegłości

Badass skill

buildinglepsze ćwiczenia

Page 48: badass.js - na drodze do biegłości
Page 49: badass.js - na drodze do biegłości
Page 50: badass.js - na drodze do biegłości
Page 51: badass.js - na drodze do biegłości
Page 52: badass.js - na drodze do biegłości
Page 53: badass.js - na drodze do biegłości
Page 54: badass.js - na drodze do biegłości
Page 55: badass.js - na drodze do biegłości

system szybki

system wolny

http://www.nytimes.com/2011/11/27/books/review/thinking-fast-and-slow-by-daniel-kahneman-book-review.html

Page 56: badass.js - na drodze do biegłości

migrujemu na Angulara 2 czy czekamy?

Page 57: badass.js - na drodze do biegłości

B C

nie potrafię z wysiłkiem automatycznie

Page 58: badass.js - na drodze do biegłości

=>*

Page 59: badass.js - na drodze do biegłości

=>*

=>*

Page 60: badass.js - na drodze do biegłości

=>*

=>

*

*

=>

Page 61: badass.js - na drodze do biegłości

=>*

=>

*

*

=>

=>*

Page 62: badass.js - na drodze do biegłości

chcemy to

nigdy to

Page 63: badass.js - na drodze do biegłości
Page 64: badass.js - na drodze do biegłości

dobry balans

zły balans

więcej automatycznie

mniej z wysiłkiem

Page 65: badass.js - na drodze do biegłości

B C

Page 66: badass.js - na drodze do biegłości
Page 67: badass.js - na drodze do biegłości

B C

Page 68: badass.js - na drodze do biegłości

deliberate practicecelowe ćwiczenia

Page 69: badass.js - na drodze do biegłości

to co potrafię

czego NIE potrafię

tu ćwiczyć

Page 70: badass.js - na drodze do biegłości

Przykładmoja nauka Promisów

Page 71: badass.js - na drodze do biegłości

Lepszy model umysłowy

Page 72: badass.js - na drodze do biegłości

nie tylko to

ale także to

Page 73: badass.js - na drodze do biegłości

https://promisesaplus.com/

Page 74: badass.js - na drodze do biegłości
Page 75: badass.js - na drodze do biegłości
Page 77: badass.js - na drodze do biegłości
Page 78: badass.js - na drodze do biegłości
Page 79: badass.js - na drodze do biegłości
Page 80: badass.js - na drodze do biegłości
Page 81: badass.js - na drodze do biegłości
Page 82: badass.js - na drodze do biegłości
Page 83: badass.js - na drodze do biegłości
Page 84: badass.js - na drodze do biegłości
Page 85: badass.js - na drodze do biegłości
Page 86: badass.js - na drodze do biegłości
Page 87: badass.js - na drodze do biegłości

nie każda aktywność to deliberate practice

Page 88: badass.js - na drodze do biegłości

nie tylko to

ale także to

Page 89: badass.js - na drodze do biegłości

{Mateusz, mów wolniej!}

Page 90: badass.js - na drodze do biegłości

Badass skill

buildingekspozycja na

lepsze przykłady

Page 91: badass.js - na drodze do biegłości

nowicjusz

zaawansowany początkujący

kompetentny

biegły

ekspert

Page 92: badass.js - na drodze do biegłości

I’m novice and I know it

Page 93: badass.js - na drodze do biegłości

nowicjusz

zaawansowany początkujący

kompetentny

biegły

ekspert

Page 94: badass.js - na drodze do biegłości
Page 95: badass.js - na drodze do biegłości

nowicjusz

zaawansowany początkujący

kompetentny

biegły

ekspert

Page 96: badass.js - na drodze do biegłości

nowicjusz

zaawansowany początkujący

kompetentny

biegły

ekspert

badass threshold

Page 97: badass.js - na drodze do biegłości

nowicjusz

zaawansowany początkujący

kompetentny

biegły

ekspert

Page 98: badass.js - na drodze do biegłości

Dreyfus Squared

Dan North

Page 99: badass.js - na drodze do biegłości

nowicjusz zaawansowany początkujący kompetentny biegły ekspert

nowicjusz x ?

zaawansowany początkujący x

kompetentny x

biegły x

ekspert ? x

Page 100: badass.js - na drodze do biegłości
Page 101: badass.js - na drodze do biegłości

OMFG

Page 102: badass.js - na drodze do biegłości

Spokojnie tato, to tylko model Dreyfus

w akcji

Page 103: badass.js - na drodze do biegłości

nowicjusz zaawansowany początkujący kompetentny biegły ekspert

nowicjusz x x

zaawansowany początkujący x

kompetentny x

biegły x

ekspert x x

Page 104: badass.js - na drodze do biegłości

nowicjusz zaawansowany początkujący kompetentny biegły ekspert

nowicjusz x ✓

zaawansowany początkujący ✓ x ✓

kompetentny ✓ x ✓

biegły ✓ x ✓

ekspert ✓ x

Page 105: badass.js - na drodze do biegłości
Page 106: badass.js - na drodze do biegłości

nauczyłem się tego bez Ciebie

Page 107: badass.js - na drodze do biegłości

Wiedza percepcyjna

tego uczymy się świadomie

Page 108: badass.js - na drodze do biegłości

duża ilość, wysokiej jakości

przykładów +

natychmiastowy feedback

Page 109: badass.js - na drodze do biegłości
Page 110: badass.js - na drodze do biegłości

Skąd mam brać ćwiczenia do deliberate practice?

Page 111: badass.js - na drodze do biegłości

understand one level below your normal abstraction layer

Neal Ford

Page 112: badass.js - na drodze do biegłości

wujek Doug i

code monkeysnigdy nie używaj ==

Page 113: badass.js - na drodze do biegłości
Page 114: badass.js - na drodze do biegłości
Page 115: badass.js - na drodze do biegłości
Page 116: badass.js - na drodze do biegłości
Page 117: badass.js - na drodze do biegłości
Page 118: badass.js - na drodze do biegłości
Page 119: badass.js - na drodze do biegłości
Page 120: badass.js - na drodze do biegłości
Page 121: badass.js - na drodze do biegłości
Page 122: badass.js - na drodze do biegłości
Page 123: badass.js - na drodze do biegłości
Page 124: badass.js - na drodze do biegłości
Page 125: badass.js - na drodze do biegłości
Page 126: badass.js - na drodze do biegłości
Page 127: badass.js - na drodze do biegłości
Page 128: badass.js - na drodze do biegłości
Page 129: badass.js - na drodze do biegłości
Page 130: badass.js - na drodze do biegłości

smart dudes reading

Page 131: badass.js - na drodze do biegłości
Page 132: badass.js - na drodze do biegłości
Page 133: badass.js - na drodze do biegłości
Page 134: badass.js - na drodze do biegłości
Page 135: badass.js - na drodze do biegłości
Page 136: badass.js - na drodze do biegłości
Page 137: badass.js - na drodze do biegłości
Page 138: badass.js - na drodze do biegłości
Page 139: badass.js - na drodze do biegłości
Page 140: badass.js - na drodze do biegłości
Page 141: badass.js - na drodze do biegłości
Page 142: badass.js - na drodze do biegłości
Page 143: badass.js - na drodze do biegłości
Page 144: badass.js - na drodze do biegłości
Page 145: badass.js - na drodze do biegłości
Page 146: badass.js - na drodze do biegłości
Page 147: badass.js - na drodze do biegłości
Page 148: badass.js - na drodze do biegłości
Page 149: badass.js - na drodze do biegłości
Page 150: badass.js - na drodze do biegłości
Page 151: badass.js - na drodze do biegłości
Page 152: badass.js - na drodze do biegłości

===

Page 153: badass.js - na drodze do biegłości

===

x == undefined|null

Page 154: badass.js - na drodze do biegłości

===

number == Number(string)

x == undefined|null

Page 155: badass.js - na drodze do biegłości

===

number == Number(string)

x == Number(boolean)

x == undefined|null

Page 156: badass.js - na drodze do biegłości

===

number == Number(string)

x == Number(boolean)

string|number == ToPrimitive(object)

x == undefined|null

Page 157: badass.js - na drodze do biegłości

===

x == undefined|null

number == Number(string)

x == Number(boolean)

string|number == ToPrimitive(object)

Page 158: badass.js - na drodze do biegłości

gdzie jeszcze szukać przykładów do deliberate

practice?

Page 159: badass.js - na drodze do biegłości
Page 160: badass.js - na drodze do biegłości
Page 161: badass.js - na drodze do biegłości
Page 162: badass.js - na drodze do biegłości

nie używać bibliotek?

Page 163: badass.js - na drodze do biegłości

making other devs awesome

Page 164: badass.js - na drodze do biegłości

podsumowanie

• nastawienie na rozwój

• celowa praktyka nauka: A →B → C

• nauka percepcyjna: A → C

• znajdowanie przykładów: nauka abstrakcji poniżej

Page 165: badass.js - na drodze do biegłości
Page 166: badass.js - na drodze do biegłości
Page 167: badass.js - na drodze do biegłości
Page 168: badass.js - na drodze do biegłości
Page 169: badass.js - na drodze do biegłości
Page 170: badass.js - na drodze do biegłości
Page 171: badass.js - na drodze do biegłości
Page 172: badass.js - na drodze do biegłości
Page 173: badass.js - na drodze do biegłości

jak głęboka praca uratowała mnie przed ścieżką menadżerską

Page 174: badass.js - na drodze do biegłości
Page 175: badass.js - na drodze do biegłości

Deep Work

Professional activities performed in a state of distraction-free concentration that push your cognitive capabilities to their limit.

These efforts create new value, improve your skill, and are hard to replicate.

Page 176: badass.js - na drodze do biegłości

Shallow work

Non-cognitively demanding, logistical-style tasks, often performed while distracted.

These efforts tend not to create much new value in the world and are easy to replicate.

Page 177: badass.js - na drodze do biegłości
Page 178: badass.js - na drodze do biegłości

• Shallow Worker: Could you forward this email?

• Deep Worker: No, I can’t forward emails because of where I live

• Shallow Worker: Where do you live?

• Deep Worker: The 21st century

Page 179: badass.js - na drodze do biegłości

• Shallow Worker: Could you forward this email?

• Deep Worker: No, I can’t forward emails because of where I live

• Shallow Worker: Where do you live?

• Deep Worker: The 21st century

Page 180: badass.js - na drodze do biegłości

• Shallow Worker: Could you forward this email?

• Deep Worker: No, I can’t forward emails because of where I live

• Shallow Worker: Where do you live?

• Deep Worker: The 21st century

Page 181: badass.js - na drodze do biegłości

• Shallow Worker: Could you forward this email?

• Deep Worker: No, I can’t forward emails because of where I live

• Shallow Worker: Where do you live?

• Deep Worker: The 21st century

Page 182: badass.js - na drodze do biegłości

human network router

Page 183: badass.js - na drodze do biegłości

______ is a wonderful thing for people whose role in life is to be on top of things. But not for me; my role is to be on the bottom of things. What I do takes long hours of studying and

uninterruptible concentration.

Donald Knuth

email

Page 184: badass.js - na drodze do biegłości

______ is a wonderful thing for people whose role in life is to be on top of things. But not for me; my role is to be on the bottom of things. What I do takes long hours of studying and

uninterruptible concentration.

Donald Knuth

email

Page 185: badass.js - na drodze do biegłości

______ is a wonderful thing for people whose role in life is to be on top of things. But not for me; my role is to be on the bottom of things. What I do takes long hours of studying and

uninterruptible concentration.

Donald Knuth

email

Page 186: badass.js - na drodze do biegłości

______ is a wonderful thing for people whose role in life is to be on top of things. But not for me; my role is to be on the bottom of things. What I do takes long hours of studying and

uninterruptible concentration.

Donald Knuth

email

going to meetingsslack

hipchat

facebook

Page 187: badass.js - na drodze do biegłości

shallow worker

deep worker

Page 188: badass.js - na drodze do biegłości

depth will be a new currency

Page 189: badass.js - na drodze do biegłości

I live the focused life, because it’s

the best kind there isPaulo Coelho Cal Newport

Page 190: badass.js - na drodze do biegłości

SEX DRUGS & DOPAMINE

Page 191: badass.js - na drodze do biegłości

This is Bill.

Bill doesn’t obsess with frameworks.

He learns the underlying concepts. Deeply.

He doesn’t change his framework together with his socks.

Be like Bill.

Mateusz Kwaśniewski @kwasniew

Page 192: badass.js - na drodze do biegłości

Wykaz lektur

ECMAScript Spec