{"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":"2021-08-25T02:14:51","modified_gmt":"2021-08-25T06:14:51","slug":"topics","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/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-fall-21\/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=\"alignwide wp-block-ugb-container ugb-container ugb-75877a6 ugb-container--v2 ugb-container--design-basic ugb-main-block\"><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><div class=\"ugb-container__wrapper ugb-75877a6-wrapper\"><div class=\"ugb-container__side\"><div class=\"ugb-container__content-wrapper ugb-75877a6-content-wrapper\">\n<div class=\"wp-block-ugb-heading ugb-heading ugb-8cfcea3 ugb-main-block\"><div class=\"ugb-inner-block\"><div class=\"ugb-block-content\"><h2 class=\"ugb-heading__title\">Mental Models<\/h2><p class=\"ugb-heading__subtitle\">Throughout the course we will work on mental models to give your brain a way to connect the things we will be learning together.<\/p><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-ugb-button ugb-button-wrapper ugb-c94d537 ugb-main-block\"><style>.ugb-c94d537 .ugb-block-content{justify-content:flex-start}.ugb-c94d537 .ugb-button1{background-color:#374857}.ugb-c94d537 .ugb-button1 .ugb-button--inner,.ugb-c94d537 .ugb-button1 svg:not(.ugb-custom-icon){color:#ffffff !important}.ugb-c94d537 .ugb-inner-block{text-align:left}<\/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-normal\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/topics\/mental-models\/\" rel=\"\" title=\"\"><span class=\"ugb-button--inner\">Read more about Mental Models<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div><\/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\">Jamstack Site<\/h4><p class=\"ugb-number-box__description\">Implement a web site using the <strong>Jamstack<\/strong> ( with <strong>Eleventy)<\/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<br>\u2013 Research<br>\u2013 Testing 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-fall-21\/wp-content\/uploads\/sites\/1441\/2021\/02\/ux-5089032_1920-copy.png\" alt=\"\" height=\"798\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/02\/ux-5089032_1920-copy.png 900w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/2021\/02\/ux-5089032_1920-copy-300x266.png 300w, https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-content\/uploads\/sites\/1879\/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-bde13a87\"><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-fall-21\/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 Mental ModelsThroughout the course we will work on mental models to give your brain a way to connect the things we will be learning together. Read more about Mental Models CompetenciesWhen you are competent at something, you have the ability to do it successfully. We&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Christopher Stein","url":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/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-fall-21\/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-fall-21\/wp-json\/wp\/v2\/pages\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":14,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/pages\/521\/revisions"}],"predecessor-version":[{"id":1581,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/pages\/521\/revisions\/1581"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-350-fall-21\/wp-json\/wp\/v2\/coauthors?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}