{"id":803,"date":"2021-02-26T09:39:47","date_gmt":"2021-02-26T14:39:47","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?p=803"},"modified":"2021-03-05T11:45:43","modified_gmt":"2021-03-05T16:45:43","slug":"3-1-3-3","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/weeks\/3-1-3-3\/","title":{"rendered":"Week 5: 3\/1 + 3\/3"},"content":{"rendered":"\n<p>Week 5<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Before Class: Learn<\/h2>\n\n\n\n<p><strong>Do this before Monday<\/strong><\/p>\n\n\n\n<p>This week we start on the LinkedIn Learning Course we will follow: <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning\/building-serverless-apps-with-jamstack-and-eleventy\" target=\"_blank\">Building Serverless Apps with JAMStack and Eleventy<\/a><\/strong>. Each week we will watch some of the videos and then work through issues and questions in class. I&#8217;ll preface course videos with Course Video. Sometimes I&#8217;ll link to a collection and others I&#8217;ll link to individual videos.<\/p>\n\n\n\n<p><strong>Prof Stein Videos:<\/strong> These two go over Forking, Cloning and Branching in Git and Github. It&#8217;s not mandatory, but they will help with working with the exercise files in the videos. We will go over this in class on Monday.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/wARnThV--OQ\" target=\"_blank\">Forking and Cloning<\/a> [4m 35s]<\/li><li><a href=\"https:\/\/youtu.be\/gflGDaSznnc\" target=\"_blank\" rel=\"noreferrer noopener\">How to Fork and Clone the Class Files<\/a> [7m 44s]<\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/ys98ArCFxxU\" target=\"_blank\">Working with Branches<\/a> [18m ]<\/li><\/ul>\n\n\n\n<p>Building Serverless Apps with JAMStack and Eleventy<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Course Video (Collection): <a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning-login\/share?forceAccount=true&amp;redirect=https%3A%2F%2Fwww.linkedin.com%2Flearning%2Fcollections%2F6770903858274287616%3Ftrk%3Dshare_collection_url%26shareId%3DT2G9%252FjmaSFG0ijBKfUPClw%253D%253D&amp;account=2147385\" target=\"_blank\">Eleventy Introduction<\/a><\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Course Files<\/h4>\n\n\n\n<p>All of the files for the site are in a GitHub Repository. The two Prof Stein videos above help you know how to do some things with Git and Github that will aid working with the videos. But don&#8217;t worry about it too much. They&#8217;re just files. They can always be downloaded and created again. Focus on using them and experimenting and learning. <\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" href=\"https:\/\/github.com\/LinkedInLearning\/serverless-jamstack-eleventy-2824238\" target=\"_blank\">View GitHub Repository<\/a><\/p>\n\n\n\n<p>You should Fork and Clone this repository to download it to your computer.<\/p>\n\n\n\n<p><strong>Do this before Wednesday<\/strong><\/p>\n\n\n\n<p>Course Video: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.linkedin.com\/learning\/building-serverless-apps-with-jamstack-and-eleventy\/creating-a-node-js-eleventy-project\" target=\"_blank\">Creating a Node.js Eleventy Project<\/a><\/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-4c2a0064\"><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-1993fafd\"><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=\"alignwide 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}.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 (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-0c7bde81\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 1: Git, GitHub and JAMStack Intro<\/h4>\n\n\n\n<p><strong>Monday, March 1 at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>Monday we will look at Git and GitHub as well as getting 11ty installed.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Links for Monday Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li>Miro: <a href=\"https:\/\/miro.com\/app\/board\/o9J_lSEGV9A=\/\" target=\"_blank\" rel=\"noreferrer noopener\">Clone and Fork<\/a><\/li><li>Miro: <a href=\"https:\/\/miro.com\/app\/board\/o9J_lSJAeMY=\/\" target=\"_blank\" rel=\"noreferrer noopener\">Branches<\/a><\/li><\/ul>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-column uagb-column__wrap uagb-column__background-undefined uagb-block-ef0b0c22\"><div class=\"uagb-column__overlay\"><\/div><div class=\"uagb-column__inner-wrap\">\n<h4 class=\"wp-block-heading\">Session 2: Creating an 11ty Project<\/h4>\n\n\n\n<p><strong>Wednesday, Feb. 10 at 7:30p\u20139:10p<\/strong><\/p>\n\n\n\n<p>Wednesday we ill make sure you all have an Eleventy project created.<br><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Links for Wednesday Session<\/h5>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/miro.com\/app\/board\/o9J_lRESxAI=\/\" target=\"_blank\" rel=\"noreferrer noopener\">Miro Board<\/a><\/li><\/ul>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"journal\">After Class: Learning Journal<\/h2>\n\n\n<script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform_legacy_markup_wrapper gform-theme--no-framework' data-form-theme='legacy' data-form-index='0' id='gform_wrapper_8' style='display:none'>\n                        <div class='gform_heading'>\n                            <h3 class=\"gform_title\">Week 5 Learning Journal<\/h3>\n                            <p class='gform_description'><\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data'  id='gform_8'  action='\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/803' data-formid='8' novalidate>\n                        <div class='gform-body gform_body'><ul id='gform_fields_8' class='gform_fields top_label form_sublabel_below description_below validation_below'><li id=\"field_8_5\" class=\"gfield gfield--type-text field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_hidden\"  ><div class=\"admin-hidden-markup\"><i class=\"gform-icon gform-icon--hidden\" aria-hidden=\"true\" title=\"This field is hidden when viewing the form\"><\/i><span>This field is hidden when viewing the form<\/span><\/div><label class='gfield_label gform-field-label' for='input_8_5'>is logged in (hidden<\/label><div class='ginput_container ginput_container_text'><input name='input_5' id='input_8_5' type='text' value='' class='medium'      aria-invalid=\"false\"   \/><\/div><\/li><li id=\"field_8_7\" class=\"gfield gfield--type-name field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label gfield_label_before_complex' >Name<\/label><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_8_7'>\n                            \n                            <span id='input_8_7_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_7.3' id='input_8_7_3' value=''   aria-required='false'     \/>\n                                                    <label for='input_8_7_3' class='gform-field-label gform-field-label--type-sub '>First<\/label>\n                                                <\/span>\n                            \n                            <span id='input_8_7_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n                                                    <input type='text' name='input_7.6' id='input_8_7_6' value=''   aria-required='false'     \/>\n                                                    <label for='input_8_7_6' class='gform-field-label gform-field-label--type-sub '>Last<\/label>\n                                                <\/span>\n                            \n                        <\/div><\/li><li id=\"field_8_8\" class=\"gfield gfield--type-section gsection field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><h2 class=\"gsection_title\">Free Recall \/ Brain Dump<\/h2><div class='gsection_description' id='gfield_description_8_8'><p>The purpose of this exercise is to have you try to recall what you know and don&#8217;t know. <\/p>\n<p><b>It&#8217;s not a test.<\/b> If you can&#8217;t remember something it will NOT change your score. <\/p>\n\n<p>You have two topics. Write down as much as you can about each. The purpose here is for you to try to remember information. <\/p>\n<p><b style=\"font-size:2rem\">DO NOT LOOK AT YOUR NOTES!! <\/b>The point here is for you to try to remember as much as you can. This will help you learn more later and know what areas you need to work on. The whole thing should not take more than 10 minutes.<\/p>\n\n<p>More information on the learning science here: <a href=\"https:\/\/www.retrievalpractice.org\/strategies\/2017\/free-recall\" target=\"_blank\">https:\/\/www.retrievalpractice.org\/strategies\/2017\/free-recall<\/a><\/p><\/div><\/li><li id=\"field_8_3\" class=\"gfield gfield--type-textarea gfield_contains_required field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_8_3'>Write down three or more things that you know about getting the Example Eleventy Course project up and running.<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='gfield_description' id='gfield_description_8_3'>Be as detailed as you can from getting the files through implementing in Visual Studio Code. That said, if you only vaguely know something then write what you vaguely know.<\/div><div class='ginput_container ginput_container_textarea'><div id=\"wp-input_8_3-wrap\" class=\"wp-core-ui wp-editor-wrap tmce-active\"><link rel='stylesheet' id='dashicons-css' href='https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-includes\/css\/dashicons.min.css?ver=6.9.4' media='all' \/>\n<link rel='stylesheet' id='editor-buttons-css' href='https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-includes\/css\/editor.min.css?ver=6.9.4' media='all' \/>\n<div id=\"wp-input_8_3-editor-container\" class=\"wp-editor-container\"><textarea class=\"large wp-editor-area\" style=\"height: 280px\" autocomplete=\"off\" cols=\"40\" name=\"input_3\" id=\"input_8_3\"><\/textarea><\/div>\n<\/div>\n\n<\/div><\/li><li id=\"field_8_9\" class=\"gfield gfield--type-textarea gfield_contains_required field_sublabel_below gfield--has-description field_description_above field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_8_9'>Write down two or more items you want to learn more deeply or need more information about.<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='gfield_description' id='gfield_description_8_9'>Focus these items on the process of getting Eleventy up and running. It can be related items\/questions about parts of the process (Node, Git, GitHub, Eleventy, JavaScript, JSON&#8230;)<\/div><div class='ginput_container ginput_container_textarea'><div id=\"wp-input_8_9-wrap\" class=\"wp-core-ui wp-editor-wrap tmce-active\"><div id=\"wp-input_8_9-editor-container\" class=\"wp-editor-container\"><textarea class=\"large wp-editor-area\" style=\"height: 280px\" autocomplete=\"off\" cols=\"40\" name=\"input_9\" id=\"input_8_9\"><\/textarea><\/div>\n<\/div>\n\n<\/div><\/li><\/ul><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_8' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Submit'  \/> \n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_8' value='postback' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_8' id='gform_theme_8' value='legacy' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_8' id='gform_style_settings_8' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_8' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='8' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='USD' value='R5U3fAE1G59MyGkAVXYy3rPNhtKPnNeMnMBwd9wobyeVGJCoABcVkgG0AfrIC3Y77aaVx3BzL+xDNVJkZV08vFwJGmEvGDZT2ykRXFzNnKNRuEg=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_8' value='WyJbXSIsIjRjYjBjNGIxOGU3Zjc3YjlhNmU2MDI4Nzk1MGYwODU3Il0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_8' id='gform_target_page_number_8' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_8' id='gform_source_page_number_8' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div><script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 8, 'https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_8').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_8');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_8').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){form_content.find('form').css('opacity', 0);jQuery('#gform_wrapper_8').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_8').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_8').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/  }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_8').val();gformInitSpinner( 8, 'https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [8, current_page]);window['gf_submitting_8'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_8').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [8]);window['gf_submitting_8'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_8').text());}else{jQuery('#gform_8').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"8\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_8\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_8\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_8\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 8, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Week 5 Before Class: Learn Do this before Monday This week we start on the LinkedIn Learning Course we will follow: Building Serverless Apps with JAMStack and Eleventy. Each week we will watch some of the videos and then work through issues and questions in class. I&#8217;ll preface course videos with Course Video. Sometimes I&#8217;ll&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/weeks\/3-1-3-3\/\">Continue reading <span class=\"screen-reader-text\">Week 5: 3\/1 + 3\/3<\/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,53,52,54,51,12],"coauthors":[],"class_list":["post-803","post","type-post","status-publish","format-standard","hentry","category-weeks","tag-11ty","tag-branch","tag-clone","tag-eleventy","tag-fork","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>Week 5 Before Class: Learn Do this before Monday This week we start on the LinkedIn Learning Course we will follow: Building Serverless Apps with JAMStack and Eleventy. Each week we will watch some of the videos and then work through issues and questions in class. I&#8217;ll preface course videos with Course Video. Sometimes I&#8217;ll link to a collection and others I&#8217;ll link to individual videos. Prof Stein Videos: These two go over Forking, Cloning and Branching in Git and Github. It&#8217;s not mandatory, but they will help with working with the exercise files in the videos. We will go&hellip;<\/p>\n","category_list_v2":"<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/category\/weeks\/\" rel=\"category tag\">Weeks<\/a>","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/author\/cstein\/"},"comments_num_v2":"2 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-21\/author\/cstein\/"},"uagb_comment_info":2,"uagb_excerpt":"Week 5 Before Class: Learn Do this before Monday This week we start on the LinkedIn Learning Course we will follow: Building Serverless Apps with JAMStack and Eleventy. Each week we will watch some of the videos and then work through issues and questions in class. I&#8217;ll preface course videos with Course Video. Sometimes I&#8217;ll&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":9,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/803\/revisions"}],"predecessor-version":[{"id":849,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/posts\/803\/revisions\/849"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/media?parent=803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/categories?post=803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/tags?post=803"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/wp-json\/wp\/v2\/coauthors?post=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}