Course Syllabus

CS50A: Web Development 1

Fall 2024 Course Syllabus

Instructor: Jeffrey Diamond, jdiamond@santarosa.edu

jeffrey_diamond_small.jpg

Course Description

This course is intended for the beginning student who will learn how to build a simple website using HTML and CSS. Topics include: font formatting, navigation, images, layout, semantic elements, tables and forms.

Recommended Preparation: Course Completion of CS 5 OR CS 101A OR CS 105A and Course Eligibility for ENGL 1A

Whether you want to become a 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 work with current versions of both core client-side languages of the Web, HTML5 and CSS3, to become proficient in the creation of hand-coded static Web sites.

Student Learning Outcomes

Students will be able to:

  1. Use HTML and CSS code that meets current industry standards to create a simple website.
  2. Apply appropriate terminology to describe basic web development concepts.

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

  1. Create a simple website.
  2. Develop web pages that utilize the HTML elements that address the following functions: basics document structure, head elements, text markup, site navigation, images, div and span structure, semantic elements, tables, forms.
  3. Develop web pages that utilize CSS to control the appearance of the site. Students will use these CSS property groups: text and font, color and background, the box model, position and display, lists, tables.
  4. Develop web pages that utilize the CSS concepts of the cascade and inheritance of browser, external, embedded and inline CSS.
  5. Students will correctly use the CSS elements of selectors, declarations, properties, values. Classes and id's will be stressed. 
  6. Summarize the following website development concepts: element, attribute, element nesting, asset path, style, rule, selector, declaration, property, and value.

Topics and Scope:

  1. Basic Document Structure
  2. Navigation
  3. Structural Elements
  4. Images
  5. Cascading Style Sheets Usage
  6. CSS Font / Text Properties
  7. CSS (Cascading Style Sheets) Box Properties
  8. Semantic Elements
  9. Web page layout using CSS and Flex
  10. Tables
  11. Forms
  12. Create websites

Assignments:

  1. Fourteen (14) assignments. All web pages must be uploaded to the class-provided hosting account on the Internet and must validate.
  2. Two (2) quizzes, a midterm and final exam
  3. Website critiques
  4. Participation in online discussions

Instructor Contact

Jeffrey Diamond
Email: jdiamond@santarosa.edu
Phone: (707) 527-4990

Fall 2024 Schedule
Subject Section Times Location
Mondays
CS 50A Web Development 1 1376 1:00 pm-2:30 am Online- Meeting ID 224-427-1350
Online Office Hours 2:30 am-3:30 am Online- Meeting ID 224-427-1350

Course Web Site

Students will use the Canvas course web site for assignment instructions, submitting assignments, viewing classmates' work, sharing resources, and viewing grades. There is NO REQUIRED BOOK for this class. Google Chrome browser is recommended for viewing the Canvas-powered course site. Internet Explorer is not recommended.

You will need to access some practice files for the second module. Download the practice files here

Equipment

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

Required Software + Services

Optional Software

The additional software listed below is often used for Web development. 

  • Additional Web browsers including:
    • Apple Safari (Mac OS only)
    • Microsoft Edge
  • File Transfer Protocol (FTP) software such as:

Important Dates

Day Class Begins: Monday, August 19, 2024
Day Class Ends: Friday, December 20, 2024

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

This is a hybrid (face-to-face/online) class and all the required materials are available in the weekly modules. The weekly live lectures provide additional material that benefit your understanding of HTML, CSS, and computers in general.  Although it is not required that you attend the live lectures, it is highly recommended that you watch the recordings which are made available soon after.

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.

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 corresponding due date. A late submission will receive a 10% penalty for each week it is late. You will see the late adjustment show up in the bottom of the score. Submissions more than one week late are not accepted without prior written arrangement. 

Exams

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.

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 grade book.

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

72%

720 points

Projects + Assignments

12%

120 points

Discussions + Attendance

6%

60 points

Quizzes

5%

50 points

Midterm

5%

50 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:

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

Topics Assignments
Class 1 Introduction to Web Development Assignment 1: Syllabus Quiz
Discussion 1: Check-in Discussion
Class 2 HTML Links + Paths Assignment 2: First Pages
Class 3 HTML Elements Assignment 3: An Animal Page
Discussion 2: History of the Web
Class 4 HTML5 + HTTP Standards Assignment 4: Linking + Embedding
Class 5 Media: Images, Video + Audio Assignment 5: Adding Media
Discussion 3: Web Accessibility
Class 6 Introduction to CSS + Selectors Assignment 6: Start Styling
Quiz 1
Class 7 Typography + Web Fonts Assignment 7: Fonts for Animals
Discussion 4: Design Theory
Class 8 Web Color Midterm Project: About An Animal
Class 9 Midterm Review Midterm Exam
Discussion: Midterm Project Presentations
Class 10 CSS Box Model Assignment 8: Decorated Boxes
Discussion 5: CSS Box Model
Class 11 HTML5 Semantic Structure Assignment 9: Organizing Elements
Class 12 CSS Layout Assignment 10: Composing Layouts
Discussion 6: Responsive Design
Class 13 Responsive CSS + Media Queries Assignment 11: Responsive Pages
Quiz 2
Reading: Online article
Class 14 HTML Tables Assignment 12: Organizing Data
Discussion 7: Interaction Design
Class 15 HTML Forms  Assignment 13: Interactive Forms
Class 16 Interactive CSS + Pseudo Classes Assignment 14: Interactive Menus
Discussion 8: Future Web
Class 17 Animation + CSS Transitions
Final Review
Final Project
Final Exam

The assignments listed above will become available as modules are released in sequence each week. To view course content, go to Modules. 

Course Summary:

Date Details Due