{"id":6109,"date":"2024-09-24T05:00:26","date_gmt":"2024-09-24T09:00:26","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6109"},"modified":"2024-09-23T12:29:14","modified_gmt":"2024-09-23T16:29:14","slug":"cs-discoveries-09-24-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/09\/24\/cs-discoveries-09-24-2024\/","title":{"rendered":"CS Discoveries, 09-24-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\/14Hf_OC0n5zi552jJfcawRBSE768UfjIs\/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 how to add images and more formatting code to better customize their websites.<\/li>\n<\/ol>\n<\/li>\n<li><strong>W<\/strong><strong>arm-Up:<\/strong>\n<ol>\n<li>Put the following things in your notes (That Google Doc you shared with Mr. Smith). Remember, all quizzes are open notes!\n<ol>\n<li>HTML Code\n<ol>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/img\"><code class=\"visual-block\">&lt;img &gt;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<\/ol>\n<\/li>\n<li>CSS Code\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/background-color\"><code class=\"visual-block\">background-color: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-color\"><code class=\"visual-block\">border-color: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-radius\"><code class=\"visual-block\">border-radius: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-style\"><code class=\"visual-block\">border-style: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/border-width\"><code class=\"visual-block\">border-width: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/float\"><code class=\"visual-block\">float: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/height\"><code class=\"visual-block\">height: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/margin\"><code class=\"visual-block\">margin: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/width\"><code class=\"visual-block\">width: value;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Once you have done this, log into <a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13307860\">Canvas<\/a>. If you have not yet completed your <a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13307860\">Lesson 5 Mini-Project<\/a>, you should also log into <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> to wrap that up.<\/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><span data-sheets-root=\"1\"><strong>08-30:<\/strong> <\/span>Week 1 Assignments Due\n<ol>\n<li><del>Lesson 1: Exploring Web Pages<\/del> - Done<\/li>\n<li><del>Lesson 2: Intro to HTML<\/del><\/li>\n<li><del>Week 1 Exit Ticket<\/del><\/li>\n<\/ol>\n<\/li>\n<li><strong>09-06:<\/strong> Week 2 Assignments Due\n<ol>\n<li><del>Lesson 3: Headings and Lists<\/del><\/li>\n<li><strong>Lesson 4: Digital Footprint<\/strong>\n<ol>\n<li><del><a href=\"https:\/\/docs.google.com\/presentation\/d\/1D0A8PoWvzT6BBzNj4x68CuTA91kb1z-q5FBkuvlEVgc\/edit?usp=sharing\">Presentation<\/a><\/del><\/li>\n<li><del><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13307865\">Assignment in Canvas<\/a><\/del><\/li>\n<li><del>You will need to use <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\">\"websites\" in Code.org<\/a>.<\/del><\/li>\n<\/ol>\n<\/li>\n<li><strong>Lesson 7: Intellectual Property<\/strong>\n<ol>\n<li><del><a href=\"https:\/\/docs.google.com\/presentation\/d\/1K7LnsGetljt4GaC2t4MxxzvWJrs_YMzoyZ8LDkQ8Sxw\/edit?usp=sharing\">Presentation<\/a><\/del><\/li>\n<li><del>The worksheet has been added to Lesson 4.<\/del><\/li>\n<li><del><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13309378\">Week 2 Exit Ticket<\/a><\/del><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><strong>09-13:<\/strong> Week 3 Assignments Due\n<ol>\n<li><del>Lesson 5: Mini-Project: HTML Web Page<\/del>\n<ol>\n<li><del>You will need <a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13307860\">this worksheet<\/a> to plan your website.<\/del><\/li>\n<li><del>You will need to <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\">complete the website in Code.org<\/a>.<\/del><\/li>\n<\/ol>\n<\/li>\n<li><del>Lesson 6: Styling Text with CSS<\/del>\n<ol>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13307861\"><del>You will be handing your screenshot in here.<\/del><\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13358075#\"><del>Week 3 Exit Ticket<\/del><\/a><\/li>\n<\/ol>\n<\/li>\n<li><span style=\"color: #ff0000;\"><strong>09-20:<\/strong> Week 4 Assignments Due<\/span>\n<ol>\n<li>Lesson 8: Using Images\n<ol>\n<li>Permitted image sources (provides a citation is included):\n<ol>\n<li><a href=\"https:\/\/openclipart.org\/\">OpenClipArt.org<\/a><\/li>\n<li><a href=\"http:\/\/www.pics4learning.com\/\">Pics4Learning<\/a> (Includes a citation for you to copy\/paste).<\/li>\n<li><a href=\"https:\/\/publicdomainvectors.org\/\">PublicDomainVectors.org<\/a><\/li>\n<li><a href=\"https:\/\/unsplash.com\/\">Unsplash<\/a><\/li>\n<li><a href=\"https:\/\/commons.wikimedia.org\/wiki\/Main_Page\">Wikimedia Commons<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li>Lesson 9: Styling Elements with CSS<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13519836\">You will be handing in screenshots for Lessons 8 and 9 here.<\/a>\n<ol>\n<li>Grading Rubric:\n<ol>\n<li>6 pts: Screenshot<span style=\"color: #ff0000;\">s<\/span> uploaded showing code on one side and how the code looks in a web browser on the other side.<\/li>\n<li>1 pt: Webpage uses <span style=\"color: #ff0000;\">style.css to have a background color<\/span> other than white with minimal errors.<\/li>\n<li>1 pt: Webpage uses <span style=\"color: #ff0000;\">style.css to have <strong>all<\/strong> the text be a color<\/span> other than the default with minimal errors.<\/li>\n<li>1 pt: Webpage uses <span style=\"color: #ff0000;\">style.css to have all images go to the right<\/span> of the page with minimal errors.<\/li>\n<li>1 pt: Webpage's <span style=\"color: #ff0000;\">images are properly named<\/span>, HTML code includes <span style=\"color: #ff0000;\">alt tags<\/span> with minimal errors.<\/li>\n<li><span style=\"color: #ff0000;\"><strong>-10 pts:<\/strong><\/span> 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><del><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13478819\">Week 4 Exit Ticket<\/a><\/del><\/li>\n<\/ol>\n<\/li>\n<li><strong>09-27:<\/strong> Week 5 Assignments Due\n<ol>\n<li>Lesson 10: Mini-Project: Adding Style to a Web Page<\/li>\n<li><span data-sheets-root=\"1\">Lesson 11: CSS Classes<\/span><\/li>\n<li>Week 5 Exit Ticket<\/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 9\/26)<\/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 how to add images and more formatting code to better customize their websites. Warm-Up: Put the following things in your notes (That Google Doc you shared with Mr. Smith). Remember, all quizzes are open notes! HTML Code &lt;img &gt; CSS <a href=\"https:\/\/fouloistech.info\/ma\/2024\/09\/24\/cs-discoveries-09-24-2024\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 09-24-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-6109","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\/6109","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=6109"}],"version-history":[{"count":4,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6109\/revisions"}],"predecessor-version":[{"id":6118,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6109\/revisions\/6118"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}