View source for IFD:Let's Connect!

[[:Category:Fachmodul|Fachmodul]] <br/>
'''Let's Connect!'''<br />
''Instructor:'' [[Brian Clark]]<br/>
''Credits:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Capacity:'' 20 students<br/>
''Language:'' English<br/>
''Location:'' TBD<br/>
''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: <br>
30% classroom attendance/participation/performance<br>
30% assignments (2 small projects) <br>
40% final project

==Syllabus (subject to change)==
TBA

==Assignments==
TBA

==Class Files==
<br>
29 Oct. - p5.js Class Examples
<br>
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/>