Section 5371, Spring 2019 Course Syllabus
This syllabus is available in the following formats:
- Word document: SRJC CS50C 5371 Sp 2019 Syllabus Final v1-1.docx
- PDF file: SRJC CS50C 5371 Sp 2019 Syllabus Final v1-1.pdf
Instructor: Ethan Wilde, firstname.lastname@example.org
Recommended Preparation: Eligibility for ENGL 1A or equivalent
Prerequisites: Course Completion or Current Enrollment in CS 50B
Student Learning Outcomes
Students will be able to:
Upon completion of the course, students will be able to:
- Develop interactive web pages using HTML5 canvas, and media tags.
- Utilize a current industry-standard Framework, HTML5, and CSS to create responsive designs which work well with mobile devices.
- Apply appropriate user experience and interactive design concepts to custom websites.
Topics and Scope:
I. HTML5 Application Program Interface (API) Support
A. Canvas overview
B. Adding canvas content
C. Drawing in the canvas environment
D. Charts with canvas
E. Drag-and-drop API overview
F. Offline applications overview
G. Video overview
H. Encoding video
I. Adding video
J. Utilizing a jQuery media player
II. Responsive Web Design
A. Responsive vs. adaptive web design
B. Media queries
C. Introduction to grid-based frameworks
E. Progressive enhancement vs. graceful degradation
A. Accessible Rich Internet Applications (ARIA)
B. Accessible forms
C. Accessible tables
D. Testing for accessibility
E. Features and considerations for making accessible web sites
A. SCRIPT and NOSCRIPT tags
C. Using variables
A. Using functions
C. Conditionals and loops
B. The navigator object
C. Cookies and local data
VII. The Document and Window Objects
A. Properties and methods of the DOM (Document Object Model)
B. Uses and best practices
B. Properties and methods of arrays
C. Associative arrays
IX. Working with Numbers, Dates, and Strings
A. The math object
B. The number object
C. The date object
X. Working with Forms
A. Accessing the form element
B. The form object
E. Using form-based navigation
F. Form widgets in libraries and HTML5 (Hypertext Markup Language 5)
XI. Working with Dynamic Data
B. Dynamic data using jQuery
XII. Introduction to jQuery
A. What is jQuery
B. Downloading data using jQuery
XIII. jQuery: Styling Elements
A. Selecting elements
B. Reading and setting Cascading Style Sheets (CSS) properties
D. Adding and removing elements
E. Modifying content
XIV. jQuery: Animating Elements
B. Animated navigation
XV. jQuery: Images and Slideshows
A. Simple custom lightbox
XVI. jQuery: Navigation
A. Collapsible menus
- Textbook reading (25 - 60 pages per week)
- Critique and analyze existing websites that use client-side technology
- Download and deploy the jQuery library in webpage features (2 - 3)
- Create a unified website incorporating all class projects and materials
Spring 2019 Schedule
|Online||Weeks start on Wednesdays||Canvas shell|
Live weekly Web conference (optional)
|Wednesdays, 5:30pm - 6:30pm||Zoom|
All class materials for each module will be released online in Canvas on Wednesdays throughout the entire semester. A weekly live online meeting will be held on Wednesdays, 5:30pm - 6:30pm. Attendance at the live web conferences is optional but highly recommended. Use this link to join: https://cccconfer.zoom.us/j/406692699
Spring 2019 Office Hours
January 14 – May 17, 2019
|Tuesdays (in office)||12:40pm - 2:00pm||Maggini 2937|
|Thursdays (online)||10:00am - 3:00pm||Online: Email email@example.com or Skype ethanwilde|
I respond to emails within 48 hours. I never respond on Sundays.
Course Web Site
Students will use the Canvas course web site for assignment instructions, submitting assignments, viewing classmates' work, sharing resources, and viewing grades. The Google Chrome browser is recommended for viewing the Canvas-powered course site. Internet Explorer is not recommended.
Consider buying used copies. You can locate and order textbooks online via the SRJC Bookstore.
- A personal computer, either at home, work or on the Santa Rosa or Petaluma campuses.
Required Software + Services
- Internet access
- Google Chrome strongly recommended
- Text editor, for Week 1 only, such as:
Coding education site
- CodeCombat free account required for all students.
Cloud hosting + development service
- Cloud9 IDE (Integrated Development Environment) required for all students, starting Week 2, for hosting class assignments. This service provides a complete set of browser-based tools in place of the optional software listed below. Complete the hosting survey to get your free account.
- Graphics software such as:
- PDF display software such as:
The additional software listed below is often used for Web development. Our cloud-based IDE – Cloud9 – will provide a text editor and file transfer support without any additional software needed.
- Additional Web browsers including:
- Mozilla Firefox
- Apple Safari (Mac OS only)
- Microsoft Edge (Windows 10 only)
- File Transfer Protocol (FTP) software such as:
Day Class Begins: Wednesday, January 16, 2019
Day Class Ends: Friday, May 24, 2019
Last Day to Add without instructor's approval: Sunday, January 20, 2019
Last Day to Drop with refund: Sunday, January 27, 2019
Last Day to Add with instructor's approval: Sunday, February 3, 2019
Last Day to Drop without a 'W' symbol: Sunday, February 3, 2019
Last Day to Opt for Pass/No Pass: Sunday, February 24, 2019
Last Day to Drop with a 'W' symbol: Sunday, April 21, 2019
Dropping the Class
If you decide to discontinue this course, it is your responsibility to officially drop it. A student may be dropped from any class when that student's absences exceed ten percent (10%) of the total hours of class time. It is strongly advised that if you need to miss more than one class/homework deadline in a row that you contact the instructor to avoid being dropped from the class.
For online courses, students who fail to complete the requirements of the first and second class modules will be dropped by the instructor.
You may take this class P/NP. You must decide before the deadline, and add the option online with TLC or file the P/NP form with Admissions and Records. With a grade of C or better, you will get P.
You must file for the P/NP option by February 24, 2019. Once you decide to go for P/NP, you cannot change back to a letter grade. If you are taking this course as part of a certificate program, you can probably still take the class P/NP. Check with a counselor to be sure.
Instructor Announcements and Q&A Forum
The instructor will post announcements on the “Instructor Announcements” page in Canvas throughout the semester. Canvas notifies students according to their preferred Notification Preferences.
All assignments are due at 11:59pm Pacific time on the Tuesday corresponding to the due date. A late submission will receive a 10% penalty for each week it is late. Submissions more than two weeks late are not accepted without prior written arrangement.
There will be online midterm and final exams. The material comes from the textbook, class lectures and supplemental materials. If any exam is missed, a zero will be recorded as the score, unless you have made prior written arrangements with me. It is your responsibility to take the exams by the due date.
Click the “Grades” link in Canvas to keep track of your grades. I grade once a week and post grades and comments in the Canvas gradebook.
Grades will be assigned as follows:
90% - 100%
900 points or more
80% - 89%
800 to 899 points
70% - 79%
700 to 799 points
60% - 69%
600 to 699 points
59% or lower
599 points or less
Projects + Assignments
Discussions + Attendance
1000 points possible
Standards of Conduct
Students who register in SRJC classes are required to abide by the SRJC Student Conduct Standards. Violation of the Standards is basis for referral to the Vice President of Student Services or dismissal from class or from the College. See the Student Code of Conduct page.
Collaborating on or copying of tests or homework in whole or in part will be considered an act of academic dishonesty and result in a grade of 0 for that test or assignment. Students are encouraged to share information and ideas, but not their work. See these links on Plagiarism:
SRJC Writing Center Lessons on avoiding plagiarism
SRJC's statement on Academic Integrity
Every effort is made to conform to accessibility standards for all instructor-created materials. Students should contact their instructor as soon as possible if they find that they cannot access any course materials. Students with disabilities who believe they need accommodations in this class are encouraged to contact Disability Resources by calling (707) 527-4278 or visit online at drd.santarosa.edu.
Student Health Services
Santa Rosa Junior College offers extensive health services to students. Visit Student Health Services online at shs.santarosa.edu or call them at (707) 527-4445.
|1/16||Week 1||Getting Started||Hosting Signup Survey
Assignment 1: Syllabus Quiz
Discussion 1: Check-in Discussion
|1/23||Week 2||Play a Game, Learn to Code||Assignment 2: CodeCombat
Reading: Eloquent JS, Introduction + Ch. 1
Reading: Eloquent JS, Ch. 2
Discussion 2: Events + Objects
Reading: Eloquent JS, Chs. 3 + 4
|2/13||Week 5||Exploring the jQuery Library||Assignment 5: Quiz App
Reading: Eloquent JS, Chs. 13, 14, 15
|2/20||Week 6||Exploring jQuery Plugins, Part 1||Assignment 6: Enhanced User Interfaces
Reading: Eloquent JS, Ch. 5
|2/27||Week 7||Exploring jQuery Plug-ins, Part 2||Assignment 7: Plug-in Promotional Site
Reading: Eloquent JS, Ch. 6
|3/6||Week 8||Exploring the Google Maps API||Assignment 8: Class Map
Discussion 4: Concepts of Geolocation
Reading: Eloquent JS, Ch. 8
|3/13||Week 9||AJAX: Working with JSON Data||Midterm Project: Map-Based Mobile App
Reading: Eloquent JS, Ch. 11
|3/20||NO CLASS||Spring Break|
|3/27||Week 10||Midterm Review||Midterm Exam
Discussion: Midterm Project Presentations
|4/3||Week 11||Data Visualization, Part 1||Assignment 9: Basic Data Visualization
Discussion 5: Concepts of Data Visualization
Reading: Eloquent JS, Chs. 17
|4/10||Week 12||Data Visualization, Part 2||Assignment 10: Advanced Visualization
|4/17||Week 13||Browser-based Game Development||Assignment 11: Basic Game
Discussion 6: Concepts of Game Development
Reading: Eloquent JS, Ch. 10
|4/24||Week 14||Building Mobile Apps with Angular.js, Part 1||Assignment 12: Draft Mobile App
Discussion 7: Concepts of Mobile Applications
|5/1||Week 15||Building Mobile Apps with Angular.js, Part 2||Assignment 13: Enhanced Mobile App
|Final Project: Angular.js Mobile Portfolio App
|Week 18||No Regular Class||Final Exam
Discussion: Final Project Presentations
Note to students: the assignments listed above will become available as modules are released in sequence each week. To view course content, go to Modules.
The syllabus page shows a table-oriented view of the course schedule, and the basics of course grading. You can add any other comments, notes, or thoughts you have about the course structure, course policies or anything else.
To add some comments, click the "Edit" link at the top.