{"id":200,"date":"2018-02-12T12:50:18","date_gmt":"2018-02-12T10:50:18","guid":{"rendered":"http:\/\/carsten.familie-schumann.info\/blog\/?p=200"},"modified":"2018-02-13T09:56:51","modified_gmt":"2018-02-13T07:56:51","slug":"javascript-typescript-webpack-und-neues-im-web","status":"publish","type":"post","link":"https:\/\/carsten.familie-schumann.info\/blog\/2018\/02\/javascript-typescript-webpack-und-neues-im-web\/","title":{"rendered":"Javascript, Typescript, Webpack und neues im Web"},"content":{"rendered":"<p>W\u00e4hrend man sich in den letzten Jahren auf Webseiten meist mit JavaScript in einer sehr einfachen Art begn\u00fcgte, sind in der letzten Zeit unheimlich potente (und meist damit auch komplexe) Erweiterungen erschienen. Beginnend mit dem Angular-Framework, das manche m\u00f6gen und andere hassen, hat sich die Webseiten-Programmierung immer weiter der klassischen Softwareentwicklung angen\u00e4hert. Der erste Schritt waren die Module, die beispielsweise via AMD oder RequireJS geladen wurden und eine Kapselung hinsichtlich der Daten und des Programmcodes erm\u00f6glichten. Dann kam Webpack, das mit dem Tool &#8222;babel&#8220; die M\u00f6glichkeit bot, neueste Programmiertechniken bei der Entwicklung zu verwenden und es \u00e4hnlich wie bei einem Compiler zu einem kleinsten gemeinsamen Nenner zu &#8222;transpilen&#8220;. Zuletzt hat die Einf\u00fchrung von Typescript die M\u00f6glichkeit einer Statischen Codeanalyse er\u00f6ffnet, damit Fehler schon zur Entwicklungszeit und nicht erst anhand von Meldungen in der Error-Console aufgedeckt werden k\u00f6nnen. <\/p>\n<p>Ich werde in der n\u00e4chsten Zeit zu all diesen Themen ein wenig schreiben und dies mit ganz vielen Codebeispielen erg\u00e4nzen. Dabei gehe ich wenig bis gar nicht auf Dinge wie HTML5, klassisches JavaScript, Programmier-Basics und Webserver-Konfiguration ein, denn zu diesen Themen gibt es mehr als genug Quellen im Netz. Mir geht es eher darum, wie jemand, der bereits die klassische Webentwicklung kennt, m\u00f6glichst schnell in diese neue Welt eintauchen kann und sie sich zu Nutze machen kann.<\/p>\n<p>Folgende Teile sind inzwischen fertig:<\/p>\n<ul>\n<li> <a href=\"http:\/\/carsten.familie-schumann.info\/blog\/es6-es7-es8-features\/\">Neue Features verschiedenster ECMA-Script (aka JavaScript) Versionen<\/a><\/li>\n<li><a href=\"http:\/\/carsten.familie-schumann.info\/blog\/webpack-mit-snapsvg\/\">WebPack mit SnapSVG<\/a><\/li>\n<li><a href=\"http:\/\/carsten.familie-schumann.info\/blog\/fallstricke-bei-typescript\/\">Fallstricke bei TypeScript<\/a><\/li>\n<\/ul>\n<p>Viel Spa\u00df damit.<br \/>\n<!--more--><br \/>\n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>W\u00e4hrend man sich in den letzten Jahren auf Webseiten meist mit JavaScript in einer sehr einfachen Art begn\u00fcgte, sind in der letzten Zeit unheimlich potente (und meist damit auch komplexe) Erweiterungen erschienen. Beginnend mit dem Angular-Framework, das manche m\u00f6gen und andere hassen, hat sich die Webseiten-Programmierung immer weiter der klassischen Softwareentwicklung angen\u00e4hert. Der erste Schritt&#8230;<br \/><a class=\"read-more-button\" href=\"https:\/\/carsten.familie-schumann.info\/blog\/2018\/02\/javascript-typescript-webpack-und-neues-im-web\/\">Mehr Lesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-programmierung"],"_links":{"self":[{"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":5,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"predecessor-version":[{"id":221,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/posts\/200\/revisions\/221"}],"wp:attachment":[{"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carsten.familie-schumann.info\/blog\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}