{"id":1810,"date":"2021-10-04T19:07:17","date_gmt":"2021-10-04T23:07:17","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=1810"},"modified":"2023-03-02T17:50:52","modified_gmt":"2023-03-02T22:50:52","slug":"week-6","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-6\/","title":{"rendered":"Week 6: 2\/28 + 3\/2"},"content":{"rendered":"\n<p>This week is and end and a beginning. We will finish up our <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/projects\/responsive-site\/\" data-type=\"page\" data-id=\"1818\">Responsive Personal Sites<\/a>, and then start into the next phase where we do those sites again but using Eleventy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Thursday 3\/2<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 1: Responsive Personal Site Q&amp;A<\/h2>\n\n\n\n<p>Most of you have turned in the Responsive Personal Site which is great, but there are some who need to turn it in and I believe some questions. We will take 25mins at the beginning of class to answer questions you ask me. I have not started to score them yet, so you also still have time to make last minute changes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 2: Grid Practice Quiz<\/h2>\n\n\n\n<p>We will start with a practice CSS Grid quiz. When you&#8217;re done, take a screenshot of your results and send it to me on Discord. You should see something like this when you&#8217;re done:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/03\/Screenshot-2023-03-02-at-5.41.19-PM-1024x501.png\" alt=\"\" class=\"wp-image-2694\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/03\/Screenshot-2023-03-02-at-5.41.19-PM-1024x501.png 1024w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/03\/Screenshot-2023-03-02-at-5.41.19-PM-300x147.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/03\/Screenshot-2023-03-02-at-5.41.19-PM-768x376.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-content\/uploads\/sites\/2916\/2023\/03\/Screenshot-2023-03-02-at-5.41.19-PM.png 1160w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>CSS Grid Practice Quiz Link<\/p>\n\n\n\n<p><a href=\"https:\/\/quizlet.com\/444426274\/test\">https:\/\/quizlet.com\/444426274\/test<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activity 3: Eleventy Intro<\/h2>\n\n\n\n<p>We are going to start looking at Eleventy (11ty) today.<\/p>\n\n\n\n<p>Resources:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/classroom.github.com\/a\/nDdJYBfL\" target=\"_blank\" rel=\"noreferrer noopener\">Eleventy Sample Site<\/a> (GitHub Classroom)<\/li>\n\n\n\n<li><a href=\"https:\/\/miro.com\/app\/board\/o9J_lP-OD6A=\/?share_link_id=707075062351\" target=\"_blank\" rel=\"noreferrer noopener\">Eleventy Build Process<\/a> Miro<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Tuesday 2\/28<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 1: Color+Design Cards<\/h3>\n\n\n\n<p>This is the activity we didn&#8217;t have time for last week on Thursday. We will start the class with this activity. It uses the following resources:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Design Cards Example (in Codepen)\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/codepen.io\/profstein\/pen\/YzYQKvJ\" target=\"_blank\" rel=\"noreferrer noopener\">Start<\/a>&nbsp;(not styled well)<\/li>\n\n\n\n<li><a href=\"https:\/\/codepen.io\/profstein\/pen\/yLpXNaN\">Example of finished cards<\/a>&nbsp;(post style update)<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/contrast-ratio.com\/\" target=\"_blank\">Contrast Ratio<\/a>: this helps you check if your text and background colors have enough contrast.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n\n\n\n<p>I will give a brief description of the cards and the activity. Then you will be put in breakout rooms and come up with a revised design for the cards.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 2: Responsive Personal Site Questions<\/h3>\n\n\n\n<p>During this part of the class we will take questions and issues you have in completing and submitting the project (there is now a Blackboard assignment for it you can use to <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/projects\/submitting-the-responsive-site\/\" data-type=\"post\" data-id=\"1832\">Submit the Project<\/a>).<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3\/2 Activity 1: Responsive Personal Site Q&amp;A Most of you have turned in the Responsive Personal Site which is great, but there&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-6\/\">Continue reading <span class=\"screen-reader-text\">Week 6: 2\/28 + 3\/2<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[8],"tags":[116,217,216,106,145],"coauthors":[87],"class_list":["post-1810","post","type-post","status-publish","format-standard","hentry","category-weeks","tag-card","tag-color","tag-design","tag-layout","tag-responsive-site","entry"],"featured_image_urls_v2":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":"","post-thumbnail":"","gform-image-choice-sm":"","gform-image-choice-md":"","gform-image-choice-lg":""},"post_excerpt_stackable_v2":"<p>This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3\/2 Activity 1: Responsive Personal Site Q&amp;A Most of you have turned in the Responsive Personal Site which is great, but there are some who need to turn it in and I believe some questions. We will take 25mins at the beginning of class to answer questions you ask me. I have not started to score them yet, so you also still have time to make last&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/author\/cstein\/"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"Christopher Stein","author_link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"This week is and end and a beginning. We will finish up our Responsive Personal Sites, and then start into the next phase where we do those sites again but using Eleventy. Thursday 3\/2 Activity 1: Responsive Personal Site Q&amp;A Most of you have turned in the Responsive Personal Site which is great, but there&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/comments?post=1810"}],"version-history":[{"count":8,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1810\/revisions"}],"predecessor-version":[{"id":2697,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1810\/revisions\/2697"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=1810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/categories?post=1810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/tags?post=1810"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=1810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}