No edit summary |
mNo edit summary |
||
| Line 29: | Line 29: | ||
==Syllabus (subject to change)== | ==Syllabus (subject to change)== | ||
To be announced | To be announced | ||
==Project 1 Information== | |||
==Class Resources== | |||
Now that I have access to modify this wiki, I will be adding links and resources relevant to this module. --brian | |||
'''Web Design Resources/References:'''<br/> | |||
[https://www.w3schools.com W3Schools]<br/> | |||
[http://lesliefranke.com/files/reference/csscheatsheet.html CSS Cheatsheet]<br/> | |||
[http://media-study.com/resources/pdfs/tutorials/checklist.pdf Web Standards Checklist]<br/> | |||
[http://getbootstrap.com Bootstrap Homepage]<br/> | |||
[https://jquery.com jQuery Homepage]<br/> | |||
[https://www.ascii.cl/htmlcodes.htm HTML Codes Table]<br/> | |||
[https://unicode-table.com/en Unicode Character Table]<br/> | |||
<br /> | |||
'''Web Development Tools:'''<br /> | |||
[https://validator.w3.org HTML Validator]<br/> | |||
[http://jigsaw.w3.org/css-validator CSS Validator]<br/> | |||
[http://www.css3-generator.de CSS3 Generator]<br/> | |||
[https://converticon.com Favicon Converter (.ico)]<br/> | |||
[http://www.pagecolumn.com/grid_layout_generator.htm Grid Layout Generator]<br/> | |||
[https://startbootstrap.com Bootstrap Template Examples]<br/> | |||
[https://fonts.google.com Google Fonts]<br/> | |||
[http://fontawesome.io Font Awesome]<br/> | |||
<br /> | |||
'''Other Useful Links:'''<br/> | |||
[http://www.webpagesthatsuck.com Web Pages That Suck – Learning Good Design Through Bad Design]<br/> | |||
[http://media-study.com/resources/PrinciplesofGraphicDesign/main.swf Principles of Graphic Design]<br/> | |||
[https://static.googleusercontent.com/media/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf SEO Starter Guide]<br/> | |||
[http://www.zombo.com Zombo.com]<br/> | |||
Revision as of 21:23, 7 November 2017
Fachmodul
Web-based Media: Introductory Web Development I
Instructor: Brian Larson Clark
Credits: 6 ECTS, 4 SWS
Capacity: max. 15 students
Language: English
Date: Donnerstag/Thursday, 9:15-12:30
Location: Marienstraße 7b Room 101
First Meeting: 12 Oct 2017
Description
Web-Based Media: Introductory Web Development I is a graduate-level investigation into the design and production of web-based media. Topics will include: web development (HTML5, CSS3, JavaScript), interaction design, and responsive design using web development frameworks (jQuery, Bootstrap). This is a student-driven course and topics will be determined by the interests/needs of the class. For students with basic, or no coding experience.
Admission requirements
Concurrent enrollment in another IFD course offering, or with instructor permission. This is an introductory-level course with no technical prerequisites.
Registration procedure
Candidates from Media Art and Design MFA Program, MediaArchitecture or other programs:
Preliminary registration is conducted by sending an email with your name, matriculation number and a statement outlining your motivation for taking this module to brianlarsonclark [ät] gmail [punkt] com
All candidates:
Formal registration will take place at the close of the first class meeting. In the event there are more interested participants than available capacity, candidates will be selected on the basis of their technical, aesthetic and conceptual aptitude.
Evaluation
Successful completion of the course is dependent on regular attendance, active participation, completion of weekly assignments and delivery of a relevant semester project. Please refer to the Evaluation Rubric for more details.
Eligible participants
Fachmodul:
MFA Medienkunst/-gestaltung, MFA Media Art and Design, MSc MediaArchitecture
Syllabus (subject to change)
To be announced
Project 1 Information
Class Resources
Now that I have access to modify this wiki, I will be adding links and resources relevant to this module. --brian
Web Design Resources/References:
W3Schools
CSS Cheatsheet
Web Standards Checklist
Bootstrap Homepage
jQuery Homepage
HTML Codes Table
Unicode Character Table
Web Development Tools:
HTML Validator
CSS Validator
CSS3 Generator
Favicon Converter (.ico)
Grid Layout Generator
Bootstrap Template Examples
Google Fonts
Font Awesome
Other Useful Links:
Web Pages That Suck – Learning Good Design Through Bad Design
Principles of Graphic Design
SEO Starter Guide
Zombo.com