{"id":36,"date":"2019-07-29T11:23:08","date_gmt":"2019-07-29T11:23:08","guid":{"rendered":"https:\/\/ngif.de\/?p=36"},"modified":"2019-08-14T06:31:31","modified_gmt":"2019-08-14T06:31:31","slug":"vue-js","status":"publish","type":"post","link":"https:\/\/ngif.de\/?p=36","title":{"rendered":"Vue.js"},"content":{"rendered":"\n

Wer nach einer gesunden Mischung aus React und Angular sucht, ist bei Vue.js<\/a> gut aufgehoben. Ich habe damit im Rahmen eines Kurses<\/a> auf Udemy ein paar kleinere Projekte erstellt und bin wirklich \u00fcberrascht wie schnell man damit auch komplexere Anwendungen bauen kann. Der mit webpack erzeugte Code ist wirklich klein und l\u00e4uft super schnell. Mit Vuex<\/a> wird das State Management komfortabel geregelt. Wie ich finde, ist das in fast allen Punkten gut gel\u00f6st. Als n\u00e4chstes werde ich mir Nuxt.js<\/a> ansehen, das ist quasi ein Framework f\u00fcrs Framework und erweitert Vue.js um serverside Rendering und verbessert die Konfiguration der Projekte. Ich bin gespannt ob sich das lohnt.<\/p>\n\n\n\n

Video Tutorials<\/h2>\n\n\n\n

Neben dem einfachen Ausprobieren von Frameworks oder auch Sprachen, greife ich gern auf Videotutorials zur\u00fcck. Das ist vielleicht nicht jedermanns Sache, aber f\u00fcr mich bietet es einen schnellen \u00dcberblick und wenn man die Kursprojekte (falls vorhanden) mit programmiert, auch schon mal ein wenig Praxis. Auf Udemy, kann ich alle Kurse von Maximilian Schwarzm\u00fcller empfehlen. Die sind zwar auf englisch, falls das jemanden abschreckt, aber dank seiner deutschen Wurzeln ist Max sehr gut zu verstehen wie ich finde und es macht Spa\u00df von ihm zu lernen. Damit man etwas davon hat, sollte man die Aufgaben versuchen allein zu l\u00f6sen, dadurch erlangt man am meisten Verst\u00e4ndnis f\u00fcr die Technologie.<\/p>\n\n\n\n

Hier der Kurs auf Udemy: Vue.js Kurs auf Udemy<\/a>
Und auch der Folgekurs zu Nuxt.js: Nuxt.js Kurs auf Udemy<\/a><\/p>\n\n\n\n

Zertifikate:<\/h2>\n\n\n\n

Wenn man den Kurs abschlie\u00dft winkt ein Zertifikat<\/a>. Das ist nat\u00fcrlich nur ein Teilnahme Zertifikat, wird also ausgestellt auch ohne, dass man die Aufgaben selbst gel\u00f6st hat. Ich kann nur empfehlen die Aufgaben selbst zu l\u00f6sen und auch die Kursprojekte ohne Hilfe zu programmieren (oder es zumindest zu versuchen), nur so entsteht ein Mehrwert. Wer nat\u00fcrlich nur einen \u00dcberblick \u00fcber die Technologie haben will, kann auch darauf verzichten, oder nur die Teile ausprobieren, die einen gerade interessieren.<\/p>\n\n\n\n

Gut bei Udemy Kursen ist, dass sie einem f\u00fcr immer zur Verf\u00fcgung stehen. Man zahlt also einen einmaligen Betrag (Hier sollte man auf Angebote warten, die mindestens einmal im Monat garantiert kommen!). Ich nutze die Lesezeichen zu den Videos, dadurch entsteht eine eigene kleine Referenz, die man durchsuchen kann und so hat man beim Entwickeln immer die passende Info parat.<\/p>\n\n\n\n

Beispiel Kursprojekte:<\/h2>\n\n\n\n

Demogorgon Slayer<\/a>
Code: https:\/\/jsfiddle.net\/iocator\/ucwvn8ta\/2\/<\/a><\/p>\n\n\n\n

Quotes<\/a>
Code: https:\/\/gitlab.com\/mcwestphal\/vue-quotes<\/a><\/p>\n\n\n\n

Stocktrader
Code: https:\/\/gitlab.com\/mcwestphal\/stocktrader<\/a><\/p>\n\n\n\n

Sonstige Projekte:<\/h2>\n\n\n\n

Keyword Extractor Vergleich<\/a>
Code: https:\/\/gitlab.com\/mcwestphal\/keyword-extraction<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Wer nach einer gesunden Mischung aus React und Angular sucht, ist bei Vue.js gut aufgehoben. Ich habe damit im Rahmen eines Kurses auf Udemy ein paar kleinere Projekte erstellt und bin wirklich \u00fcberrascht wie schnell man damit auch komplexere Anwendungen bauen kann. Der mit webpack erzeugte Code ist wirklich klein und l\u00e4uft super schnell. Mit […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[4,6,7,5,8,3,9],"class_list":["post-36","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-angular","tag-javascript","tag-nuxt-js","tag-react","tag-udemy","tag-vuejs","tag-zertifikat"],"_links":{"self":[{"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/posts\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ngif.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=36"}],"version-history":[{"count":5,"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/posts\/36\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/ngif.de\/index.php?rest_route=\/wp\/v2\/posts\/36\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/ngif.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=36"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ngif.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=36"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ngif.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}