Skip to content

CS Discoveries, 11-18-2024

Published on
  1. THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!
  2. Objective:
    1. Students will understand and justify guidelines for safely publishing information online to protect themselves and others in an increasingly online world.
  3. Warm-Up:
    1. In your Google Doc from Week 1, paste the following vocabulary under the heading of "Vocabulary."
      • CSS - Cascading Style Sheets; a language used to describe how HTML elements should be styled
      • CSS Selector - the part of a CSS rule-set that defines which HTML elements the style should be applied to
    2. In your Google Doc from Week 1, paste the following code under the heading of "CSS Code." NOTE THAT THIS IS NOT HTML CODE!
    3. You should have already shared your Google Doc with aaron.smith@pgcps.org so no additional work needs to be done to hand this in.
    4. Warm-Ups are usually a 5 point Independent Work grade if a written response is expected, or a 5 point Assessment grade if the Warm-Up is a quiz. They are due at the start of class and not eligible for late submission or re-submission.
  4. Deadlines: (Content is subject to change due to various factors.)

    1. Warm-Ups: Due daily
    2. Week 3 Assignments Due 11-22 (3 days)
      1. Lesson 5: Mini-Project: HTML Web Page
        1. You'll need a copy of this Project Guide.
      2. Lesson 6: Styling Text with CSS (Yes, we're skipping ahead. Some of you have skipped assignments to do the content in Lesson 6 early, so I might as well teach this first.)
        1. You will need to create a new document. We've been using index.html, but now we will need a stylesheet. These are frequently named style.css (the .css part at the end is crucial).CSS code in a stylesheet should be formatted like this:
          CSS Selector or Class {
     element: value;
     element: value;
     }

          Here's an example of actual CSS code that would change all bold text (made using <strong> and </strong> to be dark red.

          strong {
    color: #ba372a;
    }

          Mr. Smith will be able to show you more about this in class.

          If you are trying to find just the right color, you can type in the name of the color for the value OR use a color picker. There's more than one online tool that can be used, though Mr. Smith tends to use the color pickers built into image editors or the one built into VSCodium. Code.org's editor also has a color picker that can be used.

        2. Grading Rubric
          1. 5 pts: Screenshot uploaded showing style.css on one side and how the code looks in a web browser on the other side.
          2. 1 pt: Paragraphs are a different size than default due to style.css code.
          3. 1 pt: Paragraphs are a different color than default due to style.css code.
          4. 3 pts: Code does not have errors.
          5. 1 pt Extra Credit: Page background is a different color that still contrasts well with text colors due to style.css code.
      3. Lesson 7: Intellectual Property
      4. Week 3 Exit Ticket
    3. Week 4 Assignments Due 11-26 (1 day)
      1. Lesson 8: Using Images
      2. Lesson 9: Styling Elements with CSS
      3. Week 4 Exit Ticket Cancelled
    4. Week 5 Assignments Due 12-05 (2 days)
      1. Lesson 10: Mini-Project: Adding Style to a Web Page
      2. Lesson 11: CSS Classes
      3. Week 5 Exit Ticket
    5. Week 6 Assignments Due 12-13 (3 days)
      1. Lesson 12: Organizing Content with Flexbox
      2. Lesson 13: Flexbox Children for More Control
      3. Lesson 14: Chapter 1 Project (begin)
      4. Week 6 Exit Ticket
    6. Week 7 Assignments Due 12-19 (2 days)
      1. Lesson 14: Chapter 1 Project (finish)
      2. Lesson 16: Sources and Research
      3. Week 7 Exit Ticket
    7. Week 8 Assignments Due 01-10 (3 days)
      1. Lesson 17: Linking Pages
      2. Lesson 18: CSS Pseudo-classes
      3. Week 8 Exit Ticket
    8. Week 9 Assignments Due 01-16 (2 days)
      1. Lesson 19: Planning a Multi-Page Site
      2. Lesson 20: Project - Website for a Purpose (begin)
      3. Week 9 Exit Ticket
    9. Week 10 Assignments Due 01-21 (1 day)
      1. Lesson 20: Project - Website for a Purpose (finish)
  5. Exit Ticket
    1. This week's exit ticket will "go live" during the last 10 minutes of class on the last B Day of the week.
    2. 4 pts Proofread your work.
      3 pts What did you accomplish in CS Discoveries this week?
      3 pts What did you learn in CS Discoveries this week?
    3. NOTE: If you do not describe WHAT you did, saying you worked on it is not enough information to earn credit.
      1. Example: "I completed Unit 2 Lesson 1" says nothing about what you did or learned. Describe what you did and what you learned as if to someone who does not have access to the course materials.
    4. Exit Tickets are always 10 point Classwork grades and not eligible for late submission or re-submission. They are due during the last 10 minutes of the last class of the week.