{"id":6241,"date":"2024-10-02T05:00:52","date_gmt":"2024-10-02T09:00:52","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6241"},"modified":"2024-10-01T17:03:34","modified_gmt":"2024-10-01T21:03:34","slug":"cs-discoveries-10-02-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/10\/02\/cs-discoveries-10-02-2024\/","title":{"rendered":"CS Discoveries, 10-02-2024"},"content":{"rendered":"<p><a href=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2024\/08\/CanvasClass24_CSDQ1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-5824\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2024\/08\/CanvasClass24_CSDQ1.png\" alt=\"\" width=\"262\" height=\"147\" \/><\/a><a href=\"https:\/\/drive.google.com\/file\/d\/1P5ZdeaN0u30pDo6QUGTkxEvxJ8ekvTHr\/view?usp=drive_link\">THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/p>\n<ol>\n<li><strong>Objective:<\/strong>\n<ol>\n<li>Students will learn CSS rulesets to better customize their websites.<\/li>\n<\/ol>\n<\/li>\n<li><strong>W<\/strong><strong>arm-Up:<\/strong>\n<ol>\n<li>Add the following vocabulary to your notes:\n<ol>\n<li><strong>CSS Class<\/strong> - An identifier that allows multiple elements in an HTML document to be styled in the same way<\/li>\n<li><strong>&lt;br \/&gt;<\/strong>\n<ol>\n<li><strong>&lt;br clear=\"all\" \/&gt;<\/strong><\/li>\n<\/ol>\n<\/li>\n<li><strong>&lt;hr \/&gt;<\/strong><\/li>\n<li>(Remember, all quizzes are \"open notes\" quizzes.)<\/li>\n<\/ol>\n<\/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\">Log into Code.org through Clever<\/a>.\n<ol>\n<li>Go to Lesson 11: CSS Classes<\/li>\n<li>Go to Level 1 and view the sample website.<\/li>\n<li>Right-click on the website and select \"View Page Source.\"<\/li>\n<li>If you click the \"style.css\" link, you will be able to see the CSS code used to modify that website.<\/li>\n<\/ol>\n<\/li>\n<li><em>Warm-Ups are usually a 10 point weekly Independent Work Notebook Check 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<li><strong>Deadlines: <\/strong>(Content is subject to change due to various factors.)<strong><br \/>\n<\/strong><\/p>\n<ol>\n<li>Warm-Ups: Due daily<\/li>\n<li><strong>09-27:<\/strong> Week 5 Assignments Due\n<ol>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13642095\"><span data-sheets-root=\"1\">Lesson 11: CSS Classes<\/span><\/a>\n<ol>\n<li>Today's work will be done using the html and css documents saved on your computer.\n<ol>\n<li><span style=\"color: #0000ff;\">If you are doing this from home you can use the content provided in Code.org for Lesson 11, but you should <a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13642095\">STILL hand in screenshots<\/a> that align with the rubric below.<\/span><\/li>\n<\/ol>\n<\/li>\n<li><strong>Grading Rubric<\/strong>\n<ol>\n<li><strong>6 pts<\/strong>: Screenshot<span style=\"color: #ff0000;\">s<\/span> <a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13642095\">uploaded<\/a> showing code on one side and how the code looks in a web browser on the other side. One screenshot should show the HTML code while the other should show the CSS code.<\/li>\n<li><strong>1 pt<\/strong>: Webpage uses a properly formatted CSS class ruleset in style.css.<\/li>\n<li><strong>1 pt<\/strong>: Created CSS class modifies <span style=\"color: #ff0000;\">three different tags<\/span> in the HTML document by selective inclusion of the <span style=\"color: #000080;\">class=\"classname\"<\/span> code inside selected HTML tags. (Use the sample website in Code.org as an example.)<\/li>\n<li><strong>1 pt<\/strong>: The three different tags are all part of the same section of the web page.<\/li>\n<li><strong>1 pt<\/strong>: Other sections of the web page are not modified by the CSS class.<\/li>\n<li><strong><span style=\"color: #ff0000;\">-10 pts<\/span>:<\/strong> Any screenshot includes an image that was <span style=\"color: #ff0000;\"><strong>not used with permission<\/strong><\/span>. (A missing citation = a missing grade.)<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13565216\"><del>Week 5 Exit Ticket<\/del><\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>10-04:<\/strong> Week 6 Assignments Due\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 12: Organizing Content with Flexbox<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 13: Flexbox Children for More Control<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 14: Chapter 1 Project<\/span><\/li>\n<li>Week 6 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>10-11:<\/strong> Week 7 Assignments Due\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 15: Team Problem Solving<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 16: Sources and Research<\/span><\/li>\n<li>Week 7 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>10-18:<\/strong> Week 8 Assignments Due\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 17: Linking Pages<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 18: CSS Pseudo-classes<\/span><\/li>\n<li>Week 8 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>10-25:<\/strong> Week 9 Assignments Due\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 19: Planning a Multi-Page Site<\/span><\/li>\n<li><span data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose<\/span><\/li>\n<li>Week 9 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li>There will be work due during Week 10, but as the last week in the Quarter it will follow a slightly different format.<\/li>\n<\/ol>\n<\/li>\n<li><strong>Exit Ticket<\/strong>\n<ol>\n<li><strong>Week 5 Exit Ticket (Due on 10-04)<\/strong><\/li>\n<li>\n<table border=\"1\">\n<tbody>\n<tr>\n<td>4 pts<\/td>\n<td>Proofread your work.<\/td>\n<\/tr>\n<tr>\n<td>3 pts<\/td>\n<td>What did you accomplish in CS Discoveries this week?<\/td>\n<\/tr>\n<tr>\n<td>3 pts<\/td>\n<td>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.\n<ol>\n<li>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.<\/li>\n<\/ol>\n<\/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 learn CSS rulesets to better customize their websites. Warm-Up: Add the following vocabulary to your notes: CSS Class - An identifier that allows multiple elements in an HTML document to be styled in the same way &lt;br \/&gt; &lt;br clear=\"all\" \/&gt; <a href=\"https:\/\/fouloistech.info\/ma\/2024\/10\/02\/cs-discoveries-10-02-2024\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 10-02-2024\"<\/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],"tags":[],"class_list":{"0":"post-6241","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-csd-smith","7":"h-entry","8":"hentry","9":"h-as-article"},"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6241","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=6241"}],"version-history":[{"count":5,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6241\/revisions"}],"predecessor-version":[{"id":6252,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6241\/revisions\/6252"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}