CS 300-1 Client Side Web Development, Hybrid (crn # 10332) Fall 2015 Northeastern Illinois University > College of Arts & Sciences > Syllabus COURSE INFORMATION Credit Hours: 3.0 Course Description: The course discusses web site design issues and the requirements of e- commerce. Furthermore, it covers the creation of web pages. Hands-on development and group projects are an essential part of this course. Course Prerequisites: CS-200 minimum grade of C. Dates and Times: Tuesdays (T) and Thursdays (R)**, August 25 - December 3, 2015 9:25 a.m. 10:40 a.m **Class may not meet every Thursday, course website will note if class is not meeting. Classroom: LWH 2054 FACULTY INFORMATION Instructor: Freddy Porps Office Location: LWH (formerly CLS) 3050 Office Hours: Tuesday (T): 10:45 a.m. - 11:45 a.m. Tuesday (T): 3:00 p.m. - 4:00 p.m. Tuesday (T): 6:00 p.m. - 7:00 p.m. Wednesday (W): 3:15 p.m. - 4:15 p.m. Thursday (R): 10:45 a.m. - 11:45 a.m. E-mail is the best method to contact me anytime! *No Classes or Office Hours: Thursday, November 26, 2015 - Thanksgiving Day Holiday Phone Extension: (773) 442-4726 E-mail: F-Porps@neiu.edu
COURSE MATERIALS List of Required Texts / Materials: Principles of Web Design, 6 th Ed., Joel Sklar, Course Technology, Cengage Learning, ISBN-13: 978-1-285-85264-5, ISBN-10: 1-285-85264-8 Instructor Web site: http://cs.neiu.edu/~porps/ Click on: CS300-1 in the navigation bar for course specific information, such as: progress checks, projects, quizzes, and tests. You will find detailed specifications and due dates for all required coursework. You are responsible for all the material posted to this web site as related to CS 300. Additional Supply Requirements to bring to every class: USB media storage drive (1GB minimum) must be brought to every class! spiral notebook to build personal reference guide stapler & paper clips 2 pens one blue or black, the other red Two (2) - Two-Pocket Report Covers with Prong Fasteners (see image example at right) Note: You will need one of the folders on the first day of class. COURSE OBJECTIVES / STUDENT LEARNING OUTCOMES After taking this course, you should be able to: understand fundamental design principles in building a web page/web site understand the pros and cons of web authoring software recognize the different types of websites and their distinct purposes as related to the visitors they are intended to attract. create.html files using a text editor use appropriate software tools required to build a website create a logical file system for web documents and supporting files build.html files which meet the W3C standard for HTML5 Strict Syntax (XHTML Transitional or Strict) Choose correct design principles for site usability use CSS and Javascript for site aesthetics and user interaction. 2
STUDENT TASKS / ASSIGNMENTS / REQUIREMENTS Projects: (34% - 120 points total) The following is a list of the topics which will be assigned as projects/presentations: I. (70 points) Project I - Web Developer Personal Website individual project, to create a personal website utilizing common html elements, including: paragraphs, lists, text enhancements, hyperlinks, images, tables, and CSS attributes and elements. The site will be published to the web and contain data unique to you, and other information based on individual research. II. II. (50 points) Project II - Web Developer Team Website - Design and Content (advance skills) team project to create a personal interest website utilizing advance css techniques and Javascripts. All of the project specifications & due dates are posted to the class web site, along with the grading rubric. Note: +1 point extra credit for each deliverable section turned in on-time (by the end of class on Tuesday of the week they are due). Deliverables Grace Period due in my office, LWH 3050 by 11:15 a.m., on Thursday the week they are due. - 2 points for each deliverable section turned in one week late. Work more than 1 week late must be submitted, in person, during my posted office hours. Bonus Extra Credit: + 2 pts. will be added to total project score for strict certification upon completion of entire site. Weekly Quiz/Progress Check: (34% - 120 points total) There will be a weekly quiz/progress check, in weeks 2-14, excluding Week 8. Each weekly check will be worth 10 points. If given in class, you will be given approximately 20 minutes to complete the task, although, as the course progresses, some tasks may be allotted up to 45 minutes for completion. The content material for the quiz/progress check is cumulative, i.e. you may be tested on any material that has been covered in class lectures, or was part of any assigned reading on any future check. They will be in many different formats from reading text and summary, fill in the blank worksheets, short essay, games, competitions to solve problems, to documentation of computer lab work. The weekly quiz/progress check will be given as individual work, unless noted otherwise. Mid-Term and Final Tests: (23% - 80 points total) There will be two comprehensive tests, a mid-term test in Week 8, and a Final Test in Week 15. Each will be worth 40 points. You will be given approximately 45 minutes to complete each test. The tests will be given as individual work. Attendance/Class Participation: (9% - 30 points) Due to the nature of this class, utilizing lab work to complete projects, attendance in class is critical to the learning process, thus, it is essential that you come to every class on time, and prepared to work. You will receive 2 points for each class you attend class on-time, and participate in the day s bonus extra credit activity. 3
Grading Policies and Formulae: Your final score (Course Grade) will be determined as follows: A (90% +) = 315 + points B (80-89%) = 280 to 314 points C (70-79%) = 245 to 279 points D (60-69%) = 210 to 244 points F (less than 60%) = 209 points or less Note: The last day to drop to a class is Friday, November 6, 2015 midnight via http://neiuport.neiu.edu Course Outline: The following is a tentative list of course topics. Topics will be presented approximately as listed. In addition to the textbook, some topics will be presented through handouts, web research, lectures, and projects/student presentations. Refer to the class website for specific details. Week 1: Welcome! Hello, World. web page fundamentals Week 2: (text Ch. 1) Introduction to the Web Design Environment: Web page classifications, W3C, HTML Vs. XHTML, Design Considerations, & Publishing a webpage Week 3: (text Ch. 2 & 3) Planning & Design An Overview Week 4: (text Ch. 9)Navigation, Coding, & Images as links Week 5: (text Ch. 10) Tables for data & as a page layout tool Week 6: (text Ch. 4) Introduction to Cascading Style Sheets (CSS) Week 7: (text Ch. 6 & 7) CSS for Devices and Box Properties & Positioned Layouts - the alternate to tables as a page layout tool Week 8: Mid-term Test Week 9: (text Ch. 5) Web Typography Week 10: (text Ch. 8) Graphics and color Week 11: (text Ch. 11) Forms & JavaScript Sneak Preview Week 12: JavaScripts Week 13: HTML 5 2 Minute Presentations Week 14: Web Publishing Considerations Week 15: Final Test 4
Refer to the class website for specific details. Week Reading Assignments Documents to complete: 1 08/25/15 (see web for link to documents) Commence work on Project I Assessments 2 09/01/15 Read Chapter 1 in the /cs300/index.html specifically the pages on XHTML rules, and screen resolution (play around with the size of your browser window with this one). Progress Check Week 2(10 pts.) Also view lists and lists with css from the CS300 Web Page Resources. 3 09/08/15 Read Chapter 2 & 3 in the text. Make sure you have the HTML5 elements and XHTML id attributes for a typical page layout written in your spiral notebook. Quiz: in class (5 pts.) Quiz based on all previous lectures & all assigned reading. Progress Check Week 3 (5 pts.) 4 09/15/15 Read Chapter 9 in the /cs300/index.html - hyperlinks & Progress Check Week 4 (5 pts.) Quiz: in class (5 pts.) more hyperlinks pages, and XHTML Structure Part 1, Part 2,& Part 3. 5 09/22/15 Read Chapter 10 in the /cs300/index.html - Progress Check Week 5 (5 pts.) Quiz: in class, will focus on code validation.(5 pts.) XHTML Structure Part 4, and review screen resolution page. 5
6 09/29/15 Read Chapter 4 in the /cs300/index.html - XHTML Structure Part 5 & Part 6, plus css.html-pages 1-8 Quiz: in class, will focus on tables.(10 pts.) 7 10/06/15 Read Chapters 6 & 7 in the /cs300/css - boxproperties.html & elementslist.html. Print a copy of Week 7 Example Files and also create a Week7Lab folder (with a css sub-folder) on your USB drive and bring it to class with the sample.html and.css files ready for use with the lab work project. Your completed lab work will be graded for your Week 7 progress check score. (2.5 pts.) Take the on-line quiz, and submit your score page at the start of class (5 pts.) Convert this text file to an html file and save it to your USB drive prior to class, as it will be used as a lab activity in class as well. (2.5 pts.) 8 10/13/15 Mid-term test (40 pts.) You will not be allowed to use your notes for the test. The test format is essay. 9 10/20/15 Read Chapter 5 in the /cs300/index.html - css.html: text pages 09, 10, 11 Commence work on Project II In class, typography lab will count toward quiz score for this week(10 pts.). Turn in a styled "h1" utilizing your full name, and "id or class labelled as sitetitle" utilizing your Domain Name or Logo for Project II after completion of inclass lab. Each student must turn in screen shot of work and related source file(s). 6
10 10/27/15 Read Chapter 8 in the /cs300/index.htmlimages.html and Basic Rules for using others images for educational purposes. Download the portable app "Gimp" on your USB flash drive and bring it to this week's class. We will be using the application with a lab project. This week there will be a graphics project in class. Progress Check Week 10 (5 pts.) Your lab work (creating an icon), utilizing Gimp will be collected at the end of class(5 pts.). 11 11/03/15 Read Chapter 11 in the /cs300/index.html - forms01.html Progress Check Week 11 (5 pts.) Quiz in class, will focus on css at the attribute level (5 pts.) 12 11/10/15 Progress Check Week 12 (10 pts.) HTML 5 elements will be assigned this week, for next week's 2 minute presentations. 13 11/17/15 2 minute Presentation based on HTML 5 element assigned to you in Week 12. (10 pts.). 14 11/24/15 Practical problem solving quiz, in class based on JavaScripts (10 pts.) 15 12/01/15 Final Test (40 pts.) You will not be allowed to use your notes for the final test. The test format is practical coding. 7
COURSE POLICIES AND STATEMENTS Absence Policy: Attendance is required. Academic Integrity Policy: By enrolling in this course, you are bound by the NEIU Student Code of Conduct: http://www.neiu.edu/university-life/student-rights-and-responsibilities/student-code-conduct. You will be informed by your instructor of any additional policy specific to your course regarding plagiarism, class disruptions, etc. Course Specific Policies: 1. No grade of I (incomplete) will be given. * 2. Cheating on assignments, quizzes or exams will not be tolerated. I reserve the right to move anyone s seat during any lecture, quiz, or exam without explanation. 3. Plagiarism will not be tolerated. All work turned in, is to be your own. If you use any images from the web, you must show proof of purchase and/or permission for use. Refer to NEIU s Student Handbook for the policy on academic misconduct. 4. No late assignments will be accepted.* 5. No make-up quizzes or exams will be given. * 6. All quizzes and exams will be CLOSED BOOK, and NO CALCULATORS. You may use hand-written notes in your personal spiral notebook on quizzes. 7. You must bring your NEIU I.D. to each quiz and exam. I reserve the right to check your I.D. at each quiz and exam. 8. No cellular phones, audible pagers, hand held games, or mp3 players are allowed in class. 9. If you are aware of any class schedule conflicts you must email me prior to the Week 2 class meeting, with a detailed reason for the scheduling conflict. 10. In compliance with the Americans with Disabilities Act of 1990 and Section 504 of the Rehabilitation Act of 1973, Northeastern Illinois University does not discriminate against persons on the basis of disability. In addition, Northeastern provides reasonable accommodations for persons with disabilities. Students seeking reasonable accommodations in the classroom should contact the Accessibility Center, D-104. If you have a disability that requires accommodations to be made, it is your responsibility to have the Accessibility Center send me this information by 2nd week of the semester. 11. All work for this class must be validated for W3C HTML5 Strict Syntax (XHTML Transitional or Strict Doc type). Code that does not comply with syntax standards will have points deducted.. 12. Policies may be added or amended during the course of the semester, as deemed necessary * Exceptions will be made for emergencies only, such as serious illness, and the exception will be made only when written documented proof is submitted. 8
ADA Statement: Northeastern Illinois University (NEIU) complies with the Americans with Disabilities Act (ADA) in making reasonable accommodations for qualified students with disabilities. To request accommodations, students with special needs should make arrangements with the Student Disability Services (SDS) office, located on the main campus in room D104. Contact SDS via (773) 442-4595 or http://www.neiu.edu/university-life/student-disability-services. Campus Safety: Web links to Campus Safety: Emergency Procedures and Safety Information can be found on NEIUport on the MyNEIU tab or as follows: http://homepages.neiu.edu/~neiutemp/emergency_procedures/maincampus/. Course Communication All pertinent class communications between the instructor and students is conducted exclusively through NEIU e-mail. Thus it is the responsibility of students to check their NEIU e-mail account for all significant information and updates on class cancellations in the event of threatening weather conditions. Communication between the instructor and students via personal e-mail accounts (e.g., @gmail.com or @yahoo.com) will not occur. Incompletes An I (incomplete) may be given if a student is absent from the final examination or fails to complete a special research or individual study project because of some unavoidable circumstance such as illness. Students will have two semesters (including summer) after the incomplete grade has been assigned to remove the incomplete. Incompletes that have not been removed within two semesters will be changed to an F grade. 9
Schedule/Point Score Worksheet: Activity: Due Date: Points Earned: Description/Comments: Project I: / 70 points Project II: / 50 points Quiz Week 2: Quiz Week 3: Quiz Week 4: Quiz Week 5: Quiz Week 6: Quiz Week 7: Week 8 Test: / 40 points Quiz Week 9: Quiz Week 10: Quiz Week 11: Quiz Week 12: Quiz Week 13: Quiz Week 14: Week 15 Test: / 40 points Attendance: every class /30 points Extra credit: Total Points: / 350 points Extra credit points: Date: Activity: Points Earned: Rev081315 10