(→Kursplan/Themen: Für 12.05. Daten hochgeladen und verlinkt) |
(→Hilfreiche Links: new links) |
||
| Line 48: | Line 48: | ||
===Hilfreiche Links=== | ===Hilfreiche Links=== | ||
===Referenzen=== | |||
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML | * [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML Element Reference] | ||
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML | * [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML Attribute Reference] | ||
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Reference CSS | * [http://developer.mozilla.org/en-US/docs/Web/CSS/Reference CSS Reference] | ||
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference JavaScript Reference] | |||
====Erklärungen/Tutorials==== | ====Erklärungen/Tutorials==== | ||
| Line 58: | Line 59: | ||
* [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)] | * [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)] | ||
* [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org] | * [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org] | ||
====Design==== | |||
* [[IFD:GenerativeBauhaus_WS2012#Themen|Generative Bauhaus]] | |||
* [http://www.smashingmagazine.com/2014/05/16/design-principles-space-figure-ground-relationship/ Smashing Magazine: Design Principles: Space And The Figure-Ground Relationship] | |||
* [http://webtypobuch.de/lesen #webtypobuch] | |||
====Sonstiges==== | |||
* [http://praegnanz.de/weblog/cms-einkaufsfuehrer-2014 Die CMS-Landschaft im Jahr 2014 / praegnanz.de] | |||
==Leistungsnachweis== | ==Leistungsnachweis== | ||
Revision as of 20:39, 21 May 2014
Werkmodul
Lehrperson: Tobias Wolf
Bewertung: 6 ECTS, 4 SWS
Termin: Montag, 9:15 - 11:30
Ort: Marienstr. 7b, Raum 105
Erster Termin: Mo, 7. April 2014
Kursplan/Themen
Der Kursplan ist nicht fix, sonder dient eher zur groben Orientierung!
- 07.04. Web Inspektor, Semantik
- 14.04. Web Basics I in 2 Stunden
- 28.04. Interface Design & Responsives Design (Vertiefung CSS)
- 05.05. Einführung in JavaScript
- 12.05. Vertiefung JavaScript und Ajax: Facebook-Bilder-Galerie
- 19.05. PHP, Facebook/Twitter-Anbindung
- 26.05. Wordpress
- 02.06. Zwischenpräsentation
- 16.06. tba
- 23.06. tba
- 30.06. tba
- 07.07. tba
- 10. - 13.07. Summaery
Sonstige Themen:
GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery, Suchmaschinenoptimierung
Hilfreiche Links
Referenzen
Erklärungen/Tutorials
- Einführung HTML (englisch)
- Einführung CSS (englisch)
- Interaktiv HTML lernen (englisch)
- Web development for beginners – WebPlatform.org
Design
- Generative Bauhaus
- Smashing Magazine: Design Principles: Space And The Figure-Ground Relationship
- #webtypobuch
Sonstiges
Leistungsnachweis
70% Endabgabe
Eine fertige Website in der behandelte Themen umgesetzt wurden.
Bewertet wird das Design & die Umsetzung.
30% Hausaufgaben
Jede Woche gibt es eine Hausaufgabe.
50% der Hausaufgaben müssen erledigt werden.
Beschreibung
Der Kurs wird studentisch unterstützt von Tobias Wolf.
Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die einen Einstieg in die Erstellung von dynamischen Websiten suchen.
Grundlage für den Kurs ist das Werkmodul "Web Basics I" bzw. Kenntnisse in HTML und CSS. Der Kurs wird auf diese Grundlagen aufbauen und anwendungsnah sich weiter in die Entwicklung von Websiten/WebApplikationen vertiefen. Dabei wird die Programmiersprache "JavaScript" von Grund auf vermitteln, mit der Webdesigner mit relativ überschaubaren Programmierkenntnissen zu überzeugenden Ergebnissen in Webanwenungen kommen. PHP als serverseitige Scriptsprachen werden wir auch von Grund auf kennen lernen.
Hier einige Beispiele für typische Anwendungen aus dem Weballtag, die im Kurs praktisch behandelt werden:
- Animationen und Darstellungseffekte
- dynamische Interfaceelemten (z.B. ausklappende Infobox, Menüs usw...)
- Spiele programmieren
- Slideshows und Fotostrecken
- Liveticker und Chats
- dynamische Formulare
- Diagramme und Charts
- Sound- und Videosteuern
- Inhalte dynamisch laden
- Inhalte speichern und verarbeiten
Je nach Interesse können auch folgende Themen zusätzlich behandelt werden:
- Einbindung von Social-Network-Angebote (Facebook, Google+, GoogleMaps usw.)
- 3D-Elemente im Web
- Soundvisualisierung
- Webcam-Interaktion (Fl)
- Fortgeschrittene JavaScript-Libaries wie paper.js oder box2d
- Optimierung für mobile Endgeräte (iPhone, iPad usw.)
engl. Beschreibung
Web Basic II This beginner course is dedicated to all design- and media-students who are interessted in web development. First knowledges or practical experiences in HTML and CSS are required or at least the course "Web Basics I". Now we'll go deeper in web development with client technologies like HTML5, CSS3 and (especially) Javascript and PHP.
Voraussetzungen
Die Bewerbung für eine Teilnahme am Kurs muss bis zum 05. April per E-Mail mit dem Betreff: "Bewerbung Web Basics II SS14" und folgenden Angaben an: tobias.fabian.wolf (at) uni-weimar.de gesendet werden. Name, Fachrichtung und Fachsemester, Matrikelnummer, Angabe der geltenden Prüfungsordnung, gültige E-Mail-Adresse @uni-weimar.de und Erwartungen zum Kurs (in ein paar kurzen Sätzen). Sollte es mehr als 25 Bewerber geben, entscheidet die Zugehörigkeit zur Fakultät/des Studiengangs und ggf. die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs. Eine Bestätigung zur Aufnahme im Kurs kommt bis zum 06. April per E-Mail.
Zielgruppe
Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur.