{"id":6272,"date":"2024-10-04T05:00:27","date_gmt":"2024-10-04T09:00:27","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6272"},"modified":"2024-10-03T18:14:49","modified_gmt":"2024-10-03T22:14:49","slug":"cs-discoveries-10-04-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/10\/04\/cs-discoveries-10-04-2024\/","title":{"rendered":"CS Discoveries, 10-04-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\/1miwo74dsYWEvuOTHyiLoJV5J0Xmb83OU\/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 use the div tag with CSS classes to better customize their websites.<\/li>\n<\/ol>\n<\/li>\n<li><strong>W<\/strong><strong>arm-Up:<\/strong>\n<ol>\n<li>\n<div>\n<h2>Vocabulary<\/h2>\n<ul>\n<li><strong>Flexbox<\/strong> - a layout model in CSS for displaying items\n<ul>\n<li><a href=\"https:\/\/drive.google.com\/file\/d\/1vtdfRczz_wltmltlIXyTPLsP1Sbtl6Mg\/view?usp=sharing\">This handout includes more information about flexbox CSS code.<\/a><\/li>\n<\/ul>\n<\/li>\n<li><strong>div<\/strong> - the HTML division tag, called \u201cdiv\u201d for short, is an element that lets you group sets of content together in a container<\/li>\n<\/ul>\n<\/div>\n<div id=\"unit-test-introduced-code\">\n<h2>Introduced Code<\/h2>\n<ul>\n<li>\n<div>\n<p><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/div\"><code class=\"visual-block\">&lt;div&gt;&lt;\/div&gt;<\/code><\/a><\/p>\n<\/div>\n<\/li>\n<\/ul>\n<\/div>\n<p>(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 12: Organizing Content with Flexbox<\/li>\n<li>Go to Level 1 and view the sample website.<\/li>\n<li>Look for how the new &lt;div&gt; tag is used, along with the classes that are applied.<\/li>\n<li><span style=\"color: #ff0000;\">(Hint: Try changing the code mentioned in your new cheat sheet!)<\/span><\/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<p><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>10-04:<\/strong> Week 6 Assignments Due\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 12: Organizing Content with Flexbox<\/span>\n<ol>\n<li>Today's work will be done in Code.org, as it involves a lot of practice. There will be no need to add a screenshot. The rubric below is based on the one in Lesson 12 Levels 7 and 8, but is modified to fit the class grading structure.<\/li>\n<li>The practice is useful, but <span style=\"color: #ff0000;\">the work graded will be Level 7.<\/span><\/li>\n<li><strong>Grading Rubric<\/strong>\n<ol>\n<li><strong>4 pts<\/strong>: Added a `div` container with a class attribute around the images in the HTML.<\/li>\n<li><strong>3 pts<\/strong>: Added a rule for the class attribute in the CSS.<\/li>\n<li><strong>3 pt<\/strong>: Used correct Flexbox properties to match the image in the instructions.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/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><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13676460\">Week 6 Exit Ticket<\/a><\/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<p><strong>Exit Ticket<\/strong><\/p>\n<ol>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/879289\/assignments\/13676460\"><strong>Week 5 Exit Ticket (Due on 10-04)<\/strong><\/a><\/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","protected":false},"excerpt":{"rendered":"<p>THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY! Objective: Students will learn how to use the div tag with CSS classes to better customize their websites. Warm-Up: Vocabulary Flexbox - a layout model in CSS for displaying items This handout includes more information about flexbox CSS code. div - the HTML division <a href=\"https:\/\/fouloistech.info\/ma\/2024\/10\/04\/cs-discoveries-10-04-2024\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 10-04-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":["post-6272","post","type-post","status-publish","format-standard","category-csd-smith","h-entry","hentry","h-as-article"],"_links":{"self":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6272","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=6272"}],"version-history":[{"count":5,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6272\/revisions"}],"predecessor-version":[{"id":6277,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6272\/revisions\/6277"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}