{"id":1919,"date":"2021-10-25T19:15:30","date_gmt":"2021-10-25T23:15:30","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/?p=1919"},"modified":"2021-11-03T18:03:47","modified_gmt":"2021-11-03T22:03:47","slug":"week-9","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-9\/","title":{"rendered":"Week 9: 10\/25 + 10\/27"},"content":{"rendered":"\n<p>This week we will dive into Eleventy<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before Class: LEARN<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Work on getting your Responsive Site moved to 11ty.<\/li><\/ul>\n\n\n\n<p><strong>DO BEFORE WEDNESDAY<\/strong><\/p>\n\n\n\n<p>Try Kahoot Flashcards and work on 11ty project.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">In Class: EXPLORE<\/h2>\n\n\n\n<p><strong>DO THIS:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#live\">Join the Live Class Sessions<\/a><\/li><\/ul>\n\n\n\n<p>The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info<\/p>\n\n\n\n<section class=\"wp-block-uagb-columns uagb-columns__wrap uagb-columns__background-undefined uagb-columns__stack-mobile uagb-columns__valign-undefined uagb-columns__gap-10 alignfull uagb-block-ad51f9c9\"><div class=\"uagb-columns__overlay\"><\/div><div class=\"uagb-columns__inner-wrap uagb-columns__columns-3\">\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-be84b7b3\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h2 class=\"wp-block-heading\" id=\"live\">Live Sessions<\/h2>\n\n\n\n<div class=\"aligncenter wp-block-ugb-button ugb-button-wrapper ugb-9f39f6d ugb-button--mobile-aligned ugb-main-block\"><style>.ugb-9f39f6d .ugb-block-content{justify-content:flex-start !important}.ugb-9f39f6d .ugb-block-content .ugb-button{border-radius:0px}.ugb-9f39f6d .ugb-button1 .ugb-button--inner{font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\" !important;font-size:18px !important;color:#0d497a !important}.ugb-9f39f6d .ugb-button1{border-color:#0d497a !important;border-radius:0px !important}.ugb-9f39f6d .ugb-button1:hover{opacity:0.8}.ugb-9f39f6d .ugb-button1:hover .ugb-button--inner{color:#0d497a !important}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1.ugb-button--has-icon.ugb-button--has-icon:hover svg:not(.ugb-custom-icon){color:#0d497a}.ugb-9f39f6d .ugb-button1:before{border-radius:0px !important}.ugb-9f39f6d .ugb-inner-block{text-align:left}@media screen and (min-width:768px){.ugb-9f39f6d.ugb-button-wrapper{margin-bottom:13px !important}}@media screen and (max-width:768px){.ugb-9f39f6d .ugb-block-content{justify-content:center !important}.ugb-9f39f6d .ugb-inner-block{text-align:center}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-button-container\"><a class=\"ugb-button1 ugb-button ugb-button--size-medium ugb--hover-effect-scale ugb-button--design-ghost ugb-button--has-icon\" href=\"https:\/\/bmcc-cuny.zoom.us\/meeting\/register\/tZUude-vpj8oGNWYtmbO9AbG-83cG0mODkpK\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"\"><div class=\"ugb-icon-inner-svg\"><svg data-prefix=\"fas\" data-icon=\"external-link-alt\" class=\"svg-inline--fa fa-external-link-alt fa-w-16\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path fill=\"currentColor\" d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg><\/div><span class=\"ugb-button--inner\">JOIN LIVE SESSION<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-cd7fa036\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 1: 11ty intro<\/h4>\n\n\n\n<p><strong>Monday, October 25<\/strong> <meta charset=\"utf-8\"><strong> at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>We will look at Kahoot! challenges and how to practice with flashcards and then review what we did with 11ty on Wednesday of last week<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Topics for Class Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>New Link <a rel=\"noreferrer noopener\" href=\"https:\/\/kahoot.it\/challenge\/005849302\" target=\"_blank\">CSS Media Queries Challenge<\/a><\/li><li>New Link <a href=\"https:\/\/kahoot.it\/challenge\/003710894\">HTML Elements parts Fill-in<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/dev-environment-setup\/\" data-type=\"page\" data-id=\"206\"><\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/www.markdowntutorial.com\/\" target=\"_blank\">Markdown Tutorial<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/dev-environment-setup\/\" data-type=\"page\" data-id=\"206\"><\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/adam-p\/markdown-here\/wiki\/Markdown-Cheatsheet\" target=\"_blank\">Markdown Cheatsheet<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/dev-environment-setup\/\" data-type=\"page\" data-id=\"206\">Miro on <\/a><a rel=\"noreferrer noopener\" href=\"https:\/\/miro.com\/app\/board\/o9J_lp7T5dQ=\/?invite_link_id=135778036215\" target=\"_blank\">Converting HTML project to 11ty project<\/a><\/li><li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/dev-environment-setup\/\" data-type=\"page\" data-id=\"206\">VS<\/a><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/tools\/vscode-11ty-setup\/\">Code 11ty Setup<\/a><\/li><\/ul>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-a55b8cac\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 2: Responsive Design<\/h4>\n\n\n\n<p><strong>Wednesday, October 27 at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>Continue working with moving your projects to 11ty.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Topics for Class Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>Announcements<ul><li><a href=\"https:\/\/www.adobe.com\/max\/agenda.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Max<\/a><\/li><\/ul><\/li><li>Update Miro Project Trackers<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/miro.com\/app\/board\/o9J_lnotwrc=\/?invite_link_id=841895571879\" target=\"_blank\">Eleventy Page Breakdown<\/a> (miro)<\/li><li>Practice HTML\/CSS to Eleventy<ul><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.dropbox.com\/s\/qa3s8ac0d7xgvzr\/plain-html-css.zip?dl=1\" target=\"_blank\">Download Zip<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/profstein\/eleventy-basic\/generate\" target=\"_blank\">11ty basic template<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<p><\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"afterclass\">After Class:<\/h2>\n\n\n\n<p>After Monday: <\/p>\n\n\n\n<p>Work on Moving your Responsive Site to the Eleventy project structure.<\/p>\n\n\n\n<p>More here after Wednesday&#8217;s class.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week we will dive into Eleventy Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. DO BEFORE WEDNESDAY Try Kahoot Flashcards and work on 11ty project. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/weeks\/week-9\/\">Continue reading <span class=\"screen-reader-text\">Week 9: 10\/25 + 10\/27<\/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":[146,22,8],"tags":[54,159,145],"coauthors":[87],"class_list":["post-1919","post","type-post","status-publish","format-standard","hentry","category-eleventy","category-jamstack","category-weeks","tag-eleventy","tag-eleventy-site","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 we will dive into Eleventy Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. DO BEFORE WEDNESDAY Try Kahoot Flashcards and work on 11ty project. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a registration form and a waiting room to help avoid bombing. View Live Sessions below for more info Live Sessions JOIN LIVE SESSION Session 1: 11ty intro Monday, October 25 at 7:30p\u20139:10p We will look at Kahoot! challenges and how to practice with flashcards and then&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/topics\/jamstack\/eleventy\/\" rel=\"category tag\">Eleventy<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/topics\/jamstack\/\" rel=\"category tag\">Jamstack<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/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-fall-21\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"This week we will dive into Eleventy Before Class: LEARN DO THIS: Work on getting your Responsive Site moved to 11ty. DO BEFORE WEDNESDAY Try Kahoot Flashcards and work on 11ty project. In Class: EXPLORE DO THIS: Join the Live Class Sessions The Join link is the same for all live sessions. There is a&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=1919"}],"version-history":[{"count":8,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1919\/revisions"}],"predecessor-version":[{"id":1942,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/posts\/1919\/revisions\/1942"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=1919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/categories?post=1919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/tags?post=1919"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=1919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}