Skip to content

Commit

Permalink
Update website
Browse files Browse the repository at this point in the history
  • Loading branch information
@rstropek
rstropek committed Oct 29, 2024
1 parent 54e329d commit 7191d20
Show file tree
Hide file tree
Showing 67 changed files with 752 additions and 313 deletions.
2 changes: 1 addition & 1 deletion categories/blazor/index.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
<link>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/</guid>
<description>&lt;h1 id=&#34;tetris-mit-blazor&#34;&gt;Tetris mit Blazor&lt;/h1&gt;&#xA;&lt;h2 id=&#34;kostenlose-voraussetzungen&#34;&gt;Kostenlose Voraussetzungen&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Neueste Version von &lt;a href=&#34;https://visualstudio.microsoft.com/free-developer-offers/&#34; target=&#34;_blank&#34;&gt;Visual Studio 2017 Community Edition&lt;/a&gt; mit &lt;em&gt;ASP.NET and web development&lt;/em&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://marketplace.visualstudio.com/items?itemName=aspnet.blazor&#34; target=&#34;_blank&#34;&gt;ASP.NET Core Blazor Language Services&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;projekt-anlegen&#34;&gt;Projekt anlegen&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Visual Studio starten&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;&lt;em&gt;File&lt;/em&gt; / &lt;em&gt;New&lt;/em&gt; / &lt;em&gt;Project&lt;/em&gt;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Neues &lt;em&gt;ASP.NET&lt;/em&gt; Projekt anlegen:&lt;!-- raw HTML omitted --&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-project.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA; &lt;/div&gt;&#xA;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;&lt;em&gt;Blazor&lt;/em&gt; Projekttyp auswählen:&lt;!-- raw HTML omitted --&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-blazor-project.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA; &lt;/div&gt;&#xA;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Nach dem Anlegen des Projekt den Startmodus ändern:&lt;!-- raw HTML omitted --&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;</description>
<description>&lt;h1 id=&#34;tetris-mit-blazor&#34;&gt;Tetris mit Blazor&lt;/h1&gt;&#xA;&lt;h2 id=&#34;kostenlose-voraussetzungen&#34;&gt;Kostenlose Voraussetzungen&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Neueste Version von &lt;a href=&#34;https://visualstudio.microsoft.com/free-developer-offers/&#34; target=&#34;_blank&#34;&gt;Visual Studio 2017 Community Edition&lt;/a&gt; mit &lt;em&gt;ASP.NET and web development&lt;/em&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;a href=&#34;https://marketplace.visualstudio.com/items?itemName=aspnet.blazor&#34; target=&#34;_blank&#34;&gt;ASP.NET Core Blazor Language Services&lt;/a&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;projekt-anlegen&#34;&gt;Projekt anlegen&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Visual Studio starten&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;&lt;em&gt;File&lt;/em&gt; / &lt;em&gt;New&lt;/em&gt; / &lt;em&gt;Project&lt;/em&gt;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Neues &lt;em&gt;ASP.NET&lt;/em&gt; Projekt anlegen:&lt;br/&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-project.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA; &lt;/div&gt;&#xA;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;&lt;em&gt;Blazor&lt;/em&gt; Projekttyp auswählen:&lt;br/&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-blazor-project.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA; &lt;/div&gt;&#xA;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Nach dem Anlegen des Projekt den Startmodus ändern:&lt;br/&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/start-as-cmd.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA; &lt;/div&gt;&#xA;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;li&gt;&#xA;&lt;p&gt;Probiere, das Programm mit &lt;em&gt;F5&lt;/em&gt; oder &lt;em&gt;Debug&lt;/em&gt; / &lt;em&gt;Start Debugging&lt;/em&gt; zu starten. Es müsste ein Kommandozeilenfenster und ein Browser aufgehen. Im Browser solltest du folgendes sehen:&lt;br/&gt;&#xA;&#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &#xA; &lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;</description>
</item>
</channel>
</rss>
4 changes: 2 additions & 2 deletions categories/css/index.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
<link>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/html-css-hands-on/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/html-css-hands-on/</guid>
<description>&lt;h1 id=&#34;html--css-hands-on&#34;&gt;HTML &amp;amp; CSS Hands On&lt;/h1&gt;&#xA;&lt;p&gt;Die folgenden Übungen kannst du direkt online in &lt;a href=&#34;https://jsfiddle.net/&#34; target=&#34;_blank&#34;&gt;JSFiddle&lt;/a&gt; machen. Du brauchst dafür kein installiertes Tool. Für jede Übung wird das gewünschte Ergebnis dargestellt und du findest jeweils einen Link zur Ausgangsbasis für das Beispiel.&lt;/p&gt;&#xA;&lt;h2 id=&#34;html&#34;&gt;HTML&lt;/h2&gt;&#xA;&lt;h3 id=&#34;basic-tags&#34;&gt;Basic Tags&lt;/h3&gt;&#xA;&lt;p&gt;Im ersten Beispiel werden die am häufigsten verwendeten HTML Element verwendet.&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://jsfiddle.net/karin112358/qmgvrodt/#fork&#34; target=&#34;_blank&#34;&gt;Startprojekt öffnen&lt;/a&gt;&lt;/p&gt;&#xA;&lt;!-- raw HTML omitted --&gt;&#xA;&lt;h3 id=&#34;formatierung-mit-tags&#34;&gt;Formatierung mit Tags&lt;/h3&gt;&#xA;&lt;p&gt;In diesem Beispiel geht es um die verschiedenen Optionen, um Text direkt durch HTML Elemente zu formatieren.&lt;/p&gt;</description>
<description>&lt;h1 id=&#34;html--css-hands-on&#34;&gt;HTML &amp;amp; CSS Hands On&lt;/h1&gt;&#xA;&lt;p&gt;Die folgenden Übungen kannst du direkt online in &lt;a href=&#34;https://jsfiddle.net/&#34; target=&#34;_blank&#34;&gt;JSFiddle&lt;/a&gt; machen. Du brauchst dafür kein installiertes Tool. Für jede Übung wird das gewünschte Ergebnis dargestellt und du findest jeweils einen Link zur Ausgangsbasis für das Beispiel.&lt;/p&gt;&#xA;&lt;h2 id=&#34;html&#34;&gt;HTML&lt;/h2&gt;&#xA;&lt;h3 id=&#34;basic-tags&#34;&gt;Basic Tags&lt;/h3&gt;&#xA;&lt;p&gt;Im ersten Beispiel werden die am häufigsten verwendeten HTML Element verwendet.&lt;/p&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://jsfiddle.net/karin112358/qmgvrodt/#fork&#34; target=&#34;_blank&#34;&gt;Startprojekt öffnen&lt;/a&gt;&lt;/p&gt;&#xA;&lt;script async src=&#34;//jsfiddle.net/karin112358/noLwuvk4/embed/result/dark/&#34;&gt;&lt;/script&gt;&#xA;&lt;h3 id=&#34;formatierung-mit-tags&#34;&gt;Formatierung mit Tags&lt;/h3&gt;&#xA;&lt;p&gt;In diesem Beispiel geht es um die verschiedenen Optionen, um Text direkt durch HTML Elemente zu formatieren.&lt;/p&gt;</description>
</item>
<item>
<title>Space Invaders</title>
Expand All @@ -47,7 +47,7 @@
<link>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/svg-schreibtrainer/</link>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/svg-schreibtrainer/</guid>
<description>&lt;h1 id=&#34;svg-schreibtrainer&#34;&gt;SVG Schreibtrainer&lt;/h1&gt;&#xA;&lt;h2 id=&#34;ziel-der-übung&#34;&gt;Ziel der Übung&lt;/h2&gt;&#xA;&lt;p&gt;Du baust ein Spiel das dir hilft, deine Tipp-Geschwindigkeit zu verbessern.&lt;/p&gt;&#xA;&lt;p&gt;Am oberen Spielfeldrand erscheinen Kreise mit Buchstaben, die nach unten fallen. Tippe den Buchstaben, bevor er den unteren&#xA;Rand des Spielfelds berührt.&lt;/p&gt;&#xA;&lt;p&gt;Auf Wikipedia findest du eine Grafik zum&#xA;&lt;!-- raw HTML omitted --&gt;Zehnfingersystem&lt;!-- raw HTML omitted --&gt;, die erklärt, welche Taste&#xA;mit welchem Finger gedrückt werden soll.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA; &#xA; &#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/svg-schreibtrainer/img/schreibtrainer.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;grundgerüst-der-html-seite&#34;&gt;Grundgerüst der HTML Seite&lt;/h2&gt;&#xA;&lt;p&gt;Erstelle als erstes eine neue HTML Seite mit dem Namen &lt;code&gt;schreibtrainer.html&lt;/code&gt;.&lt;/p&gt;</description>
<description>&lt;h1 id=&#34;svg-schreibtrainer&#34;&gt;SVG Schreibtrainer&lt;/h1&gt;&#xA;&lt;h2 id=&#34;ziel-der-übung&#34;&gt;Ziel der Übung&lt;/h2&gt;&#xA;&lt;p&gt;Du baust ein Spiel das dir hilft, deine Tipp-Geschwindigkeit zu verbessern.&lt;/p&gt;&#xA;&lt;p&gt;Am oberen Spielfeldrand erscheinen Kreise mit Buchstaben, die nach unten fallen. Tippe den Buchstaben, bevor er den unteren&#xA;Rand des Spielfelds berührt.&lt;/p&gt;&#xA;&lt;p&gt;Auf Wikipedia findest du eine Grafik zum&#xA;&lt;a href=&#34;https://de.wikipedia.org/wiki/Zehnfingersystem#/media/File:QWERTZ-10Finger-Layout.svg&#34; target=&#34;_blank&#34;&gt;Zehnfingersystem&lt;/a&gt;, die erklärt, welche Taste&#xA;mit welchem Finger gedrückt werden soll.&lt;/p&gt;&#xA;&#xA;&#xA;&#xA; &#xA; &#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&lt;div class=&#34;row&#34;&gt;&#xA; &lt;div class=&#34;col&#34;&gt;&#xA; &lt;p&gt;&lt;/p&gt;&#xA; &lt;/div&gt;&#xA; &lt;div class=&#34;col-12 col-md-12&#34;&gt;&#xA; &lt;img src=&#34;https://linz.coderdojo.net/uebungsanleitungen/programmieren/web/svg-schreibtrainer/img/schreibtrainer.png&#34; alt=&#34;(.Get 1)&#34; class=&#34;mx-auto &#34; style=&#34;display: block; width: auto&#34; /&gt;&#xA; &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h2 id=&#34;grundgerüst-der-html-seite&#34;&gt;Grundgerüst der HTML Seite&lt;/h2&gt;&#xA;&lt;p&gt;Erstelle als erstes eine neue HTML Seite mit dem Namen &lt;code&gt;schreibtrainer.html&lt;/code&gt;.&lt;/p&gt;</description>
</item>
<item>
<title>Tetris</title>
Expand Down
Loading

0 comments on commit 7191d20

Please sign in to comment.