Was soll diese Seite?
Diese Subdomain ist ein Container für diverse Beispiel-Programme. Einige programmierte ich selber, andere entstanden aus Aufgaben, die ich im Lehrgang Web-Development von Codecademy löste. Unten stehend ist eine Liste von diesen Programmen.
| Name: | SBB-Uhr |
| Erstellt: | 14.11.21 |
| Sprache: | DE |
| Verzeichnis: | ./sbbClock/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Nachbau der SBB-Uhr. Auch responsive. |
| Link: | SBB Uhr |
[ Nach Oben ]
| Name: | Foursquare |
| Erstellt: | 09.11.21 |
| Sprache: | DE |
| Verzeichnis: | ./fourSquare/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | none |
| Beschreibung: | Ein kleines Spiel. Zwei Quadrate und zwei Rechtecke werden jeweils mittels Hover-Effekt in die Mitte verschoben. Nicht Responsive. |
| Link: | Foursquare |
[ Nach Oben ]
| Name: | Star Rating |
| Erstellt: | 13.02.21 |
| Sprache: | EN |
| Verzeichnis: | ./starRating/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Nachbau eines Ratings mit Balken-Diagramm. Nicht Responsive. |
| Link: | Star Rating |
[ Nach Oben ]
| Name: | Zoom Move |
| Erstellt: | 20.11.20 |
| Sprache: | DE |
| Verzeichnis: | ./zoomMove/ |
| HTML: | index.php |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Die Idee zu dieser Mikro-Webseite kam mir nach dem Besuch der Zalando-Webseite. Drei Bilder können eins nach dem anderen vergrössert werden. Nicht Responsive. |
| Link: | Zoom Move |
[ Nach Oben ]
| Name: | Cheatsheet |
| Erstellt: | 30.05.19 |
| Sprache: | DE |
| Verzeichnis: | ./html-css-cheatsheet-starting/ |
| HTML: | index.php |
| CSS: | styles.css |
| Javascript: | none |
| Beschreibung: | Es werden grundlegende HTML-Elemente mit Attributen und CSS-Eigenschaften mit dazugehörigen Werten aufgelistet. |
| Link: | Cheatsheet html css |
[ Nach Oben ]
| Name: | Shuffle an Array |
| Erstellt: | 24.09.19 |
| Sprache: | EN |
| Verzeichnis: | ./shuffleArray/ |
| HTML: | index.php |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Dieses Programm entstand aus einem Projekt auf Codecademy. Eine Zustatz-Aufgabe stellte die Frage, wie ein Array gemischt werden kann. Dies nahm mich wunder. Und so ging ich hinter diese kleine Webseite. |
| Link: | Shuffle an Array |
[ Nach Oben ]
| Name: | Wanderlust |
| Erstellt: | 25.10.19 |
| Sprache: | EN |
| Verzeichnis: | ./wanderlust/ |
| HTML: | index.html |
| CSS: | reset.css, style.css |
| Javascript: | helper.js, main.js |
| Beschreibung: | Diese Seite entstand aus einem Projekt auf Codecademy. Sie gibt Daten über Wetter und Sehenswürdigkeiten zu einer beliebigen Stadt aus. Die Daten werden von Foursquare und OpenWeather abgerufen. Erste API Implementierung. |
| Link: | Wanderlust |
[ Nach Oben ]
| Name: | Netscape Navigator |
| Erstellt: | 31.03.20 |
| Sprache: | EN |
| Verzeichnis: | ./netscape-navigator/ |
| HTML: | index.html |
| CSS: | reset.css, styles.css |
| Javascript: | none |
| Beschreibung: | HTML und CSS Übungsseite. Nach Vorgabe von Codecademy. Nicht responsive. |
| Link: | Netscape Navigator |
[ Nach Oben ]
| Name: | Jammming |
| Erstellt: | 22.07.20 |
| Sprache: | EN |
| Verzeichnis: | ./jammming/ |
| HTML: | index.html |
| CSS: | reset.css, main.b21a2e05.chunk.css |
| Javascript: | service-worker.js, precache-manifest.4cf4ffbca9b10b201ba3b3d18c5c54c2.js, 2.54781d71.chunk.js, main.e2f34bec.chunk.js, runtime-main.f30e1610.js |
| Beschreibung: | Erste grössere react-Seite. Entstand aus einem Projekt auf Codecademy. Mit ihr kann eine Playlist für Spotify erstellt werden. API von Spotify verwendet. |
| Link: | Jammming |
[ Nach Oben ]
| Name: | Tea Cozy |
| Erstellt: | 29.09.19 |
| Sprache: | EN |
| Verzeichnis: | ./teacozy/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | none |
| Beschreibung: | HTML und CSS Übungsseite. Nach Vorgabe von Codecademy. Nicht responsive. |
| Link: | Tea Cozy |
[ Nach Oben ]
| Name: | Säulenbauten des 20. Jahrhunderts |
| Erstellt: | 10.09.20 |
| Sprache: | DE |
| Verzeichnis: | ./saeulenbauten/ |
| HTML: | index.html |
| CSS: | reset.css, styles.css |
| Javascript: | none |
| Beschreibung: | Übungsseite zu HTML und CSS. Nach Vorgabe von html-seminar.de. Nicht responsive. |
| Link: | Säulenbauten des 20. Jahrhunderts |
[ Nach Oben ]
| Name: | Tübingen anders sehen |
| Erstellt: | 22.09.20 |
| Sprache: | DE |
| Verzeichnis: | ./tuebingen/ |
| HTML: | index.php |
| CSS: | reset.css, styles.css, nav.css |
| Javascript: | none |
| Beschreibung: | Übungsseite zu HTML und CSS. Nach Vorgabe von html-seminar.de. Nicht responsive. |
| Link: | Tübingen anders sehen |
[ Nach Oben ]
| Name: | Piano Player |
| Erstellt: | 21.09.19 |
| Sprache: | EN |
| Verzeichnis: | ./pianoPlayer/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Dieses Programm entstand in einem Codecademy-Projekt. Es simuliert ein Piano. Ich fügte noch die Sounddateien hinzu. |
| Link: | Piano Player |
[ Nach Oben ]
| Name: | Chore Bot |
| Erstellt: | 19.09.19 |
| Sprache: | EN |
| Verzeichnis: | ./choreBot/ |
| HTML: | index.html |
| CSS: | styles.css |
| Javascript: | main.js |
| Beschreibung: | Dieses Programm entstand in einem Codecademy-Projekt. Es ist ein kleines Spiel, in dem einem Putz-Roboter ausgewichen werden muss. |
| Link: | Chore Bot |
[ Nach Oben ]
| Name: | Form Element |
| Erstellt: | 17.06.19 |
| Sprache: | DE |
| Verzeichnis: | ./formElement/ |
| HTML: | form.html, thankyou.html |
| CSS: | none |
| Javascript: | none |
| Beschreibung: | Auf dieser Seite werden die Möglichkeiten des form-Elements dargestellt. |
| Link: | Form Element |
[ Nach Oben ]
| Name: | Media Link |
| Erstellt: | 18.06.19 |
| Sprache: | DE |
| Verzeichnis: | ./mediaLink/ |
| HTML: | index.html, link.html |
| CSS: | none |
| Javascript: | none |
| Beschreibung: | Auf dieser Seite werden die Media-Elemente und das Link-Element dargestellt. |
| Link: | Media Link |
[ Nach Oben ]