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 2: / Line 2: @@
 ''Title:'' Web Based Media: Introductory Web Development I<br />
 ''Lecturer:'' Brian Larson Clark<br />
-''Credits/SWS:'' 6 [[ECTS]], 3 [[SWS]] <br />
+''Credits/SWS:'' 6 [[ECTS]], 4 [[SWS]] <br />
 ''Maximum Number of Participants:'' 15 <br/>
 ''Course Language:'' English<br/>
@@ Line 16: / Line 16: @@
 == Registration procedure ==
-Just show up to the first class.
+Just show up to the first class or email me at brian.larson.clark@uni-weimar.de.
 == Evaluation  ==
@@ Line 25: / Line 25: @@
 == Syllabus ==
-TBA
+[http://media-study.com/winter18/IntroductoryWebDev/IntroductoryWebDevelopment-W18.pdf Course Syllabus]
-== Assignments / Reading List ==
+== Assignments ==
-TBA
+[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==
+'''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/web-standards-ckecklist-1-18.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/>
+[https://www.htaccessredirect.net htaccess Generator]<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/>