Fachmodul
Title: Web Based Media: Introductory Web Development I
Lecturer: Brian Larson Clark
Credits/SWS[[SWS|Semesterwochenstunden]]: 6 ECTS, 4 SWS
Maximum Number of Participants: 15
Course Language: English
First meeting: October 16, 15:15, Marienstraße 7b, Room 104
Date: Tuesdays, 15:15 to 18:30
Venue: Marienstraße 7b, Room 104

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 web development experience.

Admission requirements

For graduate students with little or no experience with HTML[[HTML|Hypertext Markup Language]] and CSS[[CSS|Cascading Style Sheets]].

Registration procedure

Just show up to the first class or email me at brian.larson.clark@uni-weimar.de.

Evaluation

Evaluation will be determined by 3 projects, regular class participation, and attendance.

Eligible participants

For graduate students with little or no experience with HTML[[HTML|Hypertext Markup Language]] and CSS[[CSS|Cascading Style Sheets]].

Syllabus

Course Syllabus

Assignments

Project 1
Due November 6th

Project 2
Due December 18th

Class Files

Project 1 Demonstration, 23 October

Project 1 Demonstration (static), 30 October

Project 1 Demonstration (responsive), 30 October

Project 2 Demonstration, 6 November

YouTube Video Embed Example

Project 2 Demonstration, 13 November

Project 2 Demonstration, 20 November

Project 2 Demonstration, 27 November

Project 2 Demonstration, 4 December

Project 2 Demonstration, 11 December

Class Resources

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
htaccess Generator

Other Useful Links:
Web Pages That Suck – Learning Good Design Through Bad Design
Principles of Graphic Design
SEO Starter Guide
Zombo.com