IFD:Web-basedMediaIntro-WiS18: Difference between revisions

Latest revision as of 16:49, 11 December 2018

Fachmodul
Title: Web Based Media: Introductory Web Development I
Lecturer: Brian Larson Clark
Credits/SWS: 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 and CSS.

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 and CSS.

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

@@ Line 25: / Line 25: @@
 == Syllabus ==
-http://media-study.com/IntroductoryWebDevelopment-W18.pdf
+[http://media-study.com/winter18/IntroductoryWebDev/IntroductoryWebDevelopment-W18.pdf Course Syllabus]
 == Assignments ==
-Project 1: http://media-study.com/Project1-Wi18.pdf<br />
+[http://media-study.com/winter18/IntroductoryWebDev/Project1-Wi18.pdf Project 1]<br />
 Due November 6th
+[http://media-study.com/winter18/IntroductoryWebDev/Project2-Intro-Web-Media.pdf Project 2]<br />
+Due December 18th
 == Class Files ==
 [http://media-study.com/winter18/IntroductoryWebDev/23-10-18.zip Project 1 Demonstration, 23 October]
+[http://media-study.com/winter18/IntroductoryWebDev/first_project_static.zip Project 1 Demonstration (static), 30 October]
+[http://media-study.com/winter18/IntroductoryWebDev/first_project_responsive.zip Project 1 Demonstration (responsive), 30 October]
+[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_6.11.18.zip Project 2 Demonstration, 6 November]
+[http://media-study.com/winter18/IntroductoryWebDev/youtube_video_embed.zip YouTube Video Embed Example]
+[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_13.11.18.zip Project 2 Demonstration, 13 November]
+[http://media-study.com/winter18/IntroductoryWebDev/Project2_Example_20_Nov.zip Project 2 Demonstration, 20 November]
+[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio-Nov-27.zip Project 2 Demonstration, 27 November]
+[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio_4-12.zip Project 2 Demonstration, 4 December]
+[http://media-study.com/winter18/IntroductoryWebDev/project2_portfolio_w_map.zip Project 2 Demonstration, 11 December]
 ==Class Resources==