{"id":94,"date":"2020-01-08T16:37:29","date_gmt":"2020-01-08T16:37:29","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mes152-samplesite\/?page_id=94"},"modified":"2020-07-28T22:25:53","modified_gmt":"2020-07-28T22:25:53","slug":"web-app-development","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/web-app-development\/","title":{"rendered":"Web &amp; App Development"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>This topic should include an overview of the infrastructure, hardware and software that make web-based media possible. The steps and key roles at play in web development are divided into three main categories: UX, Front-end and Back-end. Some important terminology associated with each of them is outlined in the links below. Web and app development are closely linked but there are different approaches to building content for smartphones and tablets. The difference between native apps, web apps and responsive design should be addressed.<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\/\/\/\/\/\/\/\/\/\/ HOW THE INTERNET WORKS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key concepts \/ terms<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/web-server\/\">Web server<\/a>\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/client\/\">Client\u00a0&amp; \u00a0web \u00a0browser\u00a0<\/a> \u2666 \u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/internet-protocols-http-ftp\/\">Internet Protocols (HTTP &amp; FTP)<\/a>\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/ip-address-domain-name-url\/\">IP Address\/Domain name\/URL<\/a>\u00a0\u00a0\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/cloud-computing\/\">Cloud computing<\/a>\u00a0\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/p2p\/\">P2P<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/www.dontfeartheinternet.com\/01-not-tubes\/\">Don\u2019t Fear the Internet: Not a Series of Tubes&nbsp;<\/a>\u2013&nbsp;Video series by Jessica Hische &amp; Russ Maschmeyer<\/li><li><a href=\"http:\/\/www.wimp.com\/internetworks\/\">How the Internet Works<\/a>&nbsp;\u2013&nbsp;Video&nbsp;by WIMP<\/li><li><a href=\"http:\/\/www.nytimes.com\/video\/technology\/100000001766676\/what-keeps-a-data-center-going.html\">Into the Cloud<\/a>&nbsp;\u2013 NYTimes video<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=h8K49dD52WA\">History of the Internet<\/a>&nbsp;\u2013 by Life Noggin<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\/\/\/\/\/\/\/\/\/\/ WEB DESIGN<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key concepts \/ terms<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/creative-brief\/\">The Creative Brief<\/a>\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/ux-design\/\">UX Design<\/a>\u00a0\u2666\u00a0\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/front-end-development\/\">Front-end\u00a0development\u00a0<\/a>\u2666 \u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/back-end-development\/\">Back-end development<\/a>\u00a0\u2666\u00a0<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/markup-and-programming-languages\/\">Markup vs programming languages<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/www.dontfeartheinternet.com\/02-html\/\">Don\u2019t Fear the Internet: HTML<\/a><em>&nbsp;\u2013&nbsp;<\/em>Video series by Jessica Hische &amp; Russ Maschmeyer<\/li><li><a href=\"http:\/\/www.dontfeartheinternet.com\/03-the-browser\/\">Don\u2019t Fear the Internet: Don\u2019t Fear The Browser<\/a><\/li><li><a href=\"http:\/\/www.dontfeartheinternet.com\/04-from-scratch\/\">Don\u2019t Fear the Internet: Starting From Scratch: HTML<\/a><\/li><li><a href=\"http:\/\/www.dontfeartheinternet.com\/05-from-scratch\/\">Don\u2019t Fear the Internet: Starting From Scratch: CSS<\/a><\/li><li><a href=\"http:\/\/video.pbs.org\/video\/2281794515\/\">The Art of Web Design<\/a>&nbsp;\u2013 Video from PBS\u2019 OffBooks series<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=Ovj4hFxko7c\">What the Heck Is UX?<\/a><\/li><li><a href=\"http:\/\/sixrevisions.com\/user-interface\/website-wireframing\/\">Ultimate Guide to Website Wireframing<\/a>&nbsp;\u2013 Article by Cameron Chapman<\/li><li><a href=\"https:\/\/www.youtube.com\/watch?v=T0vt3nLZKks\">What is a Wireframe?<\/a>&nbsp;\u2013 video explaining the process<\/li><li><a href=\"http:\/\/craigmod.com\/sputnik\/nyt_now\/\">Coming Home: NYT Now<\/a>&nbsp;\u2013 Article by Craig Mod<\/li><li><a href=\"http:\/\/www.smashingmagazine.com\/2010\/01\/better-user-experience-using-storytelling-part-one\/\">Better User Experience With Storytelling<\/a>&nbsp;\u2013 by Francisco Inchauste<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\/\/\/\/\/\/\/\/\/\/ APP DEVELOPMENT<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Key concepts \/ terms<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N<a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/native-apps-vs-web-apps-vs-hybrid-apps\/\">ative Apps vs. Web Apps vs. Hybrid Apps<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resources<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/www.nytimes.com\/2015\/03\/10\/technology\/apple-watch-event.html\">Apple Watch Success Will Hinge on Apps<\/a>&nbsp;\u2013 NYTimes article by Brian X. Chen<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This topic should include an overview of the infrastructure, hardware and software that make web-based media possible. The steps and key roles at play in web development are divided into three main categories: UX, Front-end and Back-end. Some important terminology associated with each of them is outlined in the links below. Web and app development &hellip; <a href=\"https:\/\/openlab.bmcc.cuny.edu\/mes152\/web-app-development\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Web &amp; App Development&#8221;<\/span><\/a><\/p>\n","protected":false},"author":21,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":278,"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/pages\/94\/revisions\/278"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mes152\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}