{"id":8485,"date":"2025-09-29T05:30:06","date_gmt":"2025-09-29T09:30:06","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=8485"},"modified":"2025-09-24T12:49:30","modified_gmt":"2025-09-24T16:49:30","slug":"cs-discoveries-09-29-2025-lessons-12-13-flexbox","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2025\/09\/29\/cs-discoveries-09-29-2025-lessons-12-13-flexbox\/","title":{"rendered":"CS Discoveries, 09-29-2025, Lessons 12 & 13: Flexbox"},"content":{"rendered":"
    \n
  1. \"\"THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/li>\n
  2. Objective:<\/strong>\n
      \n
    1. Students will learn how to use the div tag with CSS to make their website appear however they want.<\/li>\n<\/ol>\n<\/li>\n
    2. Warm-Up:<\/strong>\n
        \n
      1. Add this definition to your notes in the Vocabulary<\/span> section:\n
          \n
        1. Flexbox<\/strong> - a layout model in CSS for displaying items<\/li>\n<\/ol>\n<\/li>\n
        2. Add this tag to your notes in the HTML Code<\/span> section:\n
            \n
          1. <div><\/div><\/code><\/a>- 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<\/ol>\n<\/li>\n
          2. Add the link to this PDF to your notes in the CSS Code<\/strong> section.<\/a>\n
              \n
            1. Yes, this means each section's getting something new.<\/li>\n<\/ol>\n<\/li>\n
            2. Warm-Ups are usually a 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 re-submission.<\/em><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
                \n
              1. Computer Setup<\/strong>\n
                  \n
                1. VS Codium<\/a><\/li>\n
                2. Code.org<\/a><\/li>\n<\/ol>\n<\/li>\n
                3. Deadlines: <\/strong>(Content is subject to change due to various factors including All-Major days and inclement weather days.)
                  \n<\/strong><\/p>\n
                    \n
                  1. Warm-Ups: Due daily<\/li>\n
                  2. Week 1 Assignments Due 08-28<\/strong>\u00a0(2 days)\n
                      \n
                    1. Lesson 1: Exploring Web Pages<\/span><\/a><\/li>\n
                    2. Lesson 2: Intro to HTML<\/span><\/a><\/li>\n
                    3. Week 1 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n
                    4. Week 2 Assignments Due 09-04<\/strong> (2 days)\n
                        \n
                      1. Lesson 3: Headings and Lists<\/span><\/a><\/li>\n
                      2. Lesson 4: Digital Footprint<\/a><\/li>\n
                      3. Week 2 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n
                      4. Week 3 Assignments Due 09-12<\/strong> (3 days)\n
                          \n
                        1. Lesson 5: Mini-Project: HTML Web Page<\/a><\/li>\n
                        2. Lesson 6: Styling Text with CSS<\/a><\/li>\n
                        3. Lesson 7: Intellectual Property<\/a><\/li>\n
                        4. Week 3 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n
                        5. Week 4 Assignments Due 09-18<\/strong> (2 days)\n
                            \n
                          1. Lesson 8: Using Images<\/a><\/li>\n
                          2. Lesson 9: Styling Elements with CSS<\/a> (Same link as Lesson 8)<\/li>\n
                          3. These lessons were explained during Tuesday's class.<\/a><\/li>\n
                          4. Week 4 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n
                          5. Week 5 Assignments Due 09-25<\/strong> (2 days)\n
                              \n
                            1. Lesson 10: Mini-Project: Adding Style to a Web Page<\/a><\/li>\n
                            2. Lesson 11: CSS Classes<\/span><\/a><\/li>\n
                            3. Week 5 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n
                            4. Week 6 Assignments Due 10-01<\/strong> (2 days)<\/span>\n
                                \n
                              1. Lesson 12: Organizing Content with Flexbox<\/span><\/a>\n
                                  \n
                                1. Today's work will be done in Code.org<\/a>, 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
                                2. The practice is useful, but the work graded will be Level 7<\/span>.<\/li>\n
                                3. Grading Rubric<\/strong>\n