{"id":2798,"date":"2022-03-28T17:44:45","date_gmt":"2022-03-28T21:44:45","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/?p=2798"},"modified":"2022-03-30T19:02:37","modified_gmt":"2022-03-30T23:02:37","slug":"week-9-3-28-3-30","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/weeks\/week-9-3-28-3-30\/","title":{"rendered":"Week 9: 3\/28 + 3\/30"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Monday 3\/28<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Design + UI + Accessibility<\/h3>\n\n\n\n<p>Today we are going to look at a page with some issues related to design, UI and Accessibility (A11y is another way you might see it).<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Visit This Pen: <a rel=\"noreferrer noopener\" href=\"https:\/\/codepen.io\/profstein\/pen\/YzYQKvJ\" target=\"_blank\">https:\/\/codepen.io\/profstein\/pen\/YzYQKvJ<\/a><\/li><li>Try to edit it to make it better<\/li><li>Get in Pairs (I will randomly assign)<\/li><li>We will talk about <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/design\/color\/\" data-type=\"post\" data-id=\"2799\">Color<\/a><\/li><li>Edit in Pairs<\/li><li>We will talk about some <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/design\/ui-tips\/\" data-type=\"post\" data-id=\"2804\">UI tips<\/a><\/li><li>Edit in Pairs again<\/li><li>Share with group<\/li><\/ol>\n\n\n\n<p>See comments at the bottom of the page for the work from your groups.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wednesday 3\/30<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Deploy to Netlify<\/h2>\n\n\n\n<p>We will start the day by getting your sites deployed to Netlify. There is a <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/jamstack\/eleventy\/deploy-to-netlify\/\" data-type=\"post\" data-id=\"1950\">Deploy to Netlify<\/a> post we will use.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Templates<\/h3>\n\n\n\n<p>We are going to do some more work on Templates. Specifically we will look at using Nunjucks and how to combine Front Matter information with it.<\/p>\n\n\n\n<p><a href=\"https:\/\/miro.com\/app\/board\/uXjVOBXwxKc=\/?invite_link_id=113449910911\" target=\"_blank\" rel=\"noreferrer noopener\">Miro board on Templates<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Resources<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.11ty.dev\/docs\/languages\/nunjucks\/\" target=\"_blank\">Nunjucks<\/a> in Eleventy<\/li><li><a href=\"https:\/\/mozilla.github.io\/nunjucks\/templating.html\" target=\"_blank\" rel=\"noreferrer noopener\">Nunjucks Syntax<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.11ty.dev\/docs\/data-frontmatter\/\" target=\"_blank\">Front Matter Data<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.11ty.dev\/docs\/collections\/\" target=\"_blank\">Collections<\/a> (we will focus on tags today)<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Monday 3\/28 Design + UI + Accessibility Today we are going to look at a page with some issues related to design, UI and Accessibility (A11y is another way you might see it). Visit This Pen: https:\/\/codepen.io\/profstein\/pen\/YzYQKvJ Try to edit it to make it better Get in Pairs (I will randomly assign) We will talk&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/weeks\/week-9-3-28-3-30\/\">Continue reading <span class=\"screen-reader-text\">Week 9: 3\/28 + 3\/30<\/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":[55,224,223,54,216,215,39],"coauthors":[87],"class_list":["post-2798","post","type-post","status-publish","format-standard","hentry","category-weeks","tag-11ty","tag-accessibility","tag-color","tag-eleventy","tag-pair-share","tag-templates","tag-ui","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>Monday 3\/28 Design + UI + Accessibility Today we are going to look at a page with some issues related to design, UI and Accessibility (A11y is another way you might see it). Visit This Pen: https:\/\/codepen.io\/profstein\/pen\/YzYQKvJTry to edit it to make it betterGet in Pairs (I will randomly assign)We will talk about ColorEdit in PairsWe will talk about some UI tipsEdit in Pairs againShare with group See comments at the bottom of the page for the work from your groups. Wednesday 3\/30 Deploy to Netlify We will start the day by getting your sites deployed to Netlify. There is&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/author\/cstein\/"},"comments_num_v2":"6 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-spring-22\/author\/cstein\/"},"uagb_comment_info":6,"uagb_excerpt":"Monday 3\/28 Design + UI + Accessibility Today we are going to look at a page with some issues related to design, UI and Accessibility (A11y is another way you might see it). Visit This Pen: https:\/\/codepen.io\/profstein\/pen\/YzYQKvJ Try to edit it to make it better Get in Pairs (I will randomly assign) We will talk&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/comments?post=2798"}],"version-history":[{"count":7,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2798\/revisions"}],"predecessor-version":[{"id":2819,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/posts\/2798\/revisions\/2819"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=2798"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/categories?post=2798"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/tags?post=2798"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=2798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}