{"id":6563,"date":"2024-11-08T05:00:42","date_gmt":"2024-11-08T10:00:42","guid":{"rendered":"https:\/\/fouloistech.info\/ma\/?p=6563"},"modified":"2024-11-07T12:44:12","modified_gmt":"2024-11-07T17:44:12","slug":"cs-discoveries-11-08-2024","status":"publish","type":"post","link":"https:\/\/fouloistech.info\/ma\/2024\/11\/08\/cs-discoveries-11-08-2024\/","title":{"rendered":"CS Discoveries, 11-08-2024"},"content":{"rendered":"<ol>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-5823\" src=\"https:\/\/fouloistech.info\/ma\/wp-content\/uploads\/2024\/08\/CanvasClass24_CSDQ2.png\" alt=\"\" width=\"262\" height=\"147\" \/><a href=\"https:\/\/drive.google.com\/file\/d\/1JEUerMWkrqa8FqQ8NzE9yzURx8YUZJpQ\/view?usp=drive_link\">THIS VIDEO REVIEWS THE MOST IMPORTANT CONTENT COVERED IN CLASS TODAY!<\/a><\/li>\n<li><strong>Objective:<\/strong>\n<ol>\n<li>Students will begin writing simple code to explore the complexity and simplicity of coding HTML.<\/li>\n<\/ol>\n<\/li>\n<li><strong>W<\/strong><strong>arm-Up:<\/strong>\n<ol>\n<li>Create a folder in Google Drive named CS Discoveries 2024-2025.<\/li>\n<li>In that folder, create a Google Doc and name it CSD Notes - [Your Name].<\/li>\n<li>In that Google Doc, paste the following vocabulary under a heading of \"Vocabulary.\"\n<ul>\n<li><strong>HTML<\/strong> - Hypertext Markup Language, a language used to create web pages<\/li>\n<li><strong>HTML Element<\/strong> - A piece of a website, marked by a start tag and often closed with an end tag<\/li>\n<li><strong>HTML Tag<\/strong> - The special set of characters that indicates the start and end of an HTML element and that element's type<\/li>\n<li><strong>Website Content<\/strong> - the text and images on a website<\/li>\n<li><strong>Website Structure<\/strong> - how the content of a website is organized<\/li>\n<\/ul>\n<\/li>\n<li>In that same Google Doc, paste the following code under a heading of \"HTML Code.\"\n<ul>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/doctype\"><code class=\"visual-block\">&lt;!DOCTYPE&gt;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/body\"><code class=\"visual-block\">&lt;body&gt;&lt;\/body&gt;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/head\"><code class=\"visual-block\">&lt;head&gt;&lt;\/head&gt;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/html\"><code class=\"visual-block\">&lt;html&gt;&lt;\/html&gt;<\/code><\/a><\/li>\n<li><a href=\"https:\/\/studio.code.org\/docs\/ide\/weblab\/expressions\/P\"><code class=\"visual-block\">&lt;p&gt;&lt;\/p&gt;<\/code><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Use the SHARE button at the top right of your Google Doc to share this document with aaron.smith@pgcps.org.<\/li>\n<li><em>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<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><strong>Week 1 Assignments Due 11-08<\/strong> (2 days)\n<ol>\n<li>Lesson 1: Exploring Web Pages\n<ol>\n<li style=\"list-style-type: none;\"><\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13947941\">Exploring Web Pages Mock-Up<\/a><\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13975040\">Lesson 2: Intro to HTML<\/a>\n<ol>\n<li>Click the folder icon on the bottom of your screen to see your computer's directory. Open your Documents folder.<\/li>\n<li>In your Documents folder, make a new folder (right-click in the empty space, select \"New Folder\") and name it \"Website[YourName]\" without any spaces.<\/li>\n<li>Use the Super Key (A.K.A. the WIndows Key) to get a pop-up on your screen and type the word \"Notepad.\" We will use more complex tools for coding, but today we're starting with the simplest one we have - a basic text editor.<\/li>\n<li>Copy\/Paste the following code into Notepad.\n<ul>\n<li>&lt;!DOCTYPE html&gt;<br \/>\n&lt;html&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;link rel=\"stylesheet\" href=\"style.css\"&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n&lt;h1&gt;Title Goes Here&lt;\/h1&gt;<br \/>\n&lt;p&gt;Hello, world.&lt;\/p&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/li>\n<\/ul>\n<\/li>\n<li>At the top of your screen, click on \"File,\" then \"Save As.\"<\/li>\n<li>Change the file type to \"All File Types\" and name your page \"index.html.\"<\/li>\n<li>Find this file in your new folder and drag it into Firefox to see how it looks!<\/li>\n<li>Add 2 more paragraphs without breaking any of the code.<\/li>\n<li>Use the Print Screen (Often abbreviated to \"Prnt Scrn,\" may\u00a0 require the Function (Fn) button to be pressed depending on the keyboard) key to create a screenshot of your work as it is displayed in Firefox and in Notepad.\n<ol>\n<li>This file will be saved in your \"Screenshots\" folder, which will be in your Pictures folder.<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13975040\">Go to Canvas to hand this in.<\/a><\/li>\n<li>Grading Rubric:\n<ol>\n<li><strong>5 pts<\/strong>: Single screenshot shows both the index.html file displayed in NotePad and Firefox, nothing is cropped out of the shot.<\/li>\n<li><strong>3 pts<\/strong>: All added text is contained within 3 separate sets of paragraph tags.<\/li>\n<li><strong>2 pts<\/strong>: None of the sample code has been altered, paragraphs are between the &lt;body&gt; and &lt;\/body&gt; tags.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13922423\">Week 1 Exit Ticket<\/a><\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 2 Assignments Due 11-14<\/strong> (2 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 3: Headings and Lists<\/span><\/li>\n<li>Lesson 4: Digital Footprint<\/li>\n<li>Week 2 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 3 Assignments Due 11-22<\/strong> (3 days)\n<ol>\n<li>Lesson 5: Mini-Project: HTML Web Page<\/li>\n<li>Lesson 6: Styling Text with CSS<\/li>\n<li>Lesson 7: Intellectual Property<\/li>\n<li>Week 3 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 4 Assignments Due 11-26<\/strong> (1 day)\n<ol>\n<li>Lesson 8: Using Images<\/li>\n<li>Lesson 9: Styling Elements with CSS<\/li>\n<li><del>Week 4 Exit Ticket<\/del> Cancelled<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 5 Assignments Due 12-05<\/strong> (2 days)\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>Week 6 Assignments Due 12-13<\/strong> (3 days)\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 (begin)<br \/>\n<\/span><\/li>\n<li>Week 6 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 7 Assignments Due 12-19<\/strong> (2 days)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 14: Chapter 1 Project (finish)<\/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>Week 8 Assignments Due 01-10<\/strong> (3 days)\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>Week 9 Assignments Due 01-16<\/strong> (2 days)\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 (begin)<br \/>\n<\/span><\/li>\n<li>Week 9 Exit Ticket<\/li>\n<\/ol>\n<\/li>\n<li><strong>Week 10 Assignments Due 01-21<\/strong> (1 day)\n<ol>\n<li><span data-sheets-root=\"1\">Lesson 20: Project - Website for a Purpose (finish)<\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n<\/li>\n<li><a href=\"https:\/\/pgcps.instructure.com\/courses\/882138\/assignments\/13922423\"><strong>Exit Ticket<\/strong><\/a>\n<ol>\n<li>This week's exit ticket will \"go live\" during the last 10 minutes of class.<\/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 begin writing simple code to explore the complexity and simplicity of coding HTML. Warm-Up: Create a folder in Google Drive named CS Discoveries 2024-2025. In that folder, create a Google Doc and name it CSD Notes - [Your Name]. In that <a href=\"https:\/\/fouloistech.info\/ma\/2024\/11\/08\/cs-discoveries-11-08-2024\/\" class=\"more-link\">...continue reading<span class=\"screen-reader-text\"> \"CS Discoveries, 11-08-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-6563","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\/6563","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=6563"}],"version-history":[{"count":3,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6563\/revisions"}],"predecessor-version":[{"id":8172,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/posts\/6563\/revisions\/8172"}],"wp:attachment":[{"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/media?parent=6563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/categories?post=6563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fouloistech.info\/ma\/wp-json\/wp\/v2\/tags?post=6563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}