No edit summary |
m (moved IFD:Vague but Exciting to IFD:Vague but Exciting-SoS15: moved to accommodate new semester) |
||
| (29 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
Vague, but Exciting: An Introduction to Web Technologies | Vague, but Exciting: An Introduction to Web Technologies [[:Category:Fachmodul|Fachmodul]] <br/> | ||
[[:Category: | Vague, but Exciting: Grundlagen der Webtechnologien [[:Category:Werkmodul|Werkmodul]]<br/> | ||
''Instructor:'' [[Jason | ''Instructor:'' [[Jason Reizner]]<br/> | ||
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br/> | ''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br/> | ||
''Capacity:'' max. 20 students<br/> | ''Capacity:'' max. 20 students<br/> | ||
''Language:'' English<br/> | ''Language:'' English (Deutsch)<br/> | ||
''[[Zeitraster|Date]]:'' Monday, 13:30 to 16:00<br/> | ''[[Zeitraster|Date]]:'' Fachmodul: Monday, 13:30 to 16:00<br/> | ||
''[[Zeitraster|Date]]:'' Werkmodul: nach Absprache<br/> | |||
''Location:'' Marienstr. 7b, Room 105<br/> | ''Location:'' Marienstr. 7b, Room 105<br/> | ||
''First Meeting:'' Monday, May 4th, 13:30 | ''First Meeting:'' Monday, May 4th, 13:30 | ||
==Description== | |||
"Vague, but exciting." | |||
Writing these three words on the cover of Sir Tim Berners-Lee's first draft of "Information Management: A Proposal" in 1989, CERN supervisor Mike Sendell approved work on the research project that became the starting point for what we now know as the World Wide Web. Over the span of 25 years, the web has emerged from its roots as a hypertext experiment to help physicists flexibly mediate large amounts of information, becoming the killer app that brought the Internet into mainstream use and popular consciousness. | |||
Today the web is no longer itself just an application: it is both the fundamental architecture underpinning the largest structured collection of human content ever assembled, as well as the core technology central to the emergence and maturation of mobile and pervasive computing. In this module, participants are offered the opportunity to get acquainted with the technical fundamentals of contemporary web technology, and to develop the requisite skills necessary to creating and working with web content in artistic, professional and research contexts. | |||
Course Topics include: | |||
Internet Architecture<br/> | |||
Client-Server Model<br/> | |||
OSI Stack Model<br/> | |||
HTTP & the Application Layer<br/> | |||
<br/> | |||
HTML: Syntax and Elements<br/> | |||
Document Object Model (DOM)<br/> | |||
CSS<br/> | |||
Aesthetics & Usability<br/> | |||
Accessibility<br/> | |||
<br/> | |||
JavaScript<br/> | |||
XML/Semantic Web<br/> | |||
AJAX<br/> | |||
<br/> | |||
Server Side Scripting (PHP, Perl et al.)<br/> | |||
Databases<br/> | |||
==Admission requirements== | |||
This is an introductory course with no technical pre-requisites. | |||
Concurrent enrollment in another IFD course offering is strongly encouraged. | |||
==Registration procedure== | |||
Registration for Summer Semester 2015 is now closed.<br /> | |||
==Evaluation== | |||
Successful completion of the course is dependent on regular attendance, active participation and delivery of a relevant [[/SemesterProject |semester project]]. | |||
==Eligible participants== | |||
Fachmodul:<br /> | |||
MFA Medienkunst/-gestaltung, MFA Media Art and Design, MSc MediaArchitecture | |||
<br /><br /> | |||
Werkmodul:<br /> | |||
BFA Medienkunst/-gestaltung | |||
==Syllabus== | |||
'''4 May'''<br /> | |||
How does this work?<br /> | |||
How did we get here?<br /> | |||
A brief history of networked computing<br /> | |||
Client/Server Relationship<br /> | |||
OSI Stack Model<br /> | |||
What is HTTP?<br /> | |||
What is HTML?<br /> | |||
Abstraction of Content and Presentation Layers<br /> | |||
What is CSS?<br /> | |||
<br /> | |||
[[/Sources-04May15 | Sources and Links from the Lecture]]<br /> | |||
[[/Assignment-04May15 | Assignment]]<br /> | |||
[[/SemesterProject | Semester Project Overview]]<br /> | |||
<br /> | |||
<br /> | |||
'''11 May'''<br /> | |||
A Crash Course in Web Design<br /> | |||
Designing for the Screen vs. Designing for the Page<br /> | |||
Typography<br /> | |||
Accessibility<br /> | |||
Responsive Design<br /> | |||
Using CSS<br /> | |||
<br /> | |||
[[/Sources-11May15 | Sources and Links from the Lecture]]<br /> | |||
[[/Assignment-11May15 | Assignment]]<br /> | |||
<br /> | |||
<br /> | |||
'''18 May'''<br /> | |||
Usability and UX Design<br /> | |||
UX Evaluation Techniques<br /> | |||
<br /> | |||
HTML/CSS Hands-on Demo<br /> | |||
<br /> | |||
[[/Sources-18May15 | Sources and Links from the Lecture]]<br /> | |||
[[/Assignment-18May15 | Assignment]]<br /> | |||
<br /> | |||
<br /> | |||
'''25 May'''<br /> | |||
No Class - Pfingstmontag<br /> | |||
<br /> | |||
<br /> | |||
'''1 June'''<br /> | |||
AJAX and the Second Coming of the Web<br /> | |||
What is DOM?<br /> | |||
What is Javascript?<br /> | |||
What is XML?<br /> | |||
<br /> | |||
[[/Sources-01Jun15 | Sources and Links from the Lecture]]<br /> | |||
[[/Assignment-01Jun15 | Assignment]]<br /> | |||
<br /> | |||
<br /> | |||
'''8 June'''<br /> | |||
Midterm Presentations<br /> | |||
<br /> | |||
<br / > | |||
'''15 June'''<br /> | |||
A Survey of HTML5 Frameworks<br /> | |||
Under the Hood with Bootstrap<br /> | |||
<br /> | |||
[[/Sources-15Jun15 | Sources and Links from the Lecture]]<br /> | |||
[[/Assignment-15Jun15 | Assignment]]<br /> | |||
<br /> | |||
<br / > | |||
'''22 June'''<br /> | |||
No Class - xCoAx2015 Glasgow<br /> | |||
Possible alternatives: Wednesday, 1 July / Friday, 3 July?<br /> | |||
<br /> | |||
<br /> | |||
'''29 June'''<br /> | |||
The Semantic Web<br /> | |||
Web of Things<br /> | |||
<br /> | |||
<br /> | |||
'''6 July'''<br /> | |||
Debugging Lab Day<br /> | |||
<br /> | |||
<br /> | |||
'''13 July'''<br /> | |||
Final Project Presentations | |||
==Further Reading== | |||
Latest revision as of 14:06, 9 February 2016
Vague, but Exciting: An Introduction to Web Technologies Fachmodul
Vague, but Exciting: Grundlagen der Webtechnologien Werkmodul
Instructor: Jason Reizner
Credits: 6 ECTS, 3 SWS
Capacity: max. 20 students
Language: English (Deutsch)
Date: Fachmodul: Monday, 13:30 to 16:00
Date: Werkmodul: nach Absprache
Location: Marienstr. 7b, Room 105
First Meeting: Monday, May 4th, 13:30
Description
"Vague, but exciting."
Writing these three words on the cover of Sir Tim Berners-Lee's first draft of "Information Management: A Proposal" in 1989, CERN supervisor Mike Sendell approved work on the research project that became the starting point for what we now know as the World Wide Web. Over the span of 25 years, the web has emerged from its roots as a hypertext experiment to help physicists flexibly mediate large amounts of information, becoming the killer app that brought the Internet into mainstream use and popular consciousness.
Today the web is no longer itself just an application: it is both the fundamental architecture underpinning the largest structured collection of human content ever assembled, as well as the core technology central to the emergence and maturation of mobile and pervasive computing. In this module, participants are offered the opportunity to get acquainted with the technical fundamentals of contemporary web technology, and to develop the requisite skills necessary to creating and working with web content in artistic, professional and research contexts.
Course Topics include:
Internet Architecture
Client-Server Model
OSI Stack Model
HTTP & the Application Layer
HTML: Syntax and Elements
Document Object Model (DOM)
CSS
Aesthetics & Usability
Accessibility
JavaScript
XML/Semantic Web
AJAX
Server Side Scripting (PHP, Perl et al.)
Databases
Admission requirements
This is an introductory course with no technical pre-requisites. Concurrent enrollment in another IFD course offering is strongly encouraged.
Registration procedure
Registration for Summer Semester 2015 is now closed.
Evaluation
Successful completion of the course is dependent on regular attendance, active participation and delivery of a relevant semester project.
Eligible participants
Fachmodul:
MFA Medienkunst/-gestaltung, MFA Media Art and Design, MSc MediaArchitecture
Werkmodul:
BFA Medienkunst/-gestaltung
Syllabus
4 May
How does this work?
How did we get here?
A brief history of networked computing
Client/Server Relationship
OSI Stack Model
What is HTTP?
What is HTML?
Abstraction of Content and Presentation Layers
What is CSS?
Sources and Links from the Lecture
Assignment
Semester Project Overview
11 May
A Crash Course in Web Design
Designing for the Screen vs. Designing for the Page
Typography
Accessibility
Responsive Design
Using CSS
Sources and Links from the Lecture
Assignment
18 May
Usability and UX Design
UX Evaluation Techniques
HTML/CSS Hands-on Demo
Sources and Links from the Lecture
Assignment
25 May
No Class - Pfingstmontag
1 June
AJAX and the Second Coming of the Web
What is DOM?
What is Javascript?
What is XML?
Sources and Links from the Lecture
Assignment
8 June
Midterm Presentations
15 June
A Survey of HTML5 Frameworks
Under the Hood with Bootstrap
Sources and Links from the Lecture
Assignment
22 June
No Class - xCoAx2015 Glasgow
Possible alternatives: Wednesday, 1 July / Friday, 3 July?
29 June
The Semantic Web
Web of Things
6 July
Debugging Lab Day
13 July
Final Project Presentations