{"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\/de\/blog\/novosti-interneta\/pochemu-polezno-izobretat-kolyosa","title":{"rendered":"Warum es n\u00fctzlich ist, R\u00e4der neu zu erfinden","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Warum
\n
\nK\u00fcrzlich habe ich ein Vorstellungsgespr\u00e4ch mit einem JavaScript-Entwickler gef\u00fchrt, der sich f\u00fcr eine Senior-Position beworben hat. Ein Kollege, der ebenfalls anwesend war, bat den Kandidaten, eine Funktion zu schreiben, die einen HTTP-Request durchf\u00fchrt und im Falle eines Fehlers mehrere Versuche unternimmt.<\/p>\n

Er schrieb den Code direkt an die Tafel, daher h\u00e4tte es gereicht, etwas Ann\u00e4herndes darzustellen. Wenn er einfach gezeigt h\u00e4tte, dass er das Wesentliche gut versteht, w\u00e4ren wir durchaus zufrieden gewesen. Doch leider gelang es ihm nicht, eine brauchbare L\u00f6sung zu finden. Daraufhin beschlossen wir, das Ganze aufgrund der Nervosit\u00e4t etwas zu erleichtern und baten ihn, die R\u00fcckruffunktion in eine auf Promises basierende Funktion umzuwandeln.<\/p>\n

Leider war es offensichtlich, dass dieser Code dem Kandidaten nicht unbekannt war. Er hatte eine allgemeine Vorstellung davon, wie alles funktionierte. Ein grober Entwurf einer L\u00f6sung, der das Verst\u00e4ndnis des Konzepts demonstrierte, h\u00e4tte gereicht. Der Code, den der Kandidat an die Tafel schrieb, war jedoch v\u00f6llig sinnlos. Er hatte ein sehr vages Verst\u00e4ndnis davon, was Promises in JavaScript sind und konnte nicht wirklich erkl\u00e4ren, wof\u00fcr sie gut sind. F\u00fcr einen Junior w\u00e4re das vielleicht noch entschuldbar gewesen, f\u00fcr eine Senior-Position jedoch nicht akzeptabel. Wie sollte dieser Entwickler in der Lage sein, Bugs in einer komplexen Promise-Kette zu beheben und den anderen zu erkl\u00e4ren, was genau er gemacht hat?
\n<\/a><\/noindex><\/p>\n

Entwickler betrachten fertigen Code als selbstverst\u00e4ndlich.<\/h4>\n

\nIm Entwicklungsprozess sto\u00dfen wir st\u00e4ndig auf wiederverwendbare Komponenten. Wir \u00fcbertragen Code-Schnipsel, um nicht jedes Mal alles neu schreiben zu m\u00fcssen. Daher betrachten wir den fertigen Code, mit dem wir arbeiten, als etwas Selbstverst\u00e4ndliches \u2013 wir gehen einfach davon aus, dass alles wie gew\u00fcnscht funktioniert.<\/p>\n

Und im Allgemeinen funktioniert er wirklich gut, aber wenn Schwierigkeiten auftreten, ist das Verst\u00e4ndnis seiner Mechanik mehr als lohnenswert.<\/p>\n

Unser Kandidat f\u00fcr die Stelle als Senior-Entwickler hielt Promises f\u00fcr trivial. Er konnte sich wahrscheinlich vorstellen, wie man damit umgeht, wenn sie irgendwo im Code eines anderen auftauchen, verstand aber das zugrunde liegende Prinzip nicht und konnte es in dem Vorstellungsgespr\u00e4ch nicht selbst reproduzieren. M\u00f6glicherweise hatte er einen Ausschnitt auswendig gelernt \u2013 das ist nicht besonders schwer:<\/p>\n

return new Promise((resolve, reject) => {\n  functionWithCallback((err, result) => {\n   return err ? reject(err) : resolve(result);\n  });\n});<\/code><\/pre>\n
\nIch habe das auch so gemacht \u2013 das haben wir wahrscheinlich alle irgendwann getan. Wir haben einfach einen Codeabschnitt auswendig gelernt, um ihn sp\u00e4ter in der Arbeit zu verwenden, w\u00e4hrend wir nur grob verstanden, wie alles funktionierte. Aber wenn der Entwickler das Konzept wirklich verstanden h\u00e4tte, m\u00fcsste er nichts auswendig lernen \u2013 er w\u00fcsste einfach, wie es funktioniert, und k\u00f6nnte alles Notwendige m\u00fchelos im Code reproduzieren.<\/p>\n
Gehen Sie zu den Wurzeln<\/h4>\n
\nIm Jahr 2012, als die Vorherrschaft von Frontend-Frameworks noch nicht etabliert war, regierte jQuery die Welt, und ich las das Buch Secrets of the JavaScript Ninja<\/a><\/noindex>, dessen Autor John Resig, der Sch\u00f6pfer von jQuery, war.<\/p>\n
Das Buch lehrt den Leser, wie man jQuery von Grund auf selbst erstellt und bietet die einzigartige Gelegenheit, den Denkprozess nachzuvollziehen, der zur Schaffung der Bibliothek gef\u00fchrt hat. In den letzten Jahren hat jQuery an Popularit\u00e4t verloren, aber ich kann das Buch dennoch sehr empfehlen. Was mich am meisten beeindruckt hat, war das forte Gef\u00fchl, dass ich das alles auch selbst h\u00e4tte erdenken k\u00f6nnen. Die Schritte, die der Autor darstellt, erschienen mir so logisch und verst\u00e4ndlich, dass ich ernsthaft den Eindruck hatte, ich k\u00f6nnte jQuery problemlos erstellen, wenn ich nur den Mut h\u00e4tte, es zu versuchen.<\/p>\n
Nat\u00fcrlich h\u00e4tte ich in der Realit\u00e4t nichts Derartiges geschafft \u2013 ich w\u00e4re zu dem Schluss gekommen, dass es un\u00fcberwindbar schwierig ist. Meine eigenen L\u00f6sungen w\u00e4ren mir zu einfach und naiv erschienen, um zu funktionieren, und ich h\u00e4tte die H\u00e4nde in den Scho\u00df gelegt. Ich h\u00e4tte jQuery f\u00fcr selbstverst\u00e4ndlich gehalten, auf dessen korrekte Funktionsweise man einfach blind vertrauen muss. Sp\u00e4ter h\u00e4tte ich wahrscheinlich keine Zeit damit verbracht, die Mechanik dieser Bibliothek zu verstehen, sondern sie einfach als eine Art Black Box genutzt.<\/p>\n
Aber die Auseinandersetzung mit diesem Buch hat mich zu einem anderen Menschen gemacht. Ich begann, den Quellcode zu studieren und stellte fest, dass die Implementierung vieler L\u00f6sungen in Wirklichkeit sehr transparent, ja sogar offensichtlich ist. Nat\u00fcrlich ist es etwas anderes, selbst auf einen solchen Gedanken zu kommen. Doch genau das Studium des Codes anderer und das Reproduzieren bereits existierender L\u00f6sungen hilft uns, eigene Ideen zu entwickeln. <\/p>\n
Die Inspiration, die Sie sch\u00f6pfen, und die Muster, die Sie zu erkennen beginnen, werden Sie als Entwickler ver\u00e4ndern. Sie werden feststellen, dass die wunderbare Bibliothek, die Sie st\u00e4ndig nutzen und \u00fcber die Sie denken, sie sei ein magisches Artefakt, in Wirklichkeit nicht auf Magie basiert, sondern einfach ein Problem auf elegante und einfallsreiche Weise l\u00f6st.<\/p>\n
Manchmal muss man am Code t\u00fcfteln, ihn Schritt f\u00fcr Schritt zerlegen, aber genau so, durch kleine, aufeinanderfolgende Schritte voranzuschreiten, kann man den Weg des Autors zur L\u00f6sung nachvollziehen. Dies erm\u00f6glicht Ihnen, tiefer in den Prozess des Codierens einzutauchen und gibt Ihnen mehr Selbstvertrauen bei der Suche nach eigenen L\u00f6sungen.<\/p>\n
Als ich anfing, mit Promises zu arbeiten, schien es mir wie pure Magie. Sp\u00e4ter erfuhr ich, dass sie auf den gleichen Callback-Mechanismen basieren, und meine Sicht auf Programmierung hat sich ver\u00e4ndert. Das bedeutet, dass das Muster, das uns von Callbacks befreien soll, selbst mit Callbacks realisiert wird?!<\/p>\n
Das half mir, die Dinge aus einer neuen Perspektive zu betrachten und zu erkennen, dass ich es hier nicht mit abstrakten Codefragmenten zu tun habe, deren Komplexit\u00e4t ich niemals begreifen k\u00f6nnte. Es sind lediglich Muster, die man mit Neugier und einem tiefen Verst\u00e4ndnis problemlos meistern kann. So lernen Menschen das Programmieren und wachsen als Entwickler.<\/p>\n
Erfinden Sie das Rad neu<\/h4>\n
\nAlso scheuen Sie sich nicht, das Rad neu zu erfinden: Schreiben Sie den Code zur Datenbindung selbst, erstellen Sie ein selbstgemachtes Promise oder entwickeln Sie sogar Ihre eigene L\u00f6sung zur Zustandsverwaltung. 
\nEs spielt keine Rolle, dass niemand jemals Gebrauch davon machen wird \u2013 aber jetzt haben Sie diese F\u00e4higkeit. Wenn Sie sp\u00e4ter die M\u00f6glichkeit haben, diese Kenntnisse in Ihren eigenen Projekten anzuwenden, ist das gro\u00dfartig. Sie k\u00f6nnen sie weiterentwickeln und noch mehr lernen.<\/p>\n
Es geht hier nicht darum, Ihren Code in die Produktion zu schicken, sondern darum, etwas Neues zu lernen. Die eigenst\u00e4ndige Implementierung einer bereits bestehenden L\u00f6sung ist eine hervorragende M\u00f6glichkeit, von den besten Programmierern zu lernen und Ihr Handwerk zu verfeinern.
\n
Quelle: 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-novosti-interneta"],"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\udd47Warum es sinnvoll ist, R\u00e4der neu zu erfinden | ProHoster","description":"K\u00fcrzlich f\u00fchrte ich ein Interview mit einem JavaScript-Entwickler, der sich um eine Senior-Position beworben hat. Ein Kollege, der ebenfalls anwesend war, bat den Kandidaten, eine Funktion zu schreiben, die eine HTTP-Anfrage sendet und im Falle eines Fehlschlags die Anfrage mehrmals wiederholt. Er schrieb den Code direkt an die Tafel, daher h\u00e4tte es gereicht, etwas \u00c4hnliches zu skizzieren. Wenn er nur gezeigt h\u00e4tte, dass...","canonical_url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/pochemu-polezno-izobretat-kolyosa","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","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 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","og:url":"https:\/\/prohoster.info\/de\/blog\/novosti-interneta\/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"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/39071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=39071"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/39071\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/29315"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=39071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=39071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=39071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}