IFD:Web-basedMediaIntro: Difference between revisions

Latest revision as of 07:17, 24 April 2018

Werkmodul
Introduction to Web Development
Instructor: Brian Larson Clark
Capacity: max. 15 students
Language: English
Date: Dienstag/Tuesday 09:15-12:30
Location: Marienstraße 7b Room 105
First Meeting: 10 Apr 2018

Description

Introduction to Web Development is a bachelor-level investigation into the design and production of web development. Topics will include: web development (HTML5, CSS3, JavaScript), interaction design, and responsive design using web development frameworks (jQuery, Bootstrap). For bachelor students with basic, or no coding experience.

Class Resources

Now that I have access to modify this wiki, I will be adding links and resources relevant to this module. --brian

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 1: / Line 1: @@
-[[Category:Fachmodul|Fachmodul]]<br/>
+[[Category:Werkmodul|Werkmodul]]<br/>
-[[:Category:Fachmodul|Fachmodul]]<br/>
+[[:Category:Werkmodul|Werkmodul]]<br/>
-Web-Based Media: Transitional Web Development II<br />
+Introduction to Web Development<br />
 ''Instructor:'' [[Brian Larson Clark]]<br/>
-''Credits:'' 6 [[ECTS]], 4 [[SWS]]<br/>
 ''Capacity:'' max. 15 students<br/>
 ''Language:'' English<br/>
-''[[Zeitraster|Date]]:'' Donnerstag/Thursday 17:00-20:30<br/>
+''[[Zeitraster|Date]]:'' Dienstag/Tuesday 09:15-12:30<br/>
-''Location:'' '''Marienstraße 7b Room 101'''<br/>
+''Location:'' '''Marienstraße 7b Room 105'''<br/>
-''First Meeting:'' '''12 Apr 2018'''
+''First Meeting:'' '''10 Apr 2018'''
 ==Description==
-Web-Based Media: Transitional Web Development II is graduate-level continuation of Web-Based Media I. It will focus on the programmatic elements of web development including front-end programming (JavaScript) and server-side development (PHP). This is a student-driven course and topics will be determined by the interests/needs of the class. For students with experience with HTML and CSS, but with little or no programming experience.
+Introduction to Web Development is a bachelor-level investigation into the design and production of web development. Topics will include: web development (HTML5, CSS3, JavaScript), interaction design, and responsive design using web development frameworks (jQuery, Bootstrap). For bachelor students with basic, or no coding experience.
+==Class Resources==
+Now that I have access to modify this wiki, I will be adding links and resources relevant to this module. --brian
+'''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/>