{"id":463,"date":"2021-06-14T14:18:24","date_gmt":"2021-06-14T13:18:24","guid":{"rendered":"https:\/\/programmier-workshops.de\/blog\/?page_id=463"},"modified":"2021-06-16T14:26:04","modified_gmt":"2021-06-16T13:26:04","slug":"lernen","status":"publish","type":"page","link":"https:\/\/programmier-workshops.de\/blog\/lernen\/","title":{"rendered":"Lernen"},"content":{"rendered":"\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/programmier-workshops.de\/blog\/lernen\/#Einstieg_und_Allgemeines\" >Einstieg und Allgemeines<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/programmier-workshops.de\/blog\/lernen\/#Lernen_Wissenserwerb\" >Lernen \/ Wissenserwerb<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/programmier-workshops.de\/blog\/lernen\/#Uben_Praktizieren\" >\u00dcben \/ Praktizieren<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/programmier-workshops.de\/blog\/lernen\/#Lernpfad\" >Lernpfad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/programmier-workshops.de\/blog\/lernen\/#Ressourcen_und_Links\" >Ressourcen und Links<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Einstieg_und_Allgemeines\"><\/span>Einstieg und Allgemeines<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den Einsteig in die erfolgreiche Web-Entwicklung kann die folgende Vorgehensweise sehr hilfreich sein<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Lernen_Wissenserwerb\"><\/span>Lernen \/ Wissenserwerb<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den Wissenserwerb stehen eine Vielzahl von Websites zur Verf\u00fcgung, die umfangreiches Material bereitstellen, z. B. das <a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/\" target=\"_blank\">Mozilla Developer Network<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Wissenserwerb kann durch Lesen der Dokumentation oder anhand des Durcharbeitens von verschiedenen Tutorials erfolgen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die ersten Schritte k\u00f6nnten das so aussehen:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Lesen und Durchf\u00fchren von einf\u00fchrenden Tuturial \/ Getting Started Beispiele, z. B. <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Introduction_to_HTML\/Getting_started\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/First_steps\" data-type=\"URL\" data-id=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/CSS\/First_steps\" target=\"_blank\" rel=\"noreferrer noopener\">CSS<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/First_steps\/A_first_splash\" data-type=\"URL\" data-id=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/First_steps\/A_first_splash\" target=\"_blank\" rel=\"noreferrer noopener\">Javascript <\/a><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Kennenlernen der Dokumentation, um einen \u00dcberblick \u00fcber die Sprachelemente und Bestandteile zu bekommen, z. B. <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Reference\" target=\"_blank\" rel=\"noreferrer noopener\">HTML<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\" target=\"_blank\" rel=\"noreferrer noopener\">CSS<\/a>, <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\" target=\"_blank\" rel=\"noreferrer noopener\">Javascript<\/a><\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Uben_Praktizieren\"><\/span>\u00dcben \/ Praktizieren<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die durch das Lernen erworbenen Kenntnisse sollten als n\u00e4chstes durch \u00dcbungen und Beispiele vertieft werden.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine effektive M\u00f6glichkeit ist das Umsetzen oder Erstellen von kleinen Projekten. Hierzu gibt es auch viele Beispieleim Internet. Eine gro\u00dfe Sammlung ist <a rel=\"noreferrer noopener\" href=\"https:\/\/programmier-workshops.de\/practice\/\" target=\"_blank\">hier<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Weitere Beispiele findet man auch bei <a href=\"https:\/\/github.com\/search?q=30+days+of\" target=\"_blank\" rel=\"noreferrer noopener\">github.com<\/a>, z. B. unter dem Stichwort &#8220;30 Days of HTML&#8221; oder &#8220;30 Days of CSS&#8221;&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Lernpfad\"><\/span>Lernpfad<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/HTML_basics\" target=\"_blank\">Grundlagen HTML<\/a> und Erstellen einer <a rel=\"noreferrer noopener\" href=\"https:\/\/mdn.github.io\/beginner-html-site\/\" target=\"_blank\">ersten Seite<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/CSS_basics\" target=\"_blank\">Grundlagen CSS<\/a> und Anpassen der <a rel=\"noreferrer noopener\" href=\"https:\/\/mdn.github.io\/beginner-html-site-styled\/\" target=\"_blank\">ersten Seite<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Getting_started_with_the_web\/JavaScript_basics\" target=\"_blank\">Grundlagen Javascript<\/a> und Erstellen der <a rel=\"noreferrer noopener\" href=\"https:\/\/mdn.github.io\/beginner-html-site-scripted\/\" target=\"_blank\">ersten<\/a><a href=\"https:\/\/mdn.github.io\/beginner-html-site-scripted\/\" target=\"_blank\" rel=\"noreferrer noopener\">,<\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/mdn.github.io\/beginner-html-site-scripted\/\" target=\"_blank\"> kleinen Programme<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ressourcen_und_Links\"><\/span>Ressourcen und Links<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\">https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3schools.com\/html\/default.asp\">https:\/\/www.w3schools.com\/html\/default.asp<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/PacktWorkshops\/The-HTML-and-CSS-Workshop\">https:\/\/github.com\/PacktWorkshops\/The-HTML-and-CSS-Workshop<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.freecodecamp.org\/learn\/\">https:\/\/www.freecodecamp.org\/learn\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.freecodecamp.org\/news\/web-development-for-beginners-basic-html-and-css\/\">https:\/\/www.freecodecamp.org\/news\/web-development-for-beginners-basic-html-and-css\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.freecodecamp.org\/learn\/responsive-web-design\/#basic-html-and-html5\">https:\/\/www.freecodecamp.org\/learn\/responsive-web-design\/#basic-html-and-html5<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/de.khanacademy.org\/computing\/computer-programming\/html-css\">https:\/\/de.khanacademy.org\/computing\/computer-programming\/html-css<\/a> (<a rel=\"noreferrer noopener\" href=\"https:\/\/www.khanacademy.org\/computing\/computer-programming\/html-css\" target=\"_blank\">EN<\/a>)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a rel=\"noreferrer noopener\" href=\"http:\/\/www.dontfeartheinternet.com\/04-from-scratch\/\" target=\"_blank\">http:\/\/www.dontfeartheinternet.com\/04-from-scratch\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/scrimba.com\/learn\/html\">https:\/\/scrimba.com\/learn\/html<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/docs.microsoft.com\/de-de\/learn\/paths\/web-development-101\/\">https:\/\/docs.microsoft.com\/de-de\/learn\/paths\/web-development-101\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einstieg und Allgemeines F\u00fcr den Einsteig in die erfolgreiche Web-Entwicklung kann die folgende Vorgehensweise sehr hilfreich sein Lernen \/ Wissenserwerb F\u00fcr den Wissenserwerb stehen eine Vielzahl von Websites zur Verf\u00fcgung, die umfangreiches Material bereitstellen, z. B. das Mozilla Developer Network. Der Wissenserwerb kann durch Lesen&hellip;<\/p>\n","protected":false},"author":1,"featured_media":381,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-463","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/pages\/463","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/comments?post=463"}],"version-history":[{"count":16,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/pages\/463\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/pages\/463\/revisions\/518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/media\/381"}],"wp:attachment":[{"href":"https:\/\/programmier-workshops.de\/blog\/wp-json\/wp\/v2\/media?parent=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}