{"id":4095,"date":"2023-11-01T05:30:31","date_gmt":"2023-11-01T09:30:31","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=4095"},"modified":"2023-10-31T12:20:37","modified_gmt":"2023-10-31T16:20:37","slug":"cs-discoveries-11-01-2023","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2023\/11\/01\/cs-discoveries-11-01-2023\/","title":{"rendered":"CS Discoveries, 11-01-2023"},"content":{"rendered":"<p>Today's to-do list includes the following items:<\/p>\n<ol style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li style=\"list-style-type: none;\">\n<ol style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li><strong style=\"color: #2d3b45;\">Announcements:<\/strong>\n<ol style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li><span style=\"color: #ff0000;\">NO late work will be accepted after October 19th<\/span>\u00a0(2 weeks before the end of the Quarter.) To allow late work later than that would not give me time to grade it.<\/li>\n<li>This means that <span style=\"color: #ff0000;\"><strong>ALL<\/strong> assigned work is due on the day it is given.<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li style=\"color: #2d3b45;\"><span style=\"font-size: 12pt;\"><strong>Warm-Up:\u00a0<\/strong><\/span>\n<ol style=\"padding: 0px; margin: 0px 0px 0px 25px;\">\n<li>Today's Warm-Up:\n<ol style=\"padding: 0px; margin: 0px 0px 0px 25px;\">\n<li><b><a href=\"https:\/\/pgcps.instructure.com\/courses\/728270\/assignments\/8262522\">Answer the following question in Canvas<\/a>:<\/b>\n<ol style=\"padding: 0px; margin: 0px 0px 0px 25px;\">\n<li>In the part of this course you complete in High School, you will be required to design your own app. What do you want your app to do?<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><em>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.<\/em><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/ul\"><code class=\"visual-block\"><\/code><\/a><\/li>\n<\/ol>\n<\/li>\n<li style=\"color: #2d3b45;\"><a style=\"color: #2d3b45;\" href=\"https:\/\/fouloistech.info\/ma\/cs-discoveries-vocabulary\/\"><strong>Vocabulary<\/strong><\/a>\n<ul style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li><span style=\"color: #0000ff;\">No new vocabulary.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"color: #2d3b45;\"><a style=\"color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; white-space-collapse: collapse;\" href=\"https:\/\/fouloistech.info\/ma\/cs-discoveries-vocabulary\/\"><strong>Introduced Code<\/strong><\/a>\n<ul>\n<li><span style=\"font-family: Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace;\"><span style=\"font-size: 13px; white-space-collapse: preserve; background-color: #e9ebec;\">No new code.<\/span><\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"color: #2d3b45;\"><strong>Class Activities:<\/strong>\n<ol style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/728270\/assignments\/8262393\">Lesson 20: Website for a Purpose<\/a>\n<ol style=\"padding: 0px; margin: 0px 0px 6px 25px; color: #2d3b45; font-family: 'Lato Extended', Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; text-align: start; text-indent: 0px; white-space: normal;\">\n<li>(Note: This lesson is worded as if it is a group project. I have seen too many groups where one person did all the work, so this is a solo assignment.)<\/li>\n<li><span style=\"font-size: 12pt;\"><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\">This lesson in Code.org<\/a> has 6 \"Bubbles,\" but it's all shared. This lesson is \"Chunked\" into smaller parts to make it easier.<\/span><\/li>\n<li><span style=\"color: #ff0000;\">As explained in class, you've been given two class days to complete this. TODAY IS DAY TWO!\u00a0<\/span>\n<ul>\n<li>Bubble 1:\n<ul>\n<li>Create each html document, using <a href=\"https:\/\/fouloistech.info\/ma\/2023\/10\/24\/cs-discoveries-10-24-2023\/\">your worksheet<\/a> from last Wednesday as a guide.<\/li>\n<li>Put a temporary paragraph in each page saying what will be there. (Tip: Use the page descriptions from <a href=\"https:\/\/fouloistech.info\/ma\/2023\/10\/24\/cs-discoveries-10-24-2023\/\">your worksheet.<\/a>)<\/li>\n<\/ul>\n<\/li>\n<li>Bubble 2:\n<ul>\n<li>Add your planned content for index.html. Add the needed tags to format it the way you laid out in <a href=\"https:\/\/fouloistech.info\/ma\/2023\/10\/24\/cs-discoveries-10-24-2023\/\">your worksheet.<\/a>\n<ul>\n<li>This is also when you upload your images.<\/li>\n<li><span style=\"color: #ff0000;\">Don't forget image citations.\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>Bubble 3:\n<ul>\n<li>Make sure you have a menu at the top of your index.html (but STILL below &lt;body&gt;!) that links to each of the pages you created in Bubble 1.\n<ul>\n<li>Include a link to \"Home\" (&lt;a href=\"index.html\"&gt;Home&lt;\/a&gt;). It will feel redundant on index.html, but we're going to copy it to ALL of your other pages, where it will be useful.<\/li>\n<\/ul>\n<\/li>\n<li>Make sure each of your links work. (This can be hard to check without that temporary paragraph!)<\/li>\n<li>Copy your menu from index.html into your other pages so you don't have to type it all again.<\/li>\n<\/ul>\n<\/li>\n<li>Bubble 4:\n<ul>\n<li>Add all the CSS rule sets you made in your <a href=\"https:\/\/fouloistech.info\/ma\/2023\/10\/24\/cs-discoveries-10-24-2023\/\">Planning Document.<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Bubble 5:\n<ul>\n<li>Make sure your CSS code is correctly modifying each of your pages. If they it doesn't, find and fix that bug!<\/li>\n<\/ul>\n<\/li>\n<li>Bubble 6:\n<ul>\n<li>Look over the rubric for this project to make sure you're going to earn 4 points in EACH category.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li>Rubric:<br \/>\n<table border=\"3\">\n<tbody>\n<tr>\n<td><strong>Key Concept<\/strong><\/td>\n<td><strong>Extensive Evidence<\/strong><\/td>\n<td><strong>Convincing Evidence<\/strong><\/td>\n<td><strong>Limited Evidence<\/strong><\/td>\n<td><strong>No Evidence<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Website purpose<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">The website has a clear purpose and each page supports that purpose in its own way.<\/span><\/td>\n<td>The website has a purpose, and most pages support that purpose.<\/td>\n<td>It is difficult to understand the purpose of the website, or pages are not clearly related.<\/td>\n<td>The website does not appear to have a purpose, or there is only one page on the site.<\/td>\n<\/tr>\n<tr>\n<td><strong>Errors in CSS and HTML pages<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">Website uses both CSS and HTML. There are very few syntax errors and the page displays correctly.<\/span><\/td>\n<td>Website uses both HTML and CSS.\u00a0 The page renders correctly, but there are some syntax errors.<\/td>\n<td>Website uses both HTML and CSS.\u00a0 Most of the page renders correctly, but there are significant syntax errors.<\/td>\n<td>The website does not use both HTML and CSS.\u00a0 Syntax errors prevent the page from being rendered correctly.<\/td>\n<\/tr>\n<tr>\n<td><strong>Stylesheet<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">All of the pages use the same stylesheet to give them the same type of look and feel.\u00a0<\/span><\/td>\n<td>Multiple pages share the same style sheet and pages generally have the same look and feel.<\/td>\n<td>Pages use stylesheets and share some of the same look and feel.<\/td>\n<td>The pages do not have the same look and feel or do not link to a stylesheet.<\/td>\n<\/tr>\n<tr>\n<td><strong>Use of classes<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">The site uses classes to create different rules for groups of elements, so elements with the same tag can have different styles according to the class rules.<\/span><\/td>\n<td>The site uses classes to create different rules, but some of the classes might be unnecessary or might have small errors that keep them from working correctly.<\/td>\n<td>The site uses classes, but there are major errors that keep them from working correctly.<\/td>\n<td>The site does not use classes.<\/td>\n<\/tr>\n<tr>\n<td><strong>Code formatting and readability<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">Code is well formatted using whitespace, and pages and images all have names that make sense.<\/span><\/td>\n<td>Code is generally well formatted using whitespace, though there may be some parts that are difficult to read.\u00a0 Pages and images tend to have names that make sense.<\/td>\n<td>Code is sometimes formatted to be readable, but does not consistently use white space to organize tags.\u00a0 Some pages and images have names that make sense.<\/td>\n<td>Code is not formatted in a readable way, makes little use of white space.\u00a0 Page and image names are hard to read, break the links, or are unrelated to their content.<\/td>\n<\/tr>\n<tr>\n<td><strong>Citations of media<\/strong><\/td>\n<td><span style=\"background-color: #bfedd2;\">All content from outside sources is cited with information about the author, title, license, and source.\u00a0<\/span><\/td>\n<td>Most content from outside sources is cited with information about the author, title, license, and source.<\/td>\n<td>Some content from outside sources is cited with information about the author, title, license, and source.<\/td>\n<td>Content is generally uncited, or the website uses content it does not have a license to use.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Today's to-do list includes the following items: Announcements: NO late work will be accepted after October 19th\u00a0(2 weeks before the end of the Quarter.) To allow late work later than that would not give me time to grade it. This means that ALL assigned work is due on the day it is given. Warm-Up:\u00a0 Today's <a href=\"https:\/\/fouloistech.info\/ma\/2023\/11\/01\/cs-discoveries-11-01-2023\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 11-01-2023\"<\/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-4095","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\/4095","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=4095"}],"version-history":[{"count":1,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/4095\/revisions"}],"predecessor-version":[{"id":4097,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/4095\/revisions\/4097"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=4095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=4095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=4095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}