Dr. Zhijun Wang, Professor of Computer Science
♦   Welcome to CIS 450 — Web Design Studio   ♦
Weeks Topics | Resources | Suggested Readings | Special Days | Important Dates HAs | Projects | Exams
#1
1/8-1/12
  • Introduction and syllabus. Course website. Class policies and guidelines.
  • Course prerequisite issue and the compromised solution.
  • Team projects → 2-3 students per team.
  • Introduction to web design. Current web technologies review.
  • Online tutorials - w3schools.com & numerous other sites.
  • Web application structure. Web MVC frameworks.
  • Readings - Chapters 1-6 from "HTML&CSS design and build websites" or relevant HMTL5 resources.

1/08 Mon Add/Drop and Late Registration via RAIL or at Ikenberry Hall, 9:00 am-4:00 pm.

1/12 Fri Last Day to Add/Drop or Late Register via RAIL or at Ikenberry Hall, 9:00 am-4:00 pm.

Project 1 - Fundamentals
#2
1/15-1/19
  • Front-end design for the "view" part. Understand basic web design principles.
  • Three areas of the front-end. Structure ↔ HTML. Format ↔ CSS. Behavior ↔ JavaScript.
  • HTML5 new features. Introduction/review of CSS and JavaScript concepts.
  • Client-side scripting. Embedded and external JavaScript. Examples.
  • Readings - Chapters 7-10 from "HTML&CSS design and build websites" or relevant HMTL5 resources.

1/15 Mon Martin Luther King, Jr. Day – Holiday.

1/19 Fri Last Day for Instructor-Approved Late Adds via RAIL.

#3
1/22-1/26
  • Project 1 check and demo.
  • Define and style inline and block elements.
  • Understand style inheritance and overriding in the DOM picture.
  • Animations using CSS, JavaScript, or a library such as jQuery.
  • Readings - Chapters 11-12 from "HTML&CSS design and build websites" or relevant HMTL5 resources.
Project 2 - Design with CSS/JavaScript Features
#4
1/29-2/2
  • Fluid/flexible/responsive design for different devices. Phones → Pads → Notebooks → Desktops.
  • Use percentage on dimension properties to make them scalable with viewport. Rendering difference between "width" and "height".
  • Demo of adding animation to webpages using JavaScript and jQuery.
  • Use of "z-index" and "float" for block and inline-block elements to make flexible page layouts.
  • Review of server side form processing and HTML form controls. New form controls in HTML5. Example demos.
  • Readings - Chapters 13-14 from "HTML&CSS design and build websites" or relevant HMTL5 resources.
#5
2/5-2/9
  • Finish project 2. Project 2 check and demo on Wednesday.
  • Images. Layout and new HTML5 layout tags demo.
  • Process and design. Practical guidelines and rules. Ever changing web design.
  • Readings - Chapters 15-19 from "HTML&CSS design and build websites" and relevant HMTL5 resources.
#6
2/12-2/16
  • JavaScript - an introduction, the language history, and common practices. CSS rendering engine and JavaScript interpreter. Progressive enhancement.
  • Document Object Model (DOM). JavaScript objects - properties, methods, and events. "window" and "document" objects. Add contents using document.write().
  • JavaScript types. Numerical, string, Boolean, array, object, undefined, null, etc.
  • Please focus on JavaScript syntax features which are different from Java to avoid potential errors in your programs.
  • In-class exercise answer.
  • Readings - Chapters 1-2 from "JavaScript&jQuery Interactive Front-end Web Development".
Project 3 - A Simple Calculator using JavaScript
#7
2/19-2/23
  • Function definition. Objects: literal notation, object constructor, and constructor function. Adding and removing properties.
  • Browser object model. Document object model. Global objects provided by JavaScript - Strings, Numbers, Dates, etc.
  • Control structures - selection structures and loops. Understand "truthy and falsy" objects and creative ways to use them.
  • Performance consideration - loops. Load minimum JavaScript code with the page and use events to run computation intensive tasks.
  • Finishing project #3 on Friday.
  • Readings - Chapters 3-4 from "JavaScript&jQuery Interactive Front-end Web Development".

Mid-term Exam Week.

2/23 Fri Last Day to Apply for August and December 2018 Graduation (Registrar’s Office).

#8
2/26-3/2
#9
3/5-3/9

3/9 Fri Last Day to Withdraw from a Full Semester Class — See Advisor by Noon.

#10
3/12-3/16

Spring Break

#11
3/19-3/23

3/19 Mon First Day of Summer 2018 RAIL Registration for Continuing Students, 9:00 am-4:00 pm.

3/21 Wed First Day of Academic Advisement for Continuing Students for Fall 2018.

#12
3/26-3/30
#13
4/2-4/6

4/2 Mon First Day of Fall 2018 RAIL Registration for Continuing Students, 9:00 am-4:00 pm.

4/4 Wed Last Day of Academic Advisement for Continuing Students for Fall 2018.

#14
4/9-4/13
#15
4/16-4/20

4/20 Fri McMurran Scholars Convocation; Last Day of Classes; Last Day for Complete Withdrawal from Semester.

#16
4/23-4/27

Final Exam Week.

No final exam. Grades depend on completion of web projects.