COMP 424/388-3, Fall 2014 at Loyola University Chicago
Links to: Syllabus and the Grade sheet
All future topics will always be tentative (except exams). Consult the Loyola Fall Academic Calendar for relevant registration, add/drop, and withdrawal dates.
DATE | TOPIC | EXAMS AND QUIZZES | ASSIGNMENTS AND PROJECTS | READINGS AND TUTORIALS |
Aug 28 | Course introduction, brief intro to markup with HTML and CSS | Precourse quiz [pdf] (quizzes were not collected, no need to turn in) | Exploratory project brainstorming and Ad assignment [pdf] | Syllabus [gDoc], HTML Dog beginner and intermediate tutorials for HTML and CSS [link] |
Sep 4 | Content markup review HTML/CSS and details of HTML5 | Quiz 1: HTML/CSS [sakai] | Select collaborative project teams (in class). Project proposal [pdf] | |
Sep 11 | Brief Javascript Introduction Tools in Client-side Web Design (part 1) [slides] | Quiz 2: HTML5 [sakai] Quiz 3: JavaScript [sakai] | Introduction to Objects I in Codecademy’s JavaScript tutorials [link] | Syntax primer [link]. Javascript for java programmers [link] (optional: Mozilla guide chapts 4-8, skip 6) |
Sep 18 | JQuery. Tools in Client-side Web Design (part 2) [slides] | Quiz 4: jQuery [sakai] | HTML/CSS/JavaScript review assignment: Website checklist [gdoc] | jQuery fundamentals [link]. Sections: jQuery Basics, Traversing & Manipulating in detail. Skim Events and Effects sections. (AJAX will be covered later). |
Sep 25 | Client-side graphics using D3. Tools in Client-side Web Design (part 3) [slides] | Quiz 5: Graphics with D3 [sakai] | Form-filled force graph assignment [gdoc]. | D3 overview, sec 1-4 [link] and D3 tutorials, sec 2-11 [link]. D3 codecademy tutorial [link] (optional: data visualization tools [link1], [link2]) |
Oct 2 | AJAX using jQuery | Quiz 6: AJAX [sakai] | Exploratory project update [pdf] | jQuery fundamentals - AJAX [link] |
Oct 9 | CSS Preprocessors - (Sass/SCSS, LESS, Stylus). Exploratory project updates. Exam prep | Quiz 7: CSS preprocessors [sakai] | Study guide [gDoc]. Last year’s exam [pdf]. Exploratory Project Presentation assignment (due in 2 weeks) [pdf] | Sass/LESS/Stylus comparison [link]. Reasons for CSS preprocessors [link]. |
Oct 16 | EXAM (rescheduled) | EXAM I | ||
Oct 23 | Exploratory project presentations | Group evaluations (expected to be done in class) [pdf] | Final project brainstorming (individually) [pdf] | |
Oct 30 | Responsive design using Bootstrap and jQuery Mobile. Exam review. | Quiz 8: jQuery mobile and Bootstrap [sakai] | Final project proposal [pdf] | Introductory tutorial for jQuery Mobile and the first 5 Bootstrap examples |
Nov 6 | Design and usability principles | Quiz 9: Design and usability principles [sakai] | jQuery mobile assignment [gDoc] | Lecture slides [pdf]. Source material from the US gov research-based web design and usability guidelines [pdf] or [html] - focusing on guidelines with importance of 4 or 5 [shortened PDF] |
Nov 13 | AngularJS | Quiz 10: AngularJS [sakai]. Exam II study guide [gDoc] | Read through the PhoneCat tutorial (skip testing sections) | AngularJS conceptual overview [link], Video: AngularJS fundamentals in 60-ish minutes (71 minutes) |
Nov 20 | EXAM | EXAM II | Final presentation [pdf] and report assignments [pdf] for Dec 11th. | Interview quiz info for Dec 4th [gDoc] |
Nov 27 | NO CLASS. Have a happy thanksgiving! | |||
Dec 4 | Interview Quiz and concurrently working on projects | (please complete all sakai quizzes and check the grade sheet for any missing grades) | ||
Dec 11 | Final presentations |