IFD:Let's Connect!: Difference between revisions

From Medien Wiki
No edit summary
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[:Category:Werkmodul|Werkmodul]] <br/>
[[:Category:Fachmodul|Fachmodul]] <br/>
'''Let's Connect!'''<br />
'''Let's Connect!'''<br />
''Instructor:'' [[Brian Clark]]<br/>
''Instructor:'' [[Brian Clark]]<br/>
Line 23: Line 23:


==Syllabus (subject to change)==
==Syllabus (subject to change)==
[http://media-study.com/winter19/LetsConnect/Let%27s_Connect_%28g%29_W19.pdf Course Syllabus (pdf)]
==Assignments==
TBA
TBA


==Course Material==
==Class Files==
[http://media-study.com/winter19/LetsConnect/p5_Class_Examples.zip 29 Oct. - p5.js Class Examples]
<br><br>
[http://media-study.com/winter19/LetsConnect/p5_APIs_Class_Examples.zip 05 Nov - API Class Examples]


TBA
==Class Resources==


==Further Reading==
'''Web Design Resources/References:'''<br/>
TBA
[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/>

Latest revision as of 17:53, 11 November 2019

Fachmodul
Let's Connect!
Instructor: Brian Clark
Credits: 6 ECTS, 3 SWS
Capacity: 20 students
Language: English
Location: TBD
First Meeting: 22nd October 2019

Description

This course builds upon the foundation of web design (HTML, CSS) and focuses on the programatic elements of web development. Topics include front-end programming (JavaScript), server-side development (Node.js), working with APIs, and WebSockets.

This is a student-driven course and topics will be determined by the interests/needs of the class. Laptops are required.

Admission requirements

For Bachelor and Masters students with experience with HTML and CSS, but with little or no programming experience.

Evaluation

Grades will be calculated as follows:

30% classroom attendance/participation/performance
30% assignments (2 small projects)

40% final project

Syllabus (subject to change)

Course Syllabus (pdf)

Assignments

TBA

Class Files

29 Oct. - p5.js Class Examples

05 Nov - API Class Examples

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