{"id":521,"date":"2021-02-08T04:26:12","date_gmt":"2021-02-08T09:26:12","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-21\/?page_id=521"},"modified":"2022-01-31T04:19:43","modified_gmt":"2022-01-31T09:19:43","slug":"topics","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/","title":{"rendered":"Topics"},"content":{"rendered":"\n<div class=\"alignfull wp-block-ugb-feature-grid ugb-feature-grid ugb-2c3954e ugb-feature-grid--v2 ugb-feature-grid--columns-4 ugb-feature-grid--design-basic ugb-main-block ugb-main-block--inner-wide ugb--has-block-background\"><style>.ugb-2c3954e .ugb-feature-grid__item{border-radius:6px !important}.ugb-2c3954e .ugb-feature-grid__title{color:var(--stk-global-color-52325,#111111);text-align:center}.ugb-2c3954e .ugb-inner-block{text-align:center}.ugb-2c3954e.ugb-feature-grid{background-color:var(--stk-global-color-47700,#f6f6f6)}.ugb-2c3954e.ugb-feature-grid:before{background-color:var(--stk-global-color-47700,#f6f6f6)}.ugb-2c3954e .ugb-block-title{color:var(--stk-global-color-40036,#00473d)}.ugb-2c3954e .ugb-block-description{font-size:18px !important}<\/style><div class=\"ugb-inner-block ugb-inner-block--wide\"><h2 class=\"ugb-block-title ugb-block-title--with-subtitle\">Foundational Knowledge<\/h2><p class=\"ugb-block-description\">This is the core knowledge (terms, definitions, facts, syntax etc.). This is information that you need to know to make everything else make sense. Learning these will not only prepare you for the development we do in class but also give you a solid foundation for any web design projects you come across.<\/p><div class=\"ugb-block-content\"><div class=\"ugb-feature-grid__item ugb-feature-grid__item1 ugb--shadow-5\"><div class=\"ugb-feature-grid__content\"><h5 class=\"ugb-feature-grid__title\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/foundational\/html\/\" data-type=\"page\" data-id=\"1568\">HTML<\/a><\/h5><\/div><\/div><div class=\"ugb-feature-grid__item ugb-feature-grid__item2 ugb--shadow-5\"><div class=\"ugb-feature-grid__content\"><h5 class=\"ugb-feature-grid__title\">CSS<\/h5><\/div><\/div><div class=\"ugb-feature-grid__item ugb-feature-grid__item3 ugb--shadow-5\"><div class=\"ugb-feature-grid__content\"><h5 class=\"ugb-feature-grid__title\">JavaScript<\/h5><\/div><\/div><div class=\"ugb-feature-grid__item ugb-feature-grid__item4 ugb--shadow-5\"><div class=\"ugb-feature-grid__content\"><h5 class=\"ugb-feature-grid__title\">Design Principles<\/h5><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-heading ugb-heading ugb-e921cc8 ugb-main-block\"><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Competencies<\/h2><p class=\"ugb-heading__subtitle\">When you are competent at something, you have the ability to do it successfully. We will work towards these six competencies in class.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-number-box ugb-number-box ugb-789677c ugb-number-box--v3 ugb-number-box--columns-3 ugb-main-block\"><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-number-box__item ugb-number-box__item1\"><span class=\"ugb-number-box__number\">01<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Plan<\/h4><p class=\"ugb-number-box__description\">Create a <strong>Plan<\/strong> for a Web Site<\/p><\/div><\/div><div class=\"ugb-number-box__item ugb-number-box__item2\"><span class=\"ugb-number-box__number\">02<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Responsive Site<\/h4><p class=\"ugb-number-box__description\">Create a <strong>Responsive Web Site<\/strong><\/p><\/div><\/div><div class=\"ugb-number-box__item ugb-number-box__item3\"><span class=\"ugb-number-box__number\">03<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Site Design<\/h4><p class=\"ugb-number-box__description\"><strong>Design a Site<\/strong> that is usable, understandable and engaging.<\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignfull wp-block-ugb-number-box ugb-number-box ugb-7777e70 ugb-number-box--v3 ugb-number-box--columns-3 ugb-main-block\"><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-number-box__item ugb-number-box__item1\"><span class=\"ugb-number-box__number\">04<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Static Site Generator<\/h4><p class=\"ugb-number-box__description\">Implement a web site using <strong>Eleventy<\/strong> ( on <strong><strong>Jamstack<\/strong>)<\/strong><\/p><\/div><\/div><div class=\"ugb-number-box__item ugb-number-box__item2\"><span class=\"ugb-number-box__number\">05<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Dynamic Elements<\/h4><p class=\"ugb-number-box__description\">Add <strong>Dynamic Elements<\/strong> to a site.<\/p><\/div><\/div><div class=\"ugb-number-box__item ugb-number-box__item3\"><span class=\"ugb-number-box__number\">06<\/span><div class=\"ugb-number-box__content\"><h4 class=\"ugb-number-box__title\">Development Tools<\/h4><p class=\"ugb-number-box__description\">Setup and use Web Development Tools<\/p><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"alignwide wp-block-ugb-feature ugb-feature ugb-e3f619b ugb-feature--v2 ugb-feature--design-plain ugb-feature--invert ugb-main-block\"><style>.ugb-e3f619b .ugb-inner-block{text-align:left}@media screen and (min-width:768px){.ugb-e3f619b .ugb-img{width:900px;height:auto !important}}<\/style><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-feature__item\"><div class=\"ugb-feature__content\"><h2 class=\"ugb-feature__title\">UX<\/h2><p class=\"ugb-feature__description\">Short for user experience, this is a focus on how people experience your site. It includes:<br>\u2013 Planning \/ Sketching \/ Documentation<br>&#8211; Visual Design<br>\u2013 Accessibility and more &#8230;<br><br>We will mix this in throughout the course.<br> <br><\/p><\/div><div class=\"ugb-feature__image-side\"><img decoding=\"async\" class=\"ugb-feature__image ugb-img wp-image-291 ugb--shadow-3\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/1441\/2021\/02\/ux-5089032_1920-copy.png\" alt=\"\" title=\"\" height=\"798\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/02\/ux-5089032_1920-copy.png 900w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/02\/ux-5089032_1920-copy-300x266.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-content\/uploads\/sites\/2125\/2021\/02\/ux-5089032_1920-copy-768x681.png 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-advanced-heading uagb-block-d5903526\"><h2 class=\"uagb-heading-text\">Other Topics<\/h2><div class=\"uagb-separator-wrap\"><div class=\"uagb-separator\"><\/div><\/div><p class=\"uagb-desc-text\">Web Development Process<br>Careers<br>Giving Presentations<br>Learning Science<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Foundational Knowledge This is the core knowledge (terms, definitions, facts, syntax etc.). This is information that you need to know to make everything else make sense. Learning these will not only prepare you for the development we do in class but also give you a solid foundation for any web design projects you come across.&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/topics\/\">Continue reading <span class=\"screen-reader-text\">Topics<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"coauthors":[87],"class_list":["post-521","page","type-page","status-publish","hentry","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>Foundational KnowledgeThis is the core knowledge (terms, definitions, facts, syntax etc.). This is information that you need to know to make everything else make sense. Learning these will not only prepare you for the development we do in class but also give you a solid foundation for any web design projects you come across.HTMLCSSJavaScriptDesign Principles CompetenciesWhen you are competent at something, you have the ability to do it successfully. We will work towards these six competencies in class. 01PlanCreate a Plan for a Web Site02Responsive SiteCreate a Responsive Web Site03Site DesignDesign a Site that is usable, understandable and engaging. 04Static&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/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-spring-22\/author\/cstein\/"},"uagb_comment_info":0,"uagb_excerpt":"Foundational Knowledge This is the core knowledge (terms, definitions, facts, syntax etc.). This is information that you need to know to make everything else make sense. Learning these will not only prepare you for the development we do in class but also give you a solid foundation for any web design projects you come across.&hellip;&hellip;","_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/types\/page"}],"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=521"}],"version-history":[{"count":16,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/521\/revisions"}],"predecessor-version":[{"id":2451,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/pages\/521\/revisions\/2451"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-spring-22\/wp-json\/wp\/v2\/coauthors?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}