{"id":1304,"date":"2023-05-09T17:58:14","date_gmt":"2023-05-09T21:58:14","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?p=1304"},"modified":"2023-05-12T00:32:47","modified_gmt":"2023-05-12T04:32:47","slug":"week-15","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-15\/","title":{"rendered":"Week 15: 5\/9 + 5\/11"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-46b39f6b wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-undefined uagb-block-c647f0e8     \"\n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tstyle=\"\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"uagb-toc__list-wrap \">\n\t\t\t\t\t\t<ol class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#tuesday-59\" class=\"uagb-toc-link__trigger\">Tuesday 5\/9<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#group-work\" class=\"uagb-toc-link__trigger\">Group Work<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#additional-time\" class=\"uagb-toc-link__trigger\">Additional Time<\/a><li class=\"uagb-toc__list\"><a href=\"#thursday-511\" class=\"uagb-toc-link__trigger\">Thursday 5\/11<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#group-work\" class=\"uagb-toc-link__trigger\">Group Work<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#accessibility\" class=\"uagb-toc-link__trigger\">Accessibility<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#accessibility-resources\" class=\"uagb-toc-link__trigger\">Accessibility Resources<\/a><\/ul><\/ul><\/ul><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n<h2 class=\"wp-block-heading\">Tuesday 5\/9<\/h2>\n\n\n\n<p>We will start by looking at making your group repo and a refresher on branching.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/github.com\/stein-bmcc\/eleventy-sass\" target=\"_blank\" rel=\"noreferrer noopener\">Eleventy Sass Starter Repository <\/a>\n<ul class=\"wp-block-list\">\n<li>This is the repository that I recommend your group uses. Remember:<\/li>\n\n\n\n<li>One person creates the repo.<\/li>\n\n\n\n<li>Then that person adds the rest of the group as collaborators.<\/li>\n\n\n\n<li>Then when you update it, use branches to help prevent overwriting each other&#8217;s work and merge errors.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/foundational\/javascript\/\" data-type=\"page\" data-id=\"605\">Working with Branches<\/a> miro<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/profstein\/branch-example\" target=\"_blank\">Branch Example<\/a> GitHub Template<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/tools\/git-and-github\/\">Git and GitHub<\/a> post<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/final-weeks\/\" data-type=\"post\" data-id=\"2079\">Final Weeks<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Group Work<\/h3>\n\n\n\n<p>We will give you some time to work in groups. While in groups:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make sure you have created the GitHub repo and added everyone as collaborators<\/li>\n\n\n\n<li>Add some stub pages for the pages of your site you know you want now. This will be version 1 of your site.<\/li>\n\n\n\n<li>Present what you have and your plans for the content in class.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Time<\/h2>\n\n\n\n<p>If there is time left at the end, then we will also go into topics of interest to your groups and address issues that come up.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Thursday 5\/11<\/h2>\n\n\n\n<p>Work on your Final Projects and come with questions. <\/p>\n\n\n\n<p><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/jamstack\/deploy-to-netlify\/\">Publish your site on Netlify<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Group Work<\/h3>\n\n\n\n<p>You will again have time to work in groups. A progress report is due.<\/p>\n\n\n\n<p>I added some resources<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/eleventy-help\/\">Eleventy Help Page<\/a> (I will add more to this as needed and requested by you)<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/jamstack\/eleventy\/deploy-to-netlify\/\" data-type=\"post\" data-id=\"2759\">Deploy to Netlify<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/projects\/final\/showing-groups-of-pages-in-11ty\/\">Showing Groups of Pages in 11ty<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Accessibility<\/h3>\n\n\n\n<p>We will also go over some Accessibility concepts you should add to your site to help ensure everyone can access the content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Accessibility Resources<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.a11yproject.com\/\" aria-label=\"A11y project website, external, opens in new tab\" target=\"_blank\" rel=\"noopener\">The A11Y Project<\/a> <\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/mawconsultingllc.com\/intro-to-web-accessibility\" target=\"_blank\">Introduction to Web Accessibility<\/a> (post with video and transcript)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.webaccessibilitychecklist.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Accessibility Checklist<\/a> website<\/li>\n\n\n\n<li><a href=\"https:\/\/css-tricks.com\/5-accessibility-quick-wins-you-can-implement-today\/\" target=\"_blank\" rel=\"noreferrer noopener\">5 Accessibility Quick Wins you can implement today<\/a><\/li>\n<\/ul>\n\n\n\n<p>You should do these at a minimum<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>alt tags for all images\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/a11yproject.com\/posts\/alt-text\/\">The A11Y Project<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Make sure your links: 1) look like links, 2) have descriptive text\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/accessibility.18f.gov\/links\/\">18F Link Guide<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>use heading elements\n<ul class=\"wp-block-list\">\n<li>this is the h1..h6 elements<\/li>\n\n\n\n<li><a href=\"https:\/\/wuhcag.com\/section-headings\/\">WUHCAG Section Headings<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>use semantic HTML\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webaim.org\/techniques\/semanticstructure\/\">WebAIM Semantic Structure<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>text and background color have sufficient contrast\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.siegemedia.com\/contrast-ratio\">Contrast-Ratio<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>add labels to any form elements<\/li>\n<\/ul>\n\n\n\n<p>Tools<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Contrast\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\">WebAIM Contrast Checker<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.siegemedia.com\/contrast-ratio\">Contrast Ratio<\/a><\/li>\n\n\n\n<li><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Tuesday 5\/9 We will start by looking at making your group repo and a refresher on branching. Group Work We will give you some time to work in groups. While in groups: Additional Time If there is time left at the end, then we will also go into topics of interest to your groups and&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-15\/\">Continue reading <span class=\"screen-reader-text\">Week 15: 5\/9 + 5\/11<\/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,113,10,137,8],"tags":[55,230,180,94,110],"coauthors":[87],"class_list":["post-1304","post","type-post","status-publish","format-standard","hentry","category-eleventy","category-final","category-projects","category-tools-topics","category-weeks","tag-11ty","tag-accessibility","tag-branching","tag-final","tag-netlify","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>Table Of Contents Tuesday 5\/9Group WorkAdditional TimeThursday 5\/11Group WorkAccessibilityAccessibility Resources Tuesday 5\/9 We will start by looking at making your group repo and a refresher on branching. Eleventy Sass Starter Repository This is the repository that I recommend your group uses. Remember: One person creates the repo. Then that person adds the rest of the group as collaborators. Then when you update it, use branches to help prevent overwriting each other&#8217;s work and merge errors. Working with Branches miro Branch Example GitHub Template Git and GitHub post Final Weeks Group Work We will give you some time to work in&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/topics\/jamstack\/eleventy\/\" rel=\"category tag\">Eleventy<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/projects\/final\/\" rel=\"category tag\">Final<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/projects\/\" rel=\"category tag\">Projects<\/a>, <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/category\/topics\/tools-topics\/\" rel=\"category tag\">Tools<\/a>, <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":"Tuesday 5\/9 We will start by looking at making your group repo and a refresher on branching. Group Work We will give you some time to work in groups. While in groups: Additional Time If there is time left at the end, then we will also go into topics of interest to your groups and&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1304","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=1304"}],"version-history":[{"count":13,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1304\/revisions"}],"predecessor-version":[{"id":2935,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1304\/revisions\/2935"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=1304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/categories?post=1304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/tags?post=1304"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=1304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}