{"id":39071,"date":"2019-10-31T22:27:41","date_gmt":"2019-10-31T19:27:41","guid":{"rendered":"https:\/\/prohoster.info\/blog\/pochemu-polezno-izobretat-kolyosa\/"},"modified":"2019-10-31T22:27:41","modified_gmt":"2019-10-31T19:27:41","slug":"pochemu-polezno-izobretat-kolyosa","status":"publish","type":"post","link":"https:\/\/prohoster.info\/pl\/blog\/news\/pochemu-polezno-izobretat-kolyosa","title":{"rendered":"Dlaczego warto wynajdywa\u0107 ko\u0142a","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Dlaczego
\n
\nOstatnio przeprowadza\u0142em rozmow\u0119 kwalifikacyjn\u0105 z programist\u0105 JavaScript, kt\u00f3ry ubiega\u0142 si\u0119 o stanowisko seniora. Kolega, kt\u00f3ry r\u00f3wnie\u017c bra\u0142 udzia\u0142 w rozmowie, poprosi\u0142 kandydata o napisanie funkcji, kt\u00f3ra wykonuje \u017c\u0105danie HTTP i w przypadku niepowodzenia powtarza pr\u00f3b\u0119 kilka razy.<\/p>\n

Pisa\u0142 kod od razu na tablicy, wi\u0119c wystarczy\u0142o by zilustrowa\u0107 co\u015b przybli\u017conego. Gdyby po prostu pokaza\u0142, \u017ce dobrze rozumie, na czym polega problem, byliby\u015bmy ca\u0142kiem zadowoleni. Niestety, nie uda\u0142o mu si\u0119 znale\u017a\u0107 dobrego rozwi\u0105zania. Wtedy, przypisuj\u0105c to jego zdenerwowaniu, postanowili\u015bmy nieco u\u0142atwi\u0107 zadanie i poprosili\u015bmy go, aby przekszta\u0142ci\u0142 funkcj\u0119 z wywo\u0142aniami zwrotnymi na funkcj\u0119 opart\u0105 na obietnicach.<\/p>\n

Ale niestety. Tak, by\u0142o oczywiste, \u017ce podobny kod spotka\u0142 go wcze\u015bniej. Og\u00f3lnie rzecz bior\u0105c, wiedzia\u0142, jak to wszystko dzia\u0142a. Wystarczy\u0142o by nam szkic rozwi\u0105zania, kt\u00f3ry wykazywa\u0142by zrozumienie koncepcji. Niemniej jednak kod, kt\u00f3ry kandydat pisa\u0142 na tablicy, by\u0142 kompletn\u0105 bzdur\u0105. Mia\u0142 bardzo mgliste poj\u0119cie o tym, czym s\u0105 obietnice w JavaScript i nie potrafi\u0142 skutecznie wyja\u015bni\u0107, dlaczego s\u0105 potrzebne. Dla juniora by\u0142oby to jeszcze do przyj\u0119cia, ale na stanowisko seniora ju\u017c si\u0119 nie nadawa\u0142. Jak ten programista m\u00f3g\u0142by naprawi\u0107 b\u0142\u0119dy w skomplikowanym \u0142a\u0144cuchu obietnic i wyt\u0142umaczy\u0107 innym, co dok\u0142adnie zrobi\u0142?
\n<\/a><\/noindex><\/p>\n

Programi\u015bci uwa\u017caj\u0105 gotowy kod za co\u015b oczywistego.<\/h4>\n

\nW procesie tworzenia oprogramowania nieustannie stykamy si\u0119 z materia\u0142ami, kt\u00f3re mo\u017cna powiela\u0107. Przenosimy fragmenty kodu, aby nie musie\u0107 ich za ka\u017cdym razem pisa\u0107 od nowa. Koncentruj\u0105c si\u0119 zatem na kluczowych cz\u0119\u015bciach, patrzymy na gotowy kod, z kt\u00f3rym pracujemy, jako na co\u015b oczywistego \u2013 po prostu zak\u0142adamy, \u017ce wszystko b\u0119dzie dzia\u0142a\u0107 jak nale\u017cy.<\/p>\n

I zazwyczaj tak jest, ale gdy pojawiaj\u0105 si\u0119 trudno\u015bci, zrozumienie jego mechaniki zdecydowanie si\u0119 op\u0142aca.<\/p>\n

Nasz kandydat na stanowisko programisty seniora uwa\u017ca\u0142, \u017ce obiekty obietnic s\u0105 czym\u015b oczywistym. Prawdopodobnie wiedzia\u0142, jak si\u0119 nimi pos\u0142ugiwa\u0107, gdy pojawiaj\u0105 si\u0119 w cudzym kodzie, ale nie rozumia\u0142 og\u00f3lnej zasady i nie m\u00f3g\u0142 jej powt\u00f3rzy\u0107 podczas rozmowy kwalifikacyjnej. By\u0107 mo\u017ce zapami\u0119ta\u0142 fragment na pami\u0119\u0107 \u2013 to nie jest a\u017c tak trudne:<\/p>\n

return new Promise((resolve, reject) => {\n  functionWithCallback((err, result) => {\n   return err ? reject(err) : resolve(result);\n  });\n});<\/code><\/pre>\n
\nJa te\u017c tak robi\u0142em \u2013 wszyscy prawdopodobnie robili\u015bmy to kiedy\u015b. Po prostu zapami\u0119tywali\u015bmy kawa\u0142ek kodu, aby m\u00f3c go potem wykorzysta\u0107 w pracy, maj\u0105c jedynie og\u00f3ln\u0105 wizj\u0119, jak to wszystko dzia\u0142a. Gdyby jednak programista naprawd\u0119 rozumia\u0142 koncepcj\u0119, nie musia\u0142by niczego zapami\u0119tywa\u0107 \u2013 po prostu wiedzia\u0142by, jak to zrobi\u0107, i bez trudu odtworzy\u0142by wszystkie niezb\u0119dne elementy w kodzie.<\/p>\n
Si\u0119gaj do korzeni<\/h4>\n
\nW 2012 roku, kiedy jeszcze nie zapanowa\u0142o panowanie framework\u00f3w frontendowych, \u015bwiatem rz\u0105dzi\u0142 jQuery, a ja czyta\u0142em ksi\u0105\u017ck\u0119 Sekrety Ninja JavaScriptu<\/a><\/noindex>, kt\u00f3rej autorem by\u0142 John Resig, tw\u00f3rca jQuery.<\/p>\n
Ksi\u0105\u017cka uczy czytelnika, jak stworzy\u0107 w\u0142asne jQuery od podstaw i daje unikaln\u0105 mo\u017cliwo\u015b\u0107 zapoznania si\u0119 z my\u015bleniem, kt\u00f3re doprowadzi\u0142o do stworzenia tej biblioteki. W ostatnich latach jQuery straci\u0142o swoj\u0105 dawn\u0105 popularno\u015b\u0107, ale wci\u0105\u017c bardzo polecam t\u0119 ksi\u0105\u017ck\u0119. To, co najbardziej mnie w niej zaskoczy\u0142o \u2013 to uporczywe poczucie, \u017ce m\u00f3g\u0142bym sam do tego wszystkiego doj\u015b\u0107. Kroki, kt\u00f3re opisywa\u0142 autor, wydawa\u0142y si\u0119 na tyle logiczne i zrozumia\u0142e, \u017ce prze\u017cy\u0142em moment przekonania, \u017ce m\u00f3g\u0142bym stworzy\u0107 jQuery, gdybym tylko si\u0119 za to wzi\u0105\u0142.<\/p>\n
Oczywi\u015bcie w rzeczywisto\u015bci nie poradzi\u0142bym sobie z czym\u015b takim \u2013 uzna\u0142bym, \u017ce to zbyt trudne. Moje w\u0142asne rozwi\u0105zania wydawa\u0142yby mi si\u0119 zbyt proste i naiwne, aby zadzia\u0142a\u0142y, i podda\u0142bym si\u0119. Uwa\u017ca\u0142bym jQuery za co\u015b oczywistego, w poprawne dzia\u0142anie czego trzeba po prostu \u015blepo wierzy\u0107. W p\u00f3\u017aniejszym czasie zapewne nie zainwestowa\u0142bym czasu na zg\u0142\u0119bianie mechaniki tej biblioteki, a po prostu korzysta\u0142bym z niej jak z rodzaju czarnej skrzynki.<\/p>\n
Jednak zapoznanie si\u0119 z t\u0105 ksi\u0105\u017ck\u0105 uczyni\u0142o mnie inn\u0105 osob\u0105. Zacz\u0105\u0142em wczytywa\u0107 si\u0119 w kod \u017ar\u00f3d\u0142owy i odkry\u0142em, \u017ce realizacja wielu rozwi\u0105za\u0144 jest w rzeczywisto\u015bci bardzo przejrzysta, nawet oczywista. Oczywi\u015bcie, samodzielne wymy\u015blenie czego\u015b takiego to ju\u017c inna sprawa. Ale to w\u0142a\u015bnie badanie cudzych kod\u00f3w i odtwarzanie istniej\u0105cych ju\u017c rozwi\u0105za\u0144 pomaga nam wymy\u015bla\u0107 co\u015b w\u0142asnego. <\/p>\n
Inspiracja, kt\u00f3r\u0105 czerpiesz, oraz wzorce, kt\u00f3re zaczynasz dostrzega\u0107, zmieni\u0105 ci\u0119 jako programist\u0119. Odkryjesz, \u017ce ta wspania\u0142a biblioteka, z kt\u00f3rej nieustannie korzystasz i kt\u00f3r\u0105 przywyk\u0142e\u015b postrzega\u0107 jako magiczny artefakt, wcale nie opiera si\u0119 na magii, lecz po prostu rozwi\u0105zujesz problem w spos\u00f3b zwi\u0119z\u0142y i pomys\u0142owy.<\/p>\n
Czasami trzeba si\u0119 zmaga\u0107 z kodem, analizuj\u0105c go krok po kroku, ale w\u0142a\u015bnie w ten spos\u00f3b, posuwaj\u0105c si\u0119 ma\u0142ymi, systematycznymi krokami, mo\u017cesz powt\u00f3rzy\u0107 drog\u0119 autora do rozwi\u0105zania. Pozwoli ci to g\u0142\u0119biej zanurzy\u0107 si\u0119 w proces pisania kodu i zwi\u0119kszy pewno\u015b\u0107 siebie podczas szukania w\u0142asnych rozwi\u0105za\u0144.<\/p>\n
Kiedy dopiero zaczyna\u0142em prac\u0119 z obietnicami, wydawa\u0142o mi si\u0119, \u017ce to czysta magia. Potem dowiedzia\u0142em si\u0119, \u017ce opieraj\u0105 si\u0119 na tych samych callbackach, a m\u00f3j programistyczny \u015bwiat si\u0119 przewr\u00f3ci\u0142. To znaczy, \u017ce wzorzec, kt\u00f3rego celem jest uwolnienie nas od callback\u00f3w, sam jest realizowany za pomoc\u0105 callback\u00f3w?!<\/p>\n
To pomog\u0142o mi spojrze\u0107 na to z innej perspektywy i zrozumie\u0107, \u017ce przede mn\u0105 nie stoj\u0105 \u017cadne skomplikowane fragmenty kodu, kt\u00f3re s\u0105 dla mnie nieosi\u0105galne. To tylko wzorce, z kt\u00f3rymi mo\u017cna sobie poradzi\u0107 przy odpowiedniej ciekawo\u015bci i g\u0142\u0119bokim zanurzeniu. Tak ludzie ucz\u0105 si\u0119 programowa\u0107 i rozwijaj\u0105 si\u0119 jako programi\u015bci.<\/p>\n
Wynajd\u017a to ko\u0142o na nowo<\/h4>\n
\nNie b\u00f3j si\u0119 wi\u0119c wynajdywa\u0107 k\u00f3\u0142 na nowo: sam napisz kod do \u0142\u0105czenia danych, stw\u00f3rz domowy promises lub nawet zbuduj w\u0142asne rozwi\u0105zanie do zarz\u0105dzania stanami. 
\nNie ma znaczenia, \u017ce nikt nigdy z tego nie skorzysta \u2013 teraz ju\u017c umiesz to robi\u0107. A je\u015bli p\u00f3\u017aniej b\u0119dziesz mia\u0142 okazj\u0119 wykorzysta\u0107 takie osi\u0105gni\u0119cia w swoich projektach, to b\u0119dzie wspaniale. B\u0119dziesz m\u00f3g\u0142 je rozwija\u0107 i nauczy\u0107 si\u0119 czego\u015b nowego.<\/p>\n
S\u0119k w tym, \u017ceby nie wysy\u0142a\u0107 swojego kodu na produkcj\u0119, ale aby nauczy\u0107 si\u0119 czego\u015b nowego. Samodzielne implementowanie ju\u017c istniej\u0105cego rozwi\u0105zania to doskona\u0142y spos\u00f3b, aby uczy\u0107 si\u0119 od najlepszych programist\u00f3w i doskonali\u0107 swoje umiej\u0119tno\u015bci.
\n
\u0179r\u00f3d\u0142o: habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"
\u041d\u0430 \u0434\u043d\u044f\u0445 \u044f \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c \u043d\u0430 JavaScript, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0442\u0435\u043d\u0434\u043e\u0432\u0430\u043b \u043d\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0441\u0435\u043d\u0438\u043e\u0440\u0430. \u041a\u043e\u043b\u043b\u0435\u0433\u0430, \u0442\u043e\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0432\u0448\u0438\u0439 \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0438, \u043f\u043e\u043f\u0440\u043e\u0441\u0438\u043b \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u043b\u0430 HTTP \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u0443\u0434\u0430\u0447\u0438 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u043b\u0430 \u043f\u043e\u043f\u044b\u0442\u043a\u0443 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437. \u041e\u043d \u043f\u0438\u0441\u0430\u043b \u043a\u043e\u0434 \u0441\u0440\u0430\u0437\u0443 \u043d\u0430 \u0434\u043e\u0441\u043a\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0431\u044b \u0431\u044b\u043b\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043d\u0435\u0447\u0442\u043e \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435. \u0415\u0441\u043b\u0438 \u0431\u044b \u043e\u043d \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e […]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":29315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-39071","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\n","aioseo_head_json":{"title":"\ud83e\udd47Dlaczego warto wynajdowa\u0107 ko\u0142a | ProHoster","description":"Ostatnio przeprowadza\u0142em rozmow\u0119 kwalifikacyjn\u0105 z programist\u0105 na.","canonical_url":"https:\/\/prohoster.info\/pl\/blog\/news\/pochemu-polezno-izobretat-kolyosa","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"pl_PL","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0438\u0437\u043e\u0431\u0440\u0435\u0442\u0430\u0442\u044c \u043a\u043e\u043b\u0451\u0441\u0430 | ProHoster","og:description":"\u041d\u0430 \u0434\u043d\u044f\u0445 \u044f \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043b \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0441 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c \u043d\u0430.","og:url":"https:\/\/prohoster.info\/pl\/blog\/news\/pochemu-polezno-izobretat-kolyosa","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:27:41+00:00","article:modified_time":"2019-10-31T19:27:41+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"39071","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-24 00:37:21","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 23:16:10","updated":"2026-01-24 00:37:21","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/39071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/comments?post=39071"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/posts\/39071\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media\/29315"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/media?parent=39071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/categories?post=39071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/pl\/wp-json\/wp\/v2\/tags?post=39071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}