{"id":38720474,"url":"https://github.com/oelna/hsma-html","last_synced_at":"2026-01-17T11:08:09.782Z","repository":{"id":78401837,"uuid":"221645066","full_name":"oelna/hsma-html","owner":"oelna","description":"Kursmaterialien für meinen Kurs Offenes Projekt: HTML aka. \"VSTG\" an der Hochschule Mannheim","archived":false,"fork":false,"pushed_at":"2023-10-06T15:12:28.000Z","size":103,"stargazers_count":7,"open_issues_count":100,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-05-02T01:58:26.934Z","etag":null,"topics":["assignments","css","html","javascript","teaching-materials"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oelna.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-11-14T08:13:47.000Z","updated_at":"2024-05-02T01:58:26.935Z","dependencies_parsed_at":"2023-04-09T19:31:43.920Z","dependency_job_id":null,"html_url":"https://github.com/oelna/hsma-html","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/oelna/hsma-html","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oelna%2Fhsma-html","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oelna%2Fhsma-html/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oelna%2Fhsma-html/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oelna%2Fhsma-html/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oelna","download_url":"https://codeload.github.com/oelna/hsma-html/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oelna%2Fhsma-html/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28506598,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-17T10:25:30.148Z","status":"ssl_error","status_checked_at":"2026-01-17T10:25:29.718Z","response_time":85,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["assignments","css","html","javascript","teaching-materials"],"created_at":"2026-01-17T11:08:09.704Z","updated_at":"2026-01-17T11:08:09.771Z","avatar_url":"https://github.com/oelna.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Aufgaben\n\nKursaufgaben für meinen Kurs `Offenes Projekt: HTML` an der [Hochschule Mannheim](http://www.gestaltung.hs-mannheim.de)\n\nDer Kurs vermittelt sowohl fortgeschrittene Inhalte in HTML und CSS, als auch einen Einsteig in Programmierung mit Javascript. Die Kurszeit ist in der Regel aufgeteilt in zwei Hälften; die erste behandelt HTML, CSS und verschiedene verwandte Themen, die zweite, nach einer kurzen Pause, immer bestimmte Aspekte von Javascript. Manchmal gibt es zur Übung eine, manchmal zwei verschiedene Aufgaben.\n\n- [Stunde 1a: HTML- und CSS-Vorlagen umsetzen](uebung_01a.md)\n- [Stunde 1b: Tage bis Weihnachten berechnen](uebung_01b.md)\n- [Stunde 2a: Rasterplakat](uebung_02a.md)\n- [Stunde 2b: Spielautomat](uebung_02b.md)\n- Stunde 3a: Media Queries (Keine Aufgabe)\n- [Stunde 3b: Zufällige Buchstaben](uebung_03b.md)\n- [Stunde 4: Videoplayer](uebung_04.md)\n- [Stunde 5: SVG Bedienelemente](uebung_05.md)\n- Stunde 6: [Git](https://github.com/oelna/hsma-html/issues/54) (Keine Aufgabe)\n- [Stunde 6: Slideshow](uebung_06.md)\n- Stunde 7: Keine Aufgabe\n- [Stunde 8: Responsive Images](uebung_08.md)\n- Stunde 9: RSS (Keine Aufgabe)\n- Stunde 9: Semesteraufgabe - [Adventure Game](uebung_09.md) / [Online-Galerie](uebung_09b.md)\n\n### Voraussetzung\n\nDer Kurs baut nahezu lückenlos auf die Inhalte meines Erstsemesterkurses [\"INT: Internet-Technik\"](https://github.com/oelna/hsma-int) auf. Um teilzunehmen sind einigermaßen solide Grundkenntnisse in HTML und CSS erforderlich. Diese müssen nicht in INT erworben worden sein, sondern können zB. auch aus den unten genannten Büchern stammen, oder anhand der [Aufgaben und Materialien vom ersten Semester](https://github.com/oelna/hsma-int) wiederholt werden.\n\n### Evaluation\n\nhttps://forms.gle/kF8nX6a3RrC7hog48 (SS 23)\n\nBitte nehmt euch kurz Zeit für die Kursevaluation. Euer Feedback hilft mir, die Veranstaltungen zu verbessern.\n\nBitte denkt daran, ein VPN bei der Eingabe der Daten zu verwenden und ein Inkognito-Browserfenster, bei dem ihr nicht in euren Google-Account eingeloggt seid, um die Anonymität zu gewährleisten. Alternativ geht natürlich auch die Abgabe der Papierformulare im Sekretariat.\n\n### Praktisches Wissen in kompakter Form\n\n- [Zusammenfassung der Inhalte aus INT](https://github.com/oelna/hsma-int/blob/master/test-vorbereitung.md)\n- [Javascript Crash-Course](https://gist.github.com/oelna/5b7fa9f53331130ba4281d23532f3dff)\n- [#100DaysOfVanillaJS](https://dev.to/search?q=100DaysOfVanillaJS) von Tae'lur Alexis (Mehrteiliger JS-Kurs, englisch, super!)\n- [Merkblatt zu Dateikompression](https://gist.github.com/oelna/828e5b9c5702b635b56fd1a1d463943c)\n- [Liste aller wichtigen Metadaten im `\u003chead\u003e`](https://gist.github.com/oelna/192663f21e81e5467658332259b90a09)\n\n### Eigene Domain registrieren\n\n- [porkbun.com](https://porkbun.com)\n- [inwx.de](https://www.inwx.com/de/)\n\n### Apps und Programme\n\n- [Sublime Text](https://www.sublimetext.com) (Code Editor, $80)\n- [CodeRunner](https://coderunnerapp.com) (IDE, $25)\n- [Transmit](https://panic.com/transmit/) (FTP Client, $45)\n- [Nova](https://panic.com/nova/) (IDE, $99)\n\n### Angebot: GitHub Student Developer Pack\n\nDas [GitHub Student Developer Pack](https://education.github.com/pack) ist eine Sammlung **kostenloser** Software- und Onlinedienst-Angebote, die Studierenden, die einen Github-Account [besitzen](https://education.github.com/benefits) ([oder erstellen!](https://github.com/join)) kostenlos zur Verfügung gestellt wird.  \n(Man sollte dann seine @stud.hs-mannheim.de Adresse verwenden oder zumindest im Account zusätzlich verlinken, dass klar ist, dass man von einer Hochschule kommt, dann hat man weniger Stress, das später nachzuweisen.)\n\nEs beinhaltet unter anderen auch einen kostenlosen Domainnamen über [name.com](https://name.com/), sowie kostenlos-für-1-Jahr Domains von namecheap und .tech-domains. Ebenfalls enthalten sind viele Online-Kurse für `HTML`, `CSS`, `Javascript` und mehr.\n\n[Die Registrierung](https://education.github.com/pack) ist kostenlos und es gibt keinen Haken. Nebenbei erhält man nach der Verifikation einen Github Pro Account (normalerweise $85/Jahr) mit unbegrenzten öffentlichen und privaten Repositories.\n\n### Bücher zum Thema\n\nDie genannten Bücher sind in keinster Weise für die Teilnahme am Kurs erforderlich, sind aber von mir auf Seriosität geprüft und funktionieren gut ergänzend zum Kurs. Eventuell lohnt sich vor der Anschaffung auch zu prüfen, ob spätere Semester eventuell Exemplare gebraucht verkaufen möchten (nachdem Sie die Inhalte gemeistert haben?)\n\n- [HTML \u0026 CSS](https://amzn.to/2TEietP) (deutsch, €40, auch im [OPAC](https://bsz.ibs-bw.de/opac24) ausleihbar)\n- [HTML \u0026 CSS](https://amzn.to/38Hd1pz) (englisch, €22)\n- [Javascript \u0026 jQuery](https://amzn.to/334TuhJ) (deutsch, €45)\n- [Javascript \u0026 jQuery](https://amzn.to/2wJ72mQ) (englisch, €30)\n\n(Amazon Affiliate Links)\n\nEhrlich gesagt ist auch die komplette (englische) \"A Book Apart\"-Reihe richtig gut und kurzweilig zu lesen, aber wenn man nur die für den Kurs wichtigsten Bände lesen will:\n\n- [HTML5 for Web Designers](https://abookapart.com/products/html5-for-web-designers)\n- [CSS3 for Web Designers](https://abookapart.com/products/css3-for-web-designers)\n- [Javascript for Web Designers](https://abookapart.com/products/javascript-for-web-designers)\n- [Responsive Web Design](https://abookapart.com/products/responsive-web-design)\n- [Mobile First](https://abookapart.com/products/mobile-first)\n\nUnd weiterführend\n\n- [Git for Humans](https://abookapart.com/products/git-for-humans)\n- [Practical SVG](https://abookapart.com/products/practical-svg)\n- [The New CSS Layout](https://abookapart.com/products/the-new-css-layout)\n\nViele davon sind auch mit je einem Exemplar in der Bibliothek vetreten, online auffindbar im [OPAC](https://bsz.ibs-bw.de/opac24).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foelna%2Fhsma-html","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foelna%2Fhsma-html","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foelna%2Fhsma-html/lists"}