Skip to content

CS Discoveries, 10-17-2023

Published on

Today's to-do list includes the following items:
THIS VIDEO EXPLAINS TODAY'S EXPECTATIONS!

    1. Announcements:
      1. Lesson 13 (2nd attempt due 10/19) awaits your 2nd attempt.
        1. You MUST resubmit the assignment in Canvas for me to know you're ready for me to check it.
        2. I WILL NOT CHECK THIS ASSIGNMENT AGAIN UNLESS YOU TELL ME THERE THAT YOU'RE READY BY RESUBMITTING THE ASSIGNMENT IN CANVAS! You get one attempt to fix your 1st try. Make it count.
        3. NO late work will be accepted after October 19th (2 weeks before the end of the Quarter.) To allow late work later than that would not give me time to grade it.
  2. Warm-Up: 
    1. Today's Warm-Up:
      1. Take a look at the style.css file for FouloisTech.info: https://fouloistech.info/style.css
      2. Prompt: What are two CSS styles on this page that you already know? What is one thing this page does that we haven't learned how to do yet?
      3. Type your answer in Canvas.
    2. Warm-Ups are usually a 4-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 resubmission.
  3. Vocabulary
    • CSS Class - An identifier that allows multiple elements in an HTML document to be styled in the same way
  4. Introduced Code
    • No new code.
  5. Class Activities:
    1. Lesson 17: CSS Classes
      1. This lesson in Code.org has 7 "Bubbles." The links below each go to a video where I explain it in more detail.
        1. Bubble 1: Sample web page. No work needs to be done here, but it shows more of what can be done with CSS classes.
        2. Bubble 2: Exploration. You will add a new rule to ONE (1) of the img classes and see if it only affects images in that specific class.
        3. Bubble 3: Skill Building. You're given some sample CSS modifying one section about a ghost from Pac Man and asked to copy/modify it to make the sections about the other ghosts look different.
        4. Bubble 4: Skill Building. You're shown summaries of novels and asked to change the look of the headings and paragraphs for each novel, including color, font, border style, border color, and background color.
        5. Bubble 5: Practice. You have a choice between 3 different activities. Pick one.
        6. Bubble 6: Assessment. This is the one that will be graded. Choose one haiku and give it a special look by creating a class to style its paragraph, heading tags, and image. Use at least three CSS properties in the special class.
        7. Bubble 7: Challenges. Show off your CSS Class skills if you don't need to resubmit Lesson 13 for a higher grade.
      2. Bubble 6 is assessed using the following rubric:
        • 4/4: Extensive Evidence
          The class and rule-set are created correctly, all elements of the of the chosen haiku are included, and there are at least three rules between in the rule-sets
        • 3/4: Convincing Evidence
          A class and rule-set are created and most elements in the chosen haiku section of the website is affected by this class, but there may be a few minor errors for some parts of text, or there may be fewer than three rules in the rule-set.
        • 2/4: Limited Evidence
          A class and rule-set are created, and at least some elements in the website are in that class, but there may be major errors that prevent the text from being styled.
        • 1/4: No Evidence
          No class or rule sets are created, or no website elements are put in the class.
        • 0/4: No Attempt
          There is no evidence that anything in Bubble 6 was changed from the default beginning code.