{"id":8689,"date":"2025-10-14T05:30:19","date_gmt":"2025-10-14T09:30:19","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=8689"},"modified":"2025-10-07T18:25:14","modified_gmt":"2025-10-07T22:25:14","slug":"cs-discoveries-10-14-2025-lesson-18-css-pseudo-classes","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2025\/10\/14\/cs-discoveries-10-14-2025-lesson-18-css-pseudo-classes\/","title":{"rendered":"CS Discoveries, 10-14-2025, Lesson 18: CSS Pseudo-classes"},"content":{"rendered":"<ol>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-medium wp-image-8129\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2025\/08\/CanvasClass25_CSD1-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2025\/08\/CanvasClass25_CSD1-300x169.png 300w, https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2025\/08\/CanvasClass25_CSD1.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><a href=\"https:\/\/drive.google.com\/file\/d\/1D4wadfJmi9cXreNX_WQF0waG8H8ndxbB\/view?usp=drive_link\">THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/li>\n<li><strong>Objective:<\/strong>\n<ol>\n<li>Students will add pseudo-classes to their CSS code to customize their link appearances.<\/li>\n<\/ol>\n<\/li>\n<li><strong>Warm-Up: <\/strong>\n<ol>\n<li><a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeEBhBc-1x-ZXxqMr2NKfp1yWUX7dTeM6dEi4dixAm9cyZTyw\/viewform?usp=dialog\">Complete this Google Form Quiz.<\/a>\n<ol>\n<li>Remember it is <span style=\"color: #ff0000;\">open notes<\/span>, but <span style=\"color: #ff0000;\">not<\/span> open conversation.<\/li>\n<\/ol>\n<\/li>\n<li>You'll also need the notes from our last class to complete today's work.<\/li>\n<li><em>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.<\/em><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<ol>\n<li><strong>Computer Setup<\/strong>\n<ol>\n<li><a href=\"https:\/\/docs.google.com\/document\/d\/1EvF79wxrWEadLdYhRnYTkqwSUVcqlIf5pizwSWfJ5HY\/edit?usp=sharing\">VS Codium<\/a><\/li>\n<li><a href=\"https:\/\/clever.com\/oauth\/authorize?channel=clever&amp;client_id=4c63c1cf623dce82caac&amp;confirmed=true&amp;district_id=5238c83b5cd6af6a6300156a&amp;redirect_uri=https%3A%2F%2Fclever.com%2Fin%2Fauth_callback&amp;response_type=code&amp;state=5a8aa0dc345e2ac00eb717d9bc5a417afd752343b29364af3ae72acf3dcdff12\">Code.org<\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>Deadlines: <\/strong>(Content is subject to change due to various factors including All-Major days and inclement weather days.)<strong><br \/>\n<\/strong><\/p>\n<ol>\n<li>Warm-Ups: Due daily<\/li>\n<li><strong>Week 7 Assignments Due 10-10<\/strong> (3 days)\n<ol>\n<li><del><span data-sheets-root=\"1\">Lesson 14: Chapter 1 Project<\/span><\/del><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/assignments\/16069237\"><span data-sheets-root=\"1\">Lesson 16: Sources and Research<\/span><\/a><\/li>\n<li>Lesson 19: Planning a Multi-Page Site<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/modules\/items\/40809001\">Lesson 17: Linking Pages<\/a><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/modules\/items\/40808961\">Week 7 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #ff0000;\"><strong>Week 8 Assignments Due 10-16<\/strong> (2 days)<\/span>\n<ol>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/assignments\/16069241\"><span data-sheets-root=\"1\">Lesson 18: CSS Pseudo-classes<\/span><\/a>\n<ol>\n<li>Grading Rubric:\n<ol>\n<li><strong>4 pts<\/strong>: Screenshot or photo showing style.css on one side of the screen and the rendered webpage on the other.<\/li>\n<li><strong>3 pts<\/strong>:The a:link, <a href=\"https:\/\/www.w3schools.com\/cssref\/sel_visited.php\">a:visited<\/a>, <a href=\"https:\/\/www.w3schools.com\/cssref\/sel_hover.php\">a:hover<\/a>, and <a href=\"https:\/\/www.w3schools.com\/cssref\/sel_active.php\">a:active<\/a> pseudo-classes are all properly formatted and in the correct order in style.css, with different values in each.<\/li>\n<li><strong>3 pts<\/strong>: Screenshot has the cursor hovering over one of the links to show that the a:hover code is working properly and is different from the other pseudo-classes.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #ff0000;\" data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (begin)<\/span><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/modules\/items\/40808963\">Week 8 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 9 Assignments Due 10-23<\/strong> (2 days)\n<ol>\n<li><span style=\"color: #ff0000;\" data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (continue)<\/span><span data-sheets-root=\"1\"><br \/>\n<\/span><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/modules\/items\/40808964\">Week 9 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 10 Assignments Due 01-21<\/strong> (3 days)\n<ol>\n<li><span style=\"color: #ff0000;\" data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (finish)<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 21: Peer Review and Final Touches<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/921855\/modules\/items\/40808963\"><strong>Exit Ticket<\/strong><\/a>\n<ol>\n<li>\n<table border=\"1\">\n<tbody style=\"padding-left: 40px;\">\n<tr style=\"padding-left: 40px;\">\n<td style=\"width: 10%; padding-left: 40px;\">4 pts<\/td>\n<td style=\"width: 90%; padding-left: 40px;\">Proofread your work.<\/td>\n<\/tr>\n<tr style=\"padding-left: 40px;\">\n<td style=\"padding-left: 40px;\">3 pts<\/td>\n<td style=\"padding-left: 40px;\">What did you accomplish in CS Discoveries this week?<\/td>\n<\/tr>\n<tr style=\"padding-left: 40px;\">\n<td style=\"padding-left: 40px;\">3 pts<\/td>\n<td style=\"padding-left: 40px;\">What did you learn in CS Discoveries this week?<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<li>NOTE: If you do not describe WHAT you did, saying you worked on it is not enough information to earn credit.<\/li>\n<li><span style=\"color: #ff0000;\">Bad Example<\/span>: \"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.<\/li>\n<li><em>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.<\/em><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY! Objective: Students will add pseudo-classes to their CSS code to customize their link appearances. Warm-Up: Complete this Google Form Quiz. Remember it is open notes, but not open conversation. You'll also need the notes from our last class to complete today's work. Warm-Ups are <a href=\"https:\/\/fouloistech.info\/ma\/2025\/10\/14\/cs-discoveries-10-14-2025-lesson-18-css-pseudo-classes\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 10-14-2025, Lesson 18: CSS Pseudo-classes\"<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,30],"tags":[],"class_list":{"0":"post-8689","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-csd-smith","7":"category-smith","8":"h-entry","9":"hentry","10":"h-as-article"},"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/8689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/comments?post=8689"}],"version-history":[{"count":3,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/8689\/revisions"}],"predecessor-version":[{"id":8702,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/8689\/revisions\/8702"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=8689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=8689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=8689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}