586
edits
No edit summary |
m (→Luisa Patz: + Klein) |
||
(39 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
[[:Category:Werkmodul|Werkmodul]]<br/> | [[:Category:Werkmodul|Werkmodul]]<br/> | ||
''Lehrperson:'' [[Tobias Wolf]]<br/> | ''Lehrperson:'' [[User:Tobias|Tobias Wolf]]<br/> | ||
''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/> | ''Bewertung:'' 6 [[ECTS]], 4 [[SWS]]<br/> | ||
''Termin:'' Montag, 9:15 - 11:30<br/> | ''Termin:'' Montag, 9:15 - 11:30<br/> | ||
Line 8: | Line 8: | ||
==Ergebnisse/Endabgaben (Auswahl)== | |||
===Chris Römer=== | |||
[[File:WebBasicsIISS14-Ergebnisse-Chris-1.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Chris-2.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Chris-3.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Chris-4.jpg|200px]] | |||
[http://www.chrisroemer.de/ www.chrisroemer.de] | |||
===Gianluca Pandolfo=== | |||
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-1.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-2.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-3.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Gianluca-4.jpg|200px]] | |||
[http://www.maria-suckert.de/ www.maria-suckert.de] | |||
===Kristin Schulze=== | |||
[[File:WebBasicsIISS14-Ergebnisse-Kristin-1.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Kristin-2.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Kristin-3.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Kristin-4.jpg|200px]] | |||
[http://www.kristinschulze.de/ www.kristinschulze.de] | |||
===Luisa Patz=== | |||
[[File:WebBasicsIISS14-Ergebnisse-Luisa-1.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Luisa-2.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Luisa-3.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Luisa-4.jpg|200px]] | |||
[http://webuser.uni-weimar.de/~gawe3990/ webuser.uni-weimar.de/~gawe3990] | |||
===Phillip Klein=== | |||
[[File:WebBasicsIISS14-Ergebnisse-Phillip-1.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Phillip-2.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Phillip-3.jpg|200px]] | |||
[[File:WebBasicsIISS14-Ergebnisse-Phillip-4.jpg|200px]] | |||
[http://whoem.bootes.uberspace.de/andersen/ whoem.bootes.uberspace.de/andersen] | |||
==Kursplan/Themen== | |||
* 07.04. Web Inspektor, Semantik | |||
** [[Media:2014-WebBasics2-1.pdf|Folien]] | |||
* 14.04. Web Basics I in 2 Stunden | |||
** [[Media:2014-WebBasics2-2.pdf|Folien]] | |||
** [[Media:2014-WebBasics2-2-Material.zip|Material]] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/2/ Ergebnis] | |||
* 28.04. Interface Design & Responsives Design (Vertiefung CSS) | |||
** [[Media:2014-WebBasics2-3.pdf|Folien]] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/beispiel/ Beispiel] | |||
** [[Media:2014-WebBasics2-3-mobil.zip|mobile Webseite]] | |||
** [[Media:2014-WebBasics2-3-desktop.zip|Desktop Webseite]] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/mobil/ mobile Webseite] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/3/desktop/ Desktop Webseite] | |||
* 05.05. Einführung in JavaScript | |||
** [[Media:2014-WebBasics2-4-Folien.pdf|Folien]] | |||
** [[Media:2014-WebBasics2-4-Material.zip|Material]] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/4/navigation/marionettentheater.html Navigation] | |||
* 12.05. Vertiefung JavaScript und Ajax: Facebook-Bilder-Galerie | |||
** [[Media:2014-WebBasics2-5-Folien.pdf|Folien]] | |||
** [[Media:2014-WebBasics2-5-Material.zip|Material]] | |||
** [http://webuser.uni-weimar.de/~here4760/webbasics2/5/ Slideshow] | |||
* 19.05. PHP, Facebook/Twitter-Anbindung | |||
** [[Media:2014-WebBasics2-6-Folien.pdf|Folien]] | |||
** [[Media:2014-WebBasics2-6-Daten.zip|Daten]] | |||
* 26.05. fällt aus | |||
* 02.06. Zwischenpräsentation | |||
* 16.06. CMS (Content Management System) | |||
** [[Media:2014-WebBasics2-7-Folien.pdf|Folien]] | |||
** [[Media:2014-WebBasics2-7-Daten_kriby.zip|Daten kirby]] | |||
* 23.06. kein Kurs, statt dessen Konsultation am 17. & 19. Juni, jeweils vormittags. | |||
* 30.06. Best-Practice/Website-Optimierung | |||
** [[Media:2014-WebBasics2-8-Folien.pdf|Folien Best-Practice]] | |||
** [[Media:SEO.pdf|Folien SEO]] | |||
** [http://www.seitenreport.de seitenreport.de] | |||
* 07.07. Endpräsentation | |||
* ''10. - 13.07. Summaery'' | |||
===Sonstige Themen:=== | |||
GitHub, CMS-Systeme (Wordpres oder ExpressionEngine), MySQL, SVG, JSON, jQuery, Suchmaschinenoptimierung | |||
===Hilfreiche Links=== | |||
====Referenzen==== | |||
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML Element Reference] | |||
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML Attribute Reference] | |||
* [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==== | |||
* [http://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction Einführung HTML (englisch)] | |||
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Syntax Einführung CSS (englisch)] | |||
* [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)] | |||
* [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] | |||
* [http://www.google.com/design/spec/material-design/introduction.html# Google design guidlines] | |||
====Sonstiges==== | |||
* [http://praegnanz.de/weblog/cms-einkaufsfuehrer-2014 Die CMS-Landschaft im Jahr 2014 / praegnanz.de] | |||
==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== | ==Beschreibung== | ||
Line 35: | Line 158: | ||
* Fortgeschrittene JavaScript-Libaries wie paper.js oder box2d | * Fortgeschrittene JavaScript-Libaries wie paper.js oder box2d | ||
* Optimierung für mobile Endgeräte (iPhone, iPad usw.) | * Optimierung für mobile Endgeräte (iPhone, iPad usw.) | ||
==engl. Beschreibung== | ==engl. Beschreibung== | ||
Web Basic II | 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. | 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== | ==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. | 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. | ||
Line 64: | Line 170: | ||
Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur. | Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur. | ||
[[Category:SS14]] | |||
edits