| (11 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
[[:Category: | [[:Category:Fachmodul|Fachmodul]] <br/> | ||
'''Let's Connect!'''<br /> | '''Let's Connect!'''<br /> | ||
''Instructor:'' [[Brian Clark]]<br/> | ''Instructor:'' [[Brian Clark]]<br/> | ||
| Line 17: | Line 17: | ||
==Evaluation== | ==Evaluation== | ||
Grades will be calculated as follows:
<br> | |||
30% classroom attendance/participation/performance<br> | |||
30% assignments (2 small projects)
<br> | |||
40% final project | |||
== | ==Syllabus (subject to change)== | ||
[http://media-study.com/winter19/LetsConnect/Let%27s_Connect_%28g%29_W19.pdf Course Syllabus (pdf)] | |||
== | ==Assignments== | ||
TBA | TBA | ||
== | ==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] | |||
==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/> | |||
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)
Assignments
TBA
Class Files
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