{"id":1248,"date":"2023-05-02T17:59:19","date_gmt":"2023-05-02T21:59:19","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?p=1248"},"modified":"2023-05-04T18:04:16","modified_gmt":"2023-05-04T22:04:16","slug":"week-14","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-14\/","title":{"rendered":"Week 14: 5\/2 + 5\/4"},"content":{"rendered":"\t\t\t\t<div class=\"wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-1  uagb-block-15f22ea9 wp-block-uagb-table-of-contents uagb-toc__align-left uagb-toc__columns-undefined uagb-block-4cc934b5     \"\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=\"#thursday-54\" class=\"uagb-toc-link__trigger\">Thursday 5\/4<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#activity-1-javascript\" class=\"uagb-toc-link__trigger\">Activity 1: JavaScript<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#codepens\" class=\"uagb-toc-link__trigger\">CodePens<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#posts-on-our-site\" class=\"uagb-toc-link__trigger\">Posts on our Site<\/a><\/li><\/ul><li class=\"uagb-toc__list\"><a href=\"#activity-2-final-projects\" class=\"uagb-toc-link__trigger\">Activity 2: Final Projects<\/a><\/li><\/ul><\/li><li class=\"uagb-toc__list\"><a href=\"#tuesday-52\" class=\"uagb-toc-link__trigger\">Tuesday 5\/2<\/a><ul class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#activity-1-final-project-brief\" class=\"uagb-toc-link__trigger\">Activity 1: Final Project Brief<\/a><li class=\"uagb-toc__list\"><li class=\"uagb-toc__list\"><a href=\"#activity-2-working-with-git-in-groups\" class=\"uagb-toc-link__trigger\">Activity 2: Working with Git in Groups<\/a><\/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\">Thursday 5\/4<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 1: JavaScript<\/h3>\n\n\n\n<p>We didn&#8217;t have time to look at more JavaScript last class so we will today.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">CodePens<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/codepen.io\/profstein\/pen\/bGryBWP\" target=\"_blank\">jQuery Document Ready&nbsp;<\/a>pen<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/codepen.io\/profstein\/pen\/ZEJNBOQ\" target=\"_blank\">jQuery toggle<\/a>&nbsp;Pen<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/codepen.io\/dnaibaf\/pen\/gdoHa\" target=\"_blank\">Basic jQuery Accordion<\/a>&nbsp;Pen<\/li>\n\n\n\n<li><a href=\"https:\/\/codepen.io\/profstein\/pen\/XWerGxR\" target=\"_blank\" rel=\"noreferrer noopener\">Simple jQuery Accordion<\/a> pen \n<ul class=\"wp-block-list\">\n<li>We didn&#8217;t look at this last class, but I think it&#8217;s simpler to understand.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/codepen.io\/profstein\/pen\/XWerPeq\" target=\"_blank\" rel=\"noreferrer noopener\">jQuery Filter Buttons<\/a> pen\n<ul class=\"wp-block-list\">\n<li>this shows how to write jQuery to filter a group of items.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Posts on our Site<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/foundational\/javascript\/\" data-type=\"page\" data-id=\"605\">JavaScript Pag<\/a>e: posts and external resources for reference and tutorials on how to learn JavaScript.<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/javascript\/jquery-setup\/\" data-type=\"post\" data-id=\"2105\">jQuery Setup<\/a>: goes over how to get ready to use jQuery JavaScript library on a site.<\/li>\n\n\n\n<li><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/topics\/javascript\/jquery-basics\/\" data-type=\"post\" data-id=\"2164\">jQuery Basics<\/a>: this covers the basics of using jQuery.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 2: Final Projects<\/h3>\n\n\n\n<p>We will look at your final proposals.<\/p>\n\n\n\n<p>Then we will look at this Eleventy Sass Template you can use: <a href=\"https:\/\/github.com\/stein-bmcc\/eleventy-sass\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/stein-bmcc\/eleventy-sass<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tuesday 5\/2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 1: Final Project Brief<\/h3>\n\n\n\n<p>We will take some time at the beginning of class for you to work on your Final Project Briefs in your groups.<\/p>\n\n\n\n<p><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/projects\/final-group-project\/final-project-brief\/\" data-type=\"page\" data-id=\"2134\">Final Project Brief Post<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Activity 2: Working with Git in Groups<\/h3>\n\n\n\n<p>We will go over branching and the process for how to work with Git in groups. We will also look at how to add collaborators to a repository.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>The GitHub person in each group should go to the following Repository and clone it:\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/github.com\/profstein\/branch-example\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/profstein\/branch-example<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>That person then adds other group members as collaborators (instructions linked to in the Setup part of the ReadMe for the repo)<\/li>\n\n\n\n<li>Then we will all follow along with the <strong>Branching and Merging with Individual Files<\/strong> section of the ReadMe.\n<ul class=\"wp-block-list\">\n<li>Essentially you will all practice making a branch, adding a file, then merging the branch and pushing it up to GitHub.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Thursday 5\/4 Activity 1: JavaScript We didn&#8217;t have time to look at more JavaScript last class so we will today. CodePens Posts on our Site Activity 2: Final Projects We will look at your final proposals. Then we will look at this Eleventy Sass Template you can use: https:\/\/github.com\/stein-bmcc\/eleventy-sass Tuesday 5\/2 Activity 1: Final Project&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/weeks\/week-14\/\">Continue reading <span class=\"screen-reader-text\">Week 14: 5\/2 + 5\/4<\/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":[10,8],"tags":[180,12],"coauthors":[87],"class_list":["post-1248","post","type-post","status-publish","format-standard","hentry","category-projects","category-weeks","tag-branching","tag-git","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 Thursday 5\/4Activity 1: JavaScriptCodePensPosts on our SiteActivity 2: Final ProjectsTuesday 5\/2Activity 1: Final Project BriefActivity 2: Working with Git in Groups Thursday 5\/4 Activity 1: JavaScript We didn&#8217;t have time to look at more JavaScript last class so we will today. CodePens jQuery Document Ready&nbsp;pen jQuery toggle&nbsp;Pen Basic jQuery Accordion&nbsp;Pen Simple jQuery Accordion pen We didn&#8217;t look at this last class, but I think it&#8217;s simpler to understand. jQuery Filter Buttons pen this shows how to write jQuery to filter a group of items. Posts on our Site JavaScript Page: posts and external resources for reference and&hellip;<\/p>\n","category_list_v2":"<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\/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":"Thursday 5\/4 Activity 1: JavaScript We didn&#8217;t have time to look at more JavaScript last class so we will today. CodePens Posts on our Site Activity 2: Final Projects We will look at your final proposals. Then we will look at this Eleventy Sass Template you can use: https:\/\/github.com\/stein-bmcc\/eleventy-sass Tuesday 5\/2 Activity 1: Final Project&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1248","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=1248"}],"version-history":[{"count":7,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1248\/revisions"}],"predecessor-version":[{"id":2908,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/posts\/1248\/revisions\/2908"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/media?parent=1248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/categories?post=1248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/tags?post=1248"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring23\/wp-json\/wp\/v2\/coauthors?post=1248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}