CS50B: Web Development 2
Section 1384, Fall 2018 Course Syllabus

This syllabus is available in the following formats:

• Word document: SRJC CS50B 1384 Fa 2018 Syllabus Final v2.docx
• PDF file: SRJC CS50B 1384 Fa 2018 Syllabus Final v2.pdf

Instructor: Ethan Wilde, ewilde@santarosa.edu

Course Description

Combines hand-coded exercises in CSS code with Bootstrap, a front-end development tool. Students will expand their CSS skills as they format text, display images, layout pages, and create navigational systems. Bootstrap will provide the basis for an e-folio that is customized with hand coding.

Recommended Preparation: Eligibility for ENGL 1A or equivalent

Prerequisites: Course Completion of CS 50A OR CS 50.11B

Whether you want to become a professional member of a web development team, or just want to create your own personal site, mastery of HTML and CSS is essential to those goals. We will engage in advanced HTML5 and CSS3 work while using the Bootstrap framework, the JavaScript language and the jQuery library, as well as the WordPress Content Management System. You will be proficient in the creation of interactive websites using static files as well as CMS-generated HTML.

Student Learning Outcomes

Students will be able to:

1. Use CSS code that meets current industry standards to layout a site, create navigation, and control color and text.
2. Apply appropriate terminology to describe CSS selectors, styles, and units.
3. Create CSS code that is supported by current browsers, complies with accessibility standards, and validates under current industry standards.

Upon completion of the course, students will be able to:

1. Describe the current status of CSS implementation across various browsers.
2. Analyze and modify an existing web site's HTML and CSS using a Browser Code Inspector.
3. Use Bootstrap to create an efolio site.
4. Create webpages, which are styled using HTML, CSS, and JavaScript.
5. Produce validated HTML and CSS documents.
6. Produce a file / folder structure that matches industry standards.
7. Apply the principles of the cascade, inheritance, pseudo classes, pseudo elements, and advanced selectors in CSS documents.
8. Produce an e-folio created using Bootstrap HTML, CSS and JavaScript with hand coded CSS modifications.
9. Demonstrate appropriate use of CSS properties.

Topics and Scope:

1. Overview: HTML, CSS, JavaScript
2. CSS selectors
3. Structure and the cascade
4. Bootstrap efolio
5. Fonts / Text
6. Position
7. Backgrounds
8. Images
9. Layout
10. Bootstrap layout
11. Navigation
12. Bootstrap Navigation
13. Content Management Systems (CMS)
14. WordPress CMS

Assignments:

1. Regular textbook reading
2. Fourteen (14) assignments. All webpages must be uploaded to the class-provided hosting account on the Internet and must validate.
3. Two (2) quizzes, a midterm and final exam
4. Website critiques
5. Participation in electronic message board discussions

Class Meetings

Fall 2018 Schedule

Online	Weeks start on Wednesdays	Canvas shell
Live weekly Web conference (optional) https://cccconfer.zoom.us/j/135129123	Wednesdays, 9:00am - 10:00am	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, 9:00am - 10:00am. Attendance at the live web conferences is optional but highly recommended. Use this link to join: https://cccconfer.zoom.us/j/135129123

Instructor Contact

Ethan Wilde

Email: ewilde@santarosa.edu

Fall 2018 Office Hours
August 20 – December 14, 2018

Mondays (Online)	11:00am - 2:00pm	Online: Email ewilde@santarosa.edu or Skype ethanwilde
Wednesdays	11:00am - 1:00pm	Maggini 2937

You can reserve future appointments for my office hours online by visiting http://srjc.ethan.com/reserve/.

I respond to emails within 48 hours. I never respond on Sundays.

Course Web Site

Online Students will use the Canvas course web site to access all course content, for assignment instructions, submitting assignments, viewing classmates' work, sharing resources, and viewing grades.

Textbook

WordPress Complete (6th)
Karol Król
1787285707 (ISBN 10)
978-1787285705 (ISBN 13)
Publisher book site available

Consider buying a used copy. You can locate and order textbooks online via the SRJC Bookstore.

Equipment

• A personal computer, either at home, work or on the Santa Rosa or Petaluma campuses.

Required Software + Services

• Internet access
• Web browser
  • Google Chrome strongly recommended
• Text editor, for Week 1 only, such as:
  • TextWrangler (Mac OS only)
  • Brackets (Windows, Mac OS)
  • Sublime Text (Windows, Mac OS, Linux)
• 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:
  • Adobe Photoshop, part of a Creative Cloud subscription
  • Gimp open source application
  • Pixlr browser-based image editor
• PDF display software such as:
  • Adobe Reader

Optional Software

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:
• FireFTP add-on for Firefox browser (free)
• Fetch (Max OS only)
• WinSCP (Windows only)

Important Dates

Day Class Begins: Wednesday, August 22, 2018

Day Class Ends: Friday, December 21, 2018

Last Day to Add without instructor's approval: Sunday, August 26, 2018

Last Day to Drop with refund: Sunday, September 2, 2018

Last Day to Add with instructor's approval: Sunday, September 9, 2018

Last Day to Drop without a 'W' symbol: Sunday, September 9, 2018

Last Day to Opt for Pass/No Pass: Sunday, September 30, 2018

Last Day to Drop with a 'W' symbol: Sunday, November 18, 2018

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.

Attendance

For online courses, students who fail to complete the requirements of the first and second class modules will be dropped by the instructor.

Pass‐NoPass (P/NP)

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 September 30, 2018. 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.

Late Policy

All assignments are due at 11:59pm PST 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.

Exams

There will be online midterm and final exams. The material comes from the textbooks, 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.

Grading Policy

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:

A	90% - 100%	900 points or more
B	80% - 89%	800 to 899 points
C	70% - 79%	700 to 799 points
D	60% - 69%	600 to 699 points
F	59% or lower	599 points or less

If taking Pass/No Pass you need at least 70% of the total class points and to complete the midterm exam and the final exam to pass the class.

Grading Breakdown

62%	620 points	Projects + Assignments
12%	120 points	Discussions + Attendance
6%	60 points	Quizzes
10%	100 points	Midterm
10%	100 points	Final Exam
100%	1000 points	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

Special Needs

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.

 

Course Outline

Start Date	Canvas Module	Topics	Assignments
8/22	Week 1	Responsive HTML5 and CSS3 + Review	Hosting Signup Survey Assignment 1: Syllabus Quiz Discussion 1: Check-in Discussion Reading: "Responsive Web Design"
8/29	Week 2	Introduction to the Bootstrap Framework: the Responsive Grid	Assignment 2: Bootstrap Basics Reading: online
9/5	Week 3	Bootstrap Page Elements + Components	Assignment 3: Human-Centered Page Discussion 2: Design Thinking Reading: online
9/12	Week 4	Bootstrap Navigation	Assignment 4: Responsive Navigation Reading: online
9/19	Week 5	Bootstrap Forms + Decoration	Assignment 5: Interaction + Decoration Discussion 3: Interaction Design Reading: online
9/26	Week 6	Customizing Bootstrap CSS	Assignment 6: Restyling Bootstrap Quiz 1 Reading: online
10/3	Week 7	Introduction to JavaScript	Assignment 7: First Scripts Discussion 4: Agile Workflow Reading: online
10/10	Week 8	Bootstrap + JavaScript	Midterm Project: Interactive Catalog Reading: online
10/17	Week 9	Midterm Review	Midterm Exam Discussion: Midterm Project Presentations
10/24	Week 10	WordPress 1: Introduction to CMS	Assignment 8: Setting Up WordPress Discussion 5: Content Management Systems Reading: WP Complete, Chs. 1 + 2
10/31	Week 11	WordPress 2: Posts	Assignment 9: Creating Content Reading: WP Complete, Ch. 3
11/7	Week 12	WordPress 3: Pages, Menus + More	Assignment 10: Site Building Discussion 6: Final Student Project Proposals Reading: WP Complete, Ch. 4
11/14	Week 13	WordPress 4: Plug-ins, Widgets + Themes	Assignment 11: Extending Your Site Quiz 2 Reading: WP Complete, Chs. 5 + 6
11/21	Week 14	WordPress 5: Custom Bootstrap Theme	Assignment 12: Building a Custom Theme Discussion 7: Sass + CSS Preprocessors Reading: WP Complete, Ch. 8
11/28	Week 15	Introduction to Sass: CSS Preprocessor	Assignment 13: Sass Basics Reading: online
12/5	Week 16	Customizing Bootstrap's Sass Rules	Assignment 14: Remixing Bootstrap with Sass Discussion 8: Final Student In-Progress Projects Reading: online
12/12	Week 17	Mastering Sass + Bootstrap Final Review	Final Project: Student-Defined Site Reading: online
12/17 Mon	Week 18	No Regular Class	Final Exam Discussion: Final Project Presentations

Note to online students: the assignments listed above will become available as modules are released in sequence each week. To view course content, go to Modules.