Kursaufgaben für meinen Kurs Offenes Projekt: HTML an der Hochschule Mannheim
Der 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.
- Stunde 1a: HTML- und CSS-Vorlagen umsetzen
- Stunde 1b: Tage bis Weihnachten berechnen
- Stunde 2a: Rasterplakat
- Stunde 2b: Spielautomat
- Stunde 3a: Media Queries (Keine Aufgabe)
- Stunde 3b: Zufällige Buchstaben
- Stunde 4: Videoplayer
- Stunde 5: SVG Bedienelemente
- Stunde 6: Git (Keine Aufgabe)
- Stunde 6: Slideshow
- Stunde 7: Keine Aufgabe
- Stunde 8: Responsive Images
- Stunde 9: RSS (Keine Aufgabe)
- Stunde 9: Semesteraufgabe - Adventure Game / Online-Galerie
Der Kurs baut nahezu lückenlos auf die Inhalte meines Erstsemesterkurses "INT: Internet-Technik" 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 wiederholt werden.
https://forms.gle/kF8nX6a3RrC7hog48 (SS 23)
Bitte nehmt euch kurz Zeit für die Kursevaluation. Euer Feedback hilft mir, die Veranstaltungen zu verbessern.
Bitte 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.
- Zusammenfassung der Inhalte aus INT
- Javascript Crash-Course
- #100DaysOfVanillaJS von Tae'lur Alexis (Mehrteiliger JS-Kurs, englisch, super!)
- Merkblatt zu Dateikompression
- Liste aller wichtigen Metadaten im
<head>
- Sublime Text (Code Editor, $80)
- CodeRunner (IDE, $25)
- Transmit (FTP Client, $45)
- Nova (IDE, $99)
Das GitHub Student Developer Pack ist eine Sammlung kostenloser Software- und Onlinedienst-Angebote, die Studierenden, die einen Github-Account besitzen (oder erstellen!) kostenlos zur Verfügung gestellt wird.
(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.)
Es beinhaltet unter anderen auch einen kostenlosen Domainnamen über 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.
Die Registrierung 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.
Die 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?)
- HTML & CSS (deutsch, €40, auch im OPAC ausleihbar)
- HTML & CSS (englisch, €22)
- Javascript & jQuery (deutsch, €45)
- Javascript & jQuery (englisch, €30)
(Amazon Affiliate Links)
Ehrlich 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:
- HTML5 for Web Designers
- CSS3 for Web Designers
- Javascript for Web Designers
- Responsive Web Design
- Mobile First
Und weiterführend
Viele davon sind auch mit je einem Exemplar in der Bibliothek vetreten, online auffindbar im OPAC.
