{"id":6075,"date":"2024-09-20T05:00:51","date_gmt":"2024-09-20T09:00:51","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6075"},"modified":"2024-09-19T17:26:11","modified_gmt":"2024-09-19T21:26:11","slug":"cs-discoveries-09-20-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/09\/20\/cs-discoveries-09-20-2024\/","title":{"rendered":"CS Discoveries, 09-20-2024"},"content":{"rendered":"

\"\"<\/a>THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/p>\n

    \n
  1. Objective:<\/strong>\n
      \n
    1. Students will learn the basics of CSS to quickly customize the aesthetics of a website.<\/li>\n<\/ol>\n<\/li>\n
    2. W<\/strong>arm-Up:<\/strong>\n
        \n
      1. Put the following things in your notes (That Google Doc you shared with Mr. Smith). Remember, all quizzes are open notes!\n
          \n
        1. Vocab:\n
            \n
          1. CSS<\/strong> - Cascading Style Sheets; a language used to describe how HTML elements should be styled<\/li>\n
          2. CSS Selector<\/strong> - the part of a CSS rule-set that defines which HTML elements the style should be applied to<\/li>\n<\/ol>\n<\/li>\n
          3. CSS Code\n
              \n
            1. \n
            2. \n
            3. \n
            4. \n
            5. \n
            6. Once you have done this, log into Canvas<\/a>. If you have not yet completed your Lesson 5 Mini-Project<\/a>, you should also log into Code.org<\/a> to wrap that up.<\/li>\n<\/ol>\n<\/li>\n
            7. 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
            8. Deadlines: <\/strong>(Content is subject to change due to various factors.)
              \n<\/strong><\/p>\n
                \n
              1. Warm-Ups: Due daily<\/li>\n
              2. 08-30:<\/strong> <\/span>Week 1 Assignments Due\n
                  \n
                1. Lesson 1: Exploring Web Pages<\/del> - Done<\/li>\n
                2. Lesson 2: Intro to HTML<\/del><\/li>\n
                3. Week 1 Exit Ticket<\/del><\/li>\n<\/ol>\n<\/li>\n
                4. 09-06:<\/strong> Week 2 Assignments Due\n
                    \n
                  1. Lesson 3: Headings and Lists<\/del><\/li>\n
                  2. Lesson 4: Digital Footprint<\/strong>\n
                      \n
                    1. Presentation<\/a><\/del><\/li>\n
                    2. Assignment in Canvas<\/a><\/del><\/li>\n
                    3. You will need to use \"websites\" in Code.org<\/a>.<\/del><\/li>\n<\/ol>\n<\/li>\n
                    4. Lesson 7: Intellectual Property<\/strong>\n
                        \n
                      1. Presentation<\/a><\/del><\/li>\n
                      2. The worksheet has been added to Lesson 4.<\/del><\/li>\n
                      3. Week 2 Exit Ticket<\/a><\/del><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n
                      4. 09-13:<\/strong> Week 3 Assignments Due\n
                          \n
                        1. Lesson 5: Mini-Project: HTML Web Page<\/del>\n
                            \n
                          1. You will need this worksheet<\/a> to plan your website.<\/del><\/li>\n
                          2. You will need to complete the website in Code.org<\/a>.<\/del><\/li>\n<\/ol>\n<\/li>\n
                          3. Lesson 6: Styling Text with CSS<\/span>\n
                              \n
                            1. You will be handing your screenshot in here.<\/a><\/li>\n
                            2. Grading Rubric:\n
                                \n
                              1. 5 pts: Screenshot uploaded showing CSS<\/span> on one side and how the code looks in a web browser<\/span> on the other side.<\/li>\n
                              2. 1 pt: Paragraphs are a different size<\/span> than default.<\/li>\n
                              3. 1 pt: Paragraphs are a different color<\/span> than default.<\/li>\n
                              4. 3 pts: Code does not<\/span> have errors.<\/li>\n
                              5. 1 pt Extra Credit: Page background<\/span> is a different color that still contrasts well with text colors.<\/li>\n<\/ol>\n<\/li>\n
                              6. You will need to create a new document. We've been using index.html, but now we will need a stylesheet. These are frequently named style.css (the .css part at the end is crucial).CSS code in a stylesheet is always formatted like this. Note that both colons and semicolons are used, but in different places.
                                \n\n\n\n
                                \n
                                CSS Selector or Class<\/span> {\r\n     element<\/span>: value<\/span>;\r\n     element<\/span>: value<\/span>;\r\n     }<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                                Here's an example of actual CSS code that would change all bold text (made using <strong> and <\/strong> to be dark red.<\/p>\n\n\n\n
                                \n
                                strong<\/span> {\r\n    color<\/span>: #ba372a<\/span>;\r\n    }<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
                                Mr. Smith will be able to show you more about this in class.<\/li>\n
                              7. If you are trying to find just the right color, you can type in the name of the color for the value OR use a color picker. There's more than one online tool that can be used, though Mr. Smith tends to use the color pickers built into image editors<\/a> or the one built into VSCodium. Code.org's editor also has a color picker that can be used.<\/li>\n<\/ol>\n<\/li>\n
                              8. Week 3 Exit Ticket<\/del><\/a><\/li>\n<\/ol>\n<\/li>\n
                              9. 09-20:<\/strong> Week 4 Assignments Due\n
                                  \n
                                1. Lesson 8: Using Images<\/li>\n
                                2. Lesson 9: Styling Elements with CSS<\/li>\n
                                3. Week 4 Exit Ticket (see below)<\/span><\/li>\n<\/ol>\n<\/li>\n
                                4. 09-27:<\/strong> Week 5 Assignments Due\n
                                    \n
                                  1. Lesson 10: Mini-Project: Adding Style to a Web Page<\/li>\n
                                  2. Lesson 11: CSS Classes<\/span><\/li>\n
                                  3. Week 5 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n
                                  4. 10-04:<\/strong> Week 6 Assignments Due\n
                                      \n
                                    1. Lesson 12: Organizing Content with Flexbox<\/span><\/li>\n
                                    2. Lesson 13: Flexbox Children for More Control<\/span><\/li>\n
                                    3. Lesson 14: Chapter 1 Project<\/span><\/li>\n
                                    4. Week 6 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n
                                    5. 10-11:<\/strong> Week 7 Assignments Due\n
                                        \n
                                      1. Lesson 15: Team Problem Solving<\/span><\/li>\n
                                      2. Lesson 16: Sources and Research<\/span><\/li>\n
                                      3. Week 7 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n
                                      4. 10-18:<\/strong> Week 8 Assignments Due\n
                                          \n
                                        1. Lesson 17: Linking Pages<\/span><\/li>\n
                                        2. Lesson 18: CSS Pseudo-classes<\/span><\/li>\n
                                        3. Week 8 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n
                                        4. 10-25:<\/strong> Week 9 Assignments Due\n
                                            \n
                                          1. Lesson 19: Planning a Multi-Page Site<\/span><\/li>\n
                                          2. Lesson 20: Project - Website for a Purpose<\/span><\/li>\n
                                          3. Week 9 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n
                                          4. 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
                                          5. Exit Ticket<\/strong>\n
                                              \n
                                            1. Week 4 Exit Ticket (Due on 9\/20)<\/strong><\/a><\/li>\n
                                            2. \n\n\n\n\n\n
                                              4 pts<\/td>\nProofread your work.<\/td>\n<\/tr>\n
                                              3 pts<\/td>\nWhat did you accomplish in CS Discoveries this week?<\/td>\n<\/tr>\n
                                              3 pts<\/td>\nWhat did you learn in CS Discoveries this week?<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n
                                            3. NOTE: If you do not describe WHAT you did, saying you worked on it is not enough information to earn credit.\n
                                                \n
                                              1. 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
                                              2. 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":"
                                                THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY! Objective: Students will learn the basics of CSS to quickly customize the aesthetics of a website. Warm-Up: Put the following things in your notes (That Google Doc you shared with Mr. Smith). Remember, all quizzes are open notes! Vocab: CSS - Cascading Style Sheets; ...continue reading \"CS Discoveries, 09-20-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-6075","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\/6075","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=6075"}],"version-history":[{"count":4,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6075\/revisions"}],"predecessor-version":[{"id":6077,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6075\/revisions\/6077"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6075"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6075"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}