{"id":148,"date":"2023-10-20T09:08:32","date_gmt":"2023-10-20T07:08:32","guid":{"rendered":"https:\/\/22straganzm.bplaced.net\/?page_id=148"},"modified":"2025-05-16T13:08:49","modified_gmt":"2025-05-16T11:08:49","slug":"programmierung","status":"publish","type":"page","link":"https:\/\/22straganzm.bplaced.net\/?page_id=148","title":{"rendered":"Programmierung"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Programmierung<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Inhalte<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Auf dieser Seite findest du alles, was ich bisher im Bereich Webprogrammierung mit HTML, CSS und JavaScript gelernt und selbst umgesetzt habe.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Grundlagen in HTML & CSS<\/h4>

Ich habe gelernt, wie man mit HTML und CSS Webseiten strukturiert und optisch gestaltet.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Eigene Browser-Spiele<\/h4>

Ich habe eigene Spiele programmiert, die direkt im Browser spielbar sind.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

JavaScript Basics & Interaktivit\u00e4t<\/h4>

Mit JavaScript kann ich Webseiten interaktiv machen, z.\u202fB. durch Animationen und Events.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Mini-Projekte & Experimente<\/h4>

In kleinen Projekten konnte ich neue Ideen ausprobieren und mein Wissen vertiefen.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Eigene Spiele & Web-Apps<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ich habe eigene Spiele und kleine Web-Apps entwickelt \u2013 hier kannst du sie direkt im Browser testen und selbst ausprobieren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tMeine Apps<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tMeine Spiele<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wichtige Befehle in Javascript<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

let<\/h3>

Mit let kannst du eine Variable erstellen, deren Wert sich sp\u00e4ter noch \u00e4ndern l\u00e4sst. Das ist besonders n\u00fctzlich, wenn du z.\u202fB. einen Punktestand, einen Z\u00e4hler oder dynamische Inhalte speichern m\u00f6chtest, die sich im Laufe des Programms ver\u00e4ndern.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

const<\/h3>

Const wird verwendet, um eine Konstante zu erstellen \u2013 also eine Variable, deren Wert nach der ersten Zuweisung nicht mehr ge\u00e4ndert werden darf. Das eignet sich z.\u202fB. f\u00fcr feste Werte wie Farbcodes, URLs oder Konfigurationen.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

if<\/h3>

Eine if-Anweisung \u00fcberpr\u00fcft, ob eine bestimmte Bedingung wahr ist, und f\u00fchrt nur dann den entsprechenden Code aus. Damit kannst du auf verschiedene Situationen reagieren, etwa ob ein Spieler gewonnen hat oder ob ein Feld leer ist.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

for<\/h3>

Die for-Schleife ist ein praktisches Werkzeug, um Code mehrfach hintereinander auszuf\u00fchren \u2013 zum Beispiel, um durch alle Elemente eines Arrays zu gehen oder ein Spielraster automatisch zu erzeugen.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

addEventListener<\/h3>

Mit diesem Befehl kannst du festlegen, was passieren soll, wenn ein Nutzer eine bestimmte Aktion ausf\u00fchrt \u2013 etwa einen Button klickt, eine Taste dr\u00fcckt oder mit der Maus \u00fcber ein Element f\u00e4hrt. Damit werden Webseiten interaktiv.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

querySelector<\/h3>

Dieser Befehl w\u00e4hlt ein HTML-Element anhand eines CSS-Selectors aus (z.\u202fB. eine Klasse, ID oder ein Tag). Danach kannst du das ausgew\u00e4hlte Element mit JavaScript ver\u00e4ndern \u2013 etwa den Text austauschen, eine Farbe \u00e4ndern oder es ein- und ausblenden.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tErfahre mehr<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Meine Erfahrungen mit JavaScript<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Der Unterricht in JavaScript hat mir geholfen, die Grundlagen der Programmierung zu verstehen und anzuwenden. Ich habe gelernt, wie man Webseiten interaktiv macht, Bedingungen und Schleifen einsetzt und eigene kleine Projekte umsetzt. Besonders spannend fand ich es, eigene Spiele und dynamische Anwendungen direkt im Browser zu programmieren. Das hat mir viel Freude bereitet und mein technisches Verst\u00e4ndnis deutlich erweitert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Lernen mit AppGyver<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

AppGyver hat mir gezeigt, wie man auch ohne tiefgehende Programmierkenntnisse einfache und funktionale Apps erstellen kann. Der visuelle Ansatz macht es leicht, Ideen schnell umzusetzen und verschiedene Komponenten zu verbinden. Durch den Unterricht konnte ich praktische Erfahrungen sammeln, die mir helfen, kreative Projekte auch au\u00dferhalb des klassischen Programmierens zu realisieren. Das hat mir neue Perspektiven er\u00f6ffnet und mich motiviert, weiter in die App-Entwicklung einzusteigen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Abschlie\u00dfende Worte<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Programmieren ist nicht nur Technik \u2013 es ist kreatives Probleml\u00f6sen und die Sprache, mit der man Ideen zum Leben erweckt.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Programmierung Inhalte Auf dieser Seite findest du alles, was ich bisher im Bereich Webprogrammierung mit HTML, CSS und JavaScript gelernt und selbst umgesetzt habe. Grundlagen in HTML & CSS Ich habe gelernt, wie man mit HTML und CSS Webseiten strukturiert und optisch gestaltet. Eigene Browser-Spiele Ich habe eigene Spiele programmiert, die direkt im Browser spielbar sind. JavaScript Basics & Interaktivit\u00e4t Mit JavaScript kann ich Webseiten interaktiv machen, z.\u202fB. durch Animationen und Events. Mini-Projekte & Experimente In kleinen Projekten konnte ich neue Ideen ausprobieren und mein Wissen vertiefen. Eigene Spiele & Web-Apps Ich habe eigene Spiele und kleine Web-Apps entwickelt \u2013 hier kannst du sie direkt im Browser testen und selbst ausprobieren. Meine Apps Meine Spiele Wichtige Befehle in Javascript let Mit let kannst du eine Variable erstellen, deren Wert sich sp\u00e4ter noch \u00e4ndern l\u00e4sst. Das ist besonders n\u00fctzlich, wenn du z.\u202fB. einen Punktestand, einen Z\u00e4hler oder dynamische Inhalte speichern m\u00f6chtest, die sich im Laufe des Programms ver\u00e4ndern. const Const wird verwendet, um eine Konstante zu erstellen \u2013 also eine Variable, deren Wert nach der ersten Zuweisung nicht mehr ge\u00e4ndert werden darf. Das eignet sich z.\u202fB. f\u00fcr feste Werte wie Farbcodes, URLs oder Konfigurationen. if Eine if-Anweisung \u00fcberpr\u00fcft, ob eine bestimmte Bedingung wahr ist, und f\u00fchrt nur dann den entsprechenden Code aus. Damit kannst du auf verschiedene Situationen reagieren, etwa ob ein Spieler gewonnen hat oder ob ein Feld leer ist. for Die for-Schleife ist ein praktisches Werkzeug, um Code mehrfach hintereinander auszuf\u00fchren \u2013 zum Beispiel, um durch alle Elemente eines Arrays zu gehen oder ein Spielraster automatisch zu erzeugen. addEventListener Mit diesem Befehl kannst du festlegen, was passieren soll, wenn ein Nutzer eine bestimmte Aktion ausf\u00fchrt \u2013 etwa einen Button klickt, eine Taste dr\u00fcckt oder mit der Maus \u00fcber ein Element f\u00e4hrt. Damit werden Webseiten interaktiv. querySelector Dieser Befehl w\u00e4hlt ein HTML-Element anhand eines CSS-Selectors aus (z.\u202fB. eine Klasse, ID oder ein Tag). Danach kannst du das ausgew\u00e4hlte Element mit JavaScript ver\u00e4ndern \u2013 etwa den Text austauschen, eine Farbe \u00e4ndern oder es ein- und ausblenden. Erfahre mehr Meine Erfahrungen mit JavaScript Der Unterricht in JavaScript hat mir geholfen, die Grundlagen der Programmierung zu verstehen und anzuwenden. Ich habe gelernt, wie man Webseiten interaktiv macht, Bedingungen und Schleifen einsetzt und eigene kleine Projekte umsetzt. Besonders spannend fand ich es, eigene Spiele und dynamische Anwendungen direkt im Browser zu programmieren. Das hat mir viel Freude bereitet und mein technisches Verst\u00e4ndnis deutlich erweitert. Lernen mit AppGyver AppGyver hat mir gezeigt, wie man auch ohne tiefgehende Programmierkenntnisse einfache und funktionale Apps erstellen kann. Der visuelle Ansatz macht es leicht, Ideen schnell umzusetzen und verschiedene Komponenten zu verbinden. Durch den Unterricht konnte ich praktische Erfahrungen sammeln, die mir helfen, kreative Projekte auch au\u00dferhalb des klassischen Programmierens zu realisieren. Das hat mir neue Perspektiven er\u00f6ffnet und mich motiviert, weiter in die App-Entwicklung einzusteigen. Abschlie\u00dfende Worte Programmieren ist nicht nur Technik \u2013 es ist kreatives Probleml\u00f6sen und die Sprache, mit der man Ideen zum Leben erweckt.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=148"}],"version-history":[{"count":55,"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":5538,"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions\/5538"}],"wp:attachment":[{"href":"https:\/\/22straganzm.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}