[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation":3,"\u002Fkurs\u002Fweb-dev":85,"\u002Fkurs\u002Fweb-dev-children":117,"courses-none":132,"\u002Fkurs\u002Fweb-dev-filtered-posts":134},[4,33,48,59,70],{"title":5,"path":6,"stem":7,"children":8,"titleNavigation":11,"icon":32},"Web Development","\u002Fkurs\u002Fweb-dev","1.kurs\u002F1.web-dev\u002F0.index",[9,12,16,20,24,28],{"title":10,"path":6,"stem":7,"titleNavigation":10,"icon":11,"children":-1},"Übersicht",null,{"title":13,"path":14,"stem":15,"titleNavigation":13,"children":-1},"GraphQL","\u002Fkurs\u002Fweb-dev\u002Fweb-developer-graphql","1.kurs\u002F1.web-dev\u002Fweb-developer-graphql",{"title":17,"path":18,"stem":19,"titleNavigation":17,"children":-1},"WordPress pflegen","\u002Fkurs\u002Fweb-dev\u002Fwordpress-content","1.kurs\u002F1.web-dev\u002Fwordpress-content",{"path":21,"title":22,"icon":23},"\u002Flehrgang\u002Fcoden-mit-ki-einstieg","KI-Coding: Einstieg","i-lucide-bot",{"path":25,"title":26,"icon":27},"\u002Flehrgang\u002Ffoundation","Web Foundation","i-lucide-rocket",{"path":29,"title":30,"icon":31},"\u002Flehrgang\u002Fdeveloper","Web Developer","i-lucide-code-2","i-lucide-code",{"title":34,"path":35,"stem":36,"children":37,"titleNavigation":11,"icon":47},"Kurse für Eltern","\u002Fkurs\u002Feltern","1.kurs\u002F2.eltern\u002F0.index",[38,39,43],{"title":10,"path":35,"stem":36,"titleNavigation":10,"children":-1},{"title":40,"path":41,"stem":42,"titleNavigation":40,"children":-1},"Sicherheit: Vortrag","\u002Fkurs\u002Feltern\u002Fkinder-im-netz-schuetzen","1.kurs\u002F2.eltern\u002F1.kinder-im-netz-schuetzen",{"title":44,"path":45,"stem":46,"titleNavigation":44,"children":-1},"Sicherheit: Workshop","\u002Fkurs\u002Feltern\u002Feltern-workshop","1.kurs\u002F2.eltern\u002F2.eltern-workshop","i-lucide-users",{"title":49,"path":50,"stem":51,"children":52,"titleNavigation":11,"icon":58},"Kurse für Senioren","\u002Fkurs\u002Fsenioren","1.kurs\u002F3.senioren\u002F0.index",[53,54],{"title":10,"path":50,"stem":51,"titleNavigation":10,"children":-1},{"title":55,"path":56,"stem":57,"titleNavigation":55,"children":-1},"Sicher im Internet","\u002Fkurs\u002Fsenioren\u002Finternet-sicherheit-1","1.kurs\u002F3.senioren\u002F1.internet-sicherheit-1","i-lucide-heart-handshake",{"title":60,"path":61,"stem":62,"children":63,"titleNavigation":11,"icon":69},"Smart Home","\u002Fkurs\u002Fsmart-home","1.kurs\u002F4.smart-home\u002F0.index",[64,65],{"title":10,"path":61,"stem":62,"titleNavigation":10,"children":-1},{"title":66,"path":67,"stem":68,"titleNavigation":66,"children":-1},"Smart Home Grundlagen","\u002Fkurs\u002Fsmart-home\u002Fsmart-home","1.kurs\u002F4.smart-home\u002Fsmart-home","i-lucide-house-plus",{"title":71,"path":72,"stem":73,"children":74,"titleNavigation":11,"icon":69},"Allgemeines","\u002Fkurs\u002Fallgemein","1.kurs\u002F5.allgemein\u002F0.index",[75,76,80],{"title":10,"path":72,"stem":73,"titleNavigation":10,"children":-1},{"title":77,"path":78,"stem":79,"titleNavigation":77,"children":-1},"WebPro + Friends","\u002Fkurs\u002Fallgemein\u002Ffriends","1.kurs\u002F5.allgemein\u002Ffriends",{"title":81,"path":82,"stem":83,"titleNavigation":81,"icon":84,"children":-1},"Infoanlass","\u002Fkurs\u002Fallgemein\u002Finformationsanlass","1.kurs\u002F5.allgemein\u002Finformationsanlass",false,{"id":86,"title":87,"blogFilter":5,"body":88,"cost":11,"courseType":11,"coverImage":11,"description":10,"duration":11,"extension":105,"level":11,"location":11,"maxParticipants":11,"meta":106,"navigation":107,"path":6,"relatedLehrgaenge":108,"seo":115,"slug":11,"stem":7,"teachers":11,"titleNavigation":10,"__hash__":116},"kurse\u002F1.kurs\u002F1.web-dev\u002F0.index.md","Kurse für Web Profis",{"type":89,"value":90,"toc":101},"minimark",[91,95],[92,93,94],"p",{},"Gestalte deine digitale Zukunft! Bei Web Professionals in Grabs SG lernst du Web Development von Grund auf. Denn für wirklich erfolgreiche Projekte und beeindruckende Web-Erlebnisse ist ein tiefes Verständnis der Grundlagen in HTML, CSS und JavaScript unerlässlich. Denn \"Vibe Coding\" (Programmierung durch KI) alleine führt früher oder später unweigerlich zum Chaos. Unsere praxisnahen Kurse, geleitet von erfahrenen Experten, führen dich von den Basics bis zu modernen Frameworks wie Laravel und Vue.js. Starte jetzt deine Reise in die Welt der Webentwicklung und baue die Anwendungen von morgen!",[92,96,97],{},[98,99,100],"strong",{},"Hinweis: aktuell überarbeiten wir das Angebot unserer Web Development Kurse. Aus diesem Grund sind aktuell keine Kurse in diesem Bereich ausgeschrieben.",{"title":102,"searchDepth":103,"depth":103,"links":104},"",2,[],"md",{},{"icon":11},[109,111,113],{"title":22,"description":110,"to":21,"icon":23},"An zwei Wochenenden lernst du, mit KI-Agenten eine erste Website zu bauen – kein Vorwissen nötig.",{"title":26,"description":112,"to":25,"icon":27},"Das Fundament für moderne Webentwicklung – HTML, CSS, JavaScript und erste Frameworks, mit KI als Assistent.",{"title":30,"description":114,"to":29,"icon":31},"Vom Prompter zum Architekten – echte Anwendungen mit Vue.js, Laravel und KI-gestütztem Workflow.",{"title":87,"description":10},"UJPkMEyfPAsUwft6_KlJBTBfiRK4ifSFnIHxDgZGvQI",[118,120,126],{"path":119,"title":5,"description":11,"navigation":11,"slug":11,"coverImage":11,"level":11},"\u002Fkurs\u002Fweb-dev\u002F.navigation",{"path":14,"title":121,"description":122,"navigation":11,"slug":123,"coverImage":124,"level":125},"GraphQL Kurs: API-Entwicklung mit Node.js & Apollo","Moderne API-Entwicklung für Backend- und Frontend-Entwickler.","graphql","\u002FkursImages\u002Fweb-development\u002Fweb-developer-graphql.webp","Fortgeschrittene",{"path":18,"title":127,"description":128,"navigation":11,"slug":129,"coverImage":130,"level":131},"WordPress für Inhaltsverantwortliche und Redakteure","Webseiten Inhalte mit WordPress erfolgreich verwalten","wordpress-content","\u002FkursImages\u002Fweb-development\u002Fweb-development-wordpress.webp","Einsteiger",{"courses":133},[],[135,240],{"id":136,"title":137,"authors":138,"badge":144,"body":146,"camp":84,"cta":217,"date":228,"description":229,"extension":105,"image":230,"meta":234,"navigation":235,"path":236,"published":235,"seo":237,"stem":238,"subtitle":11,"__hash__":239},"posts\u002F3.blog\u002F2026-08-06-co2-fussabdruck-website.md","Du hast soeben 0.12g CO₂ Austoss generiert",[139],{"name":140,"to":141,"avatar":142},"Rolf Eggenberger","\u002Fueber-uns\u002Fdozenten\u002Frolf-eggenberger",{"src":143},"avatare\u002FrolfHead.png",{"label":145},[5],{"type":89,"value":147,"toc":215},[148,151,166,178,187,190,193,196,212],[92,149,150],{},"Der Sommer 2026 lässt auch die Schweiz schwitzen. Laut Meteo Schweiz fallen solche Hitzewellen heute rund 3,5 Grad heisser aus als vor fünfzig Jahren. Da wirkt die Frage, wie viel CO₂ eine Website verursacht, fast schon lächerlich klein. Ist sie auch, zumindest für die meisten von uns. Trotzdem lohnt sich ein Blick darauf.",[92,152,153,154,157,158,161,162,165],{},"Per Zufall bin ich über drei Begriffe gestolpert, die genau in diesen Hitzesommer passen. ",[98,155,156],{},"Sustainable Web Design",", der Sammelbegriff für Websites, die bewusst wenig Daten und Energie brauchen. ",[98,159,160],{},"Carbon-Aware Computing",", bei dem eine Seite den Strommix im lokalen Netz misst und bei hohem Kohleanteil automatisch in einen schlankeren Modus schaltet. Und ",[98,163,164],{},"Eco-Brutalism",", ein Gestaltungstrend, der auf Systemschriften und grobkörnige, leicht komprimierte Bilder setzt statt auf verspielte Web-Fonts und hochauflösende Hintergrundbilder. Drei schicke Wörter für dasselbe Grundprinzip: möglichst wenig Ballast durchs Netz schicken. Ehrlich gesagt ist Eco-Brutalism genau die Richtung, die mir persönlich am meisten zusagt, Informationen ohne Schnickschnack. Genau das war schon Tim Berners-Lees ursprüngliche Idee vom Web, lange bevor Werbebanner, Tracking-Pixel und Autoplay-Videos dazukamen.",[92,167,168,169,177],{},"Zum Spass habe ich mit dem ",[170,171,176],"a",{"href":172,"rel":173,"target":175},"https:\u002F\u002Fwww.websitecarbon.com\u002F",[174],"nofollow","_blank","Website Carbon Calculator"," unsere eigene Seite getestet . Kein Labor, kein Fachgutachten, nur ein Online-Tool, das selbst zugibt, lediglich eine Annäherung zu liefern.",[92,179,180,181,186],{},"Ergebnis: ",[170,182,185],{"href":183,"rel":184,"target":175},"https:\u002F\u002Fwww.websitecarbon.com\u002Fwebsite\u002Fweb-professionals-ch\u002F",[174],"web-professionals.ch","  kommt auf 0,13 Gramm und schafft immerhin eine B. Zum Vergleich: Ein einziger gefahrener Autokilometer verursacht rund 120 Gramm CO₂, mehr als 920 Aufrufe von web-professionals.ch zusammen. Relevant wird es also erst bei Webseiten mit sehr hohem Traffic sowie schlechtem CO₂ Rating.",[92,188,189],{},"Aussagekräftiger als die CO₂-Zahlen ist ohnehin ein zweiter, schneller Test. Google Lighthouse misst Performance, Barrierefreiheit, Best Practices und SEO auf einer Skala bis 100. Mit 92 Punkten bei der Perfomance (was ein Faktor für die CO₂ Bewertung ist) stehen wir schon mal gut da. Das merkt jede Besucherin und jeder Besucher sofort, ganz ohne CO₂-Rechner.",[92,191,192],{},"Eine Website wird die Hitzewelle nicht stoppen, so viel Ehrlichkeit muss sein, und auch der CO₂-Rechner ist eher ein Fingerzeig als eine exakte Messung. Trotzdem bleibt ein Muster hängen: Eine Website mit kleinerem CO₂-Fussabdruck lädt fast immer auch schneller (und vice versa), und Ladezeit ist ein Rankingfaktor bei Google. Wer schlanken Code schreibt, gewinnt also gleich dreifach, bessere Werte bei Google, zufriedenere Besucherinnen und Besucher und ein klein wenig besseres Gewissen. Optimierung lohnt sich also so oder so. Im Web Foundation Lehrgang zeigen wir, wie sauberer Code in beiden Fällen aussieht, ohne grosse Weltrettungs-Versprechen.",[92,194,195],{},"PS: Für diesen Blogbeitrag wurde folgender CO₂ Ausstoss generiert:",[197,198,199,203,206,209],"ul",{},[200,201,202],"li",{},"2 Tassen Kaffee: 200 Gramm CO₂",[200,204,205],{},"1 Gipfel: 60 Gramm CO₂",[200,207,208],{},"KI generiertes Bild für Header: 5 Gramm CO₂",[200,210,211],{},"Notebook-Zeit, Hochladen des Beitrags etc.",[92,213,214],{},"...wir könnten also unsere eigene Webseite rund 2'000 mal aufrufen um denselben Ausstoss zu generieren. Und jede\u002Fr, der diesen Beitrag gelesen hat ist für 0.12g CO₂-Ausstoss verantwortlich.",{"title":102,"searchDepth":103,"depth":103,"links":216},[],{"title":218,"description":219,"links":220},"Lerne, wie sauberer Code deine Website schneller macht","Im Web Foundation Lehrgang lernst du HTML, CSS und JavaScript von Grund auf, das Fundament für schnelle, schlanke Websites. Remote, in kleiner Gruppe, ohne Vorwissen.",[221,224],{"label":222,"to":25,"trailingIcon":223},"Zum Web Foundation Lehrgang","i-lucide-arrow-right",{"label":225,"to":226,"variant":227,"icon":223},"Alle Lehrgänge","\u002Flehrgang","subtle","2026-08-06","Eine nicht ganz ernst gemeinter Weltrettungsversuch mit einem wahren Kern.",{"src":231,"alt":232,"label":233},"blogImages\u002F2026-08-CO2-fussabdruck-website.webp","Laptop mit Ladebalken und grünem Blattmuster als Symbol für eine ressourcenschonende Website","Bild: Google Gemini \u002F Web Professionals",{},true,"\u002Fblog\u002F2026-08-06-co2-fussabdruck-website",{"title":137,"description":229},"3.blog\u002F2026-08-06-co2-fussabdruck-website","TcVYkgrW4xWUurjXL85zdCNUE-pyxJyLO_EesTqdOLM",{"id":241,"title":242,"authors":243,"badge":246,"body":248,"camp":84,"cta":281,"date":288,"description":289,"extension":105,"image":290,"meta":294,"navigation":235,"path":295,"published":235,"seo":296,"stem":297,"subtitle":11,"__hash__":298},"posts\u002F3.blog\u002F2026-07-08-lehrgaenge.md","Aus Web Integrator wird Web Foundation: unsere Lehrgänge im Umbau",[244],{"name":140,"to":141,"avatar":245},{"src":143},{"label":247},[5],{"type":89,"value":249,"toc":279},[250,253,256,259,262,265,276],[92,251,252],{},"KI-Werkzeuge schreiben heute in Sekunden, wofür Entwickler früher Tage brauchten. Viele fragen sich, ob sich eine Ausbildung in Web Development noch lohnt. Unsere Antwort: mehr denn je. Aber anders als bisher. Darum haben wir unsere Lehrgänge von Grund auf überarbeitet.",[92,254,255],{},"Wer Code übernimmt, den er nicht versteht, gibt die Kontrolle ab. Fehler fallen nicht auf, Sicherheitslücken auch nicht. Genau hier setzen die überarbeiteten Lehrgänge an. Du lernst, Code zu lesen, zu beurteilen und gezielt anzupassen. Egal ob er von dir stammt oder von einem Werkzeug. Das nennen wir digitale Souveränität.",[92,257,258],{},"Aus dem Web Integrator wird Web Foundation. Der alte Name beschrieb eine Tätigkeit, die heute Maschinen übernehmen. Web Foundation beschreibt, was bleibt: das Fundament. HTML, CSS, JavaScript, sauberes Handwerk. Wer dieses Fundament beherrscht, erkennt auf einen Blick, ob der Code aus dem Werkzeug taugt oder nicht.",[92,260,261],{},"Auch der Lehrgang Web Developer ist überarbeitet. Wer schon Erfahrung mitbringt, steigt direkt ein. Ein Aufnahmegespräch klärt, ob die Voraussetzungen passen. So verlierst du keine Zeit mit Inhalten, die du schon kennst, und arbeitest von Anfang an auf deinem Niveau.",[92,263,264],{},"Ganz vorne steht ab sofort ein Einstiegskurs: zwei Tage am Wochenende, remote, 16 Lektionen. Du baust deine erste eigene Website und merkst dabei, ob dir die Arbeit liegt. Danach entscheidest du, wie es weitergeht. Der Aufbau in drei Stufen:",[197,266,267,270,273],{},[200,268,269],{},"Einstiegskurs: zwei Tage remote, deine erste Website",[200,271,272],{},"Web Foundation: das Handwerk, HTML, CSS, JavaScript",[200,274,275],{},"Web Developer: der Weg zum Beruf, mit Direkteinstieg nach Aufnahmegespräch",[92,277,278],{},"Die überarbeiteten Lehrgänge starten 2027. Der Einstiegskurs läuft schon vorher. Wer herausfinden will, ob Web Development passt, reserviert sich ein Wochenende und probiert es aus. Alle Details findest du auf unserer Website.",{"title":102,"searchDepth":103,"depth":103,"links":280},[],{"title":282,"description":283,"links":284},"Finde heraus, ob Web Development zu dir passt","Reservier dir ein Wochenende und bau im Einstiegskurs deine erste Website. Passt es, geht es mit Web Foundation und Web Developer weiter – Stufe für Stufe.",[285,287],{"label":286,"to":21,"trailingIcon":223},"Zum Einstiegskurs",{"label":225,"to":226,"variant":227,"icon":223},"2026-07-07","KI-Werkzeuge schreiben heute Code in Sekunden. Wer ihn nicht versteht, gibt die Kontrolle ab. Darum haben wir unsere Web-Lehrgänge von Grund auf überarbeitet und einen Einstiegskurs geschaffen.",{"src":291,"alt":292,"label":293},"blogImages\u002F2026-07-lehrgaenge-ueberarbeitet-2.webp","Person prüft Code am Bildschirm im Kursraum in Grabs","Bild: OpenAI \u002F Web Professionals",{},"\u002Fblog\u002F2026-07-08-lehrgaenge",{"title":242,"description":289},"3.blog\u002F2026-07-08-lehrgaenge","5rTEyRf0hZSau3VmY3IdPUvDtwSBzyD6oVc7HJkCzcE"]