{"id":697,"date":"2019-11-13T16:30:15","date_gmt":"2019-11-13T16:30:15","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/?p=697"},"modified":"2019-11-17T22:12:08","modified_gmt":"2019-11-17T22:12:08","slug":"class-20-base-responsive-page-part-2","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/2019\/11\/13\/class-20-base-responsive-page-part-2\/","title":{"rendered":"Class 20: Base Responsive Page, part 2"},"content":{"rendered":"\n<p>class on Wednesday 11\/13\/2019<\/p>\n\n\n\n<p>Today we will start with a quiz quizlet game.<\/p>\n\n\n\n<p>GitHub<\/p>\n\n\n\n<p>Then we are sign to look at integrating GitHub into your editor. We will focus on Brackets with Brackets Git but many of the same ideas also apply to other editors. Most notably: Atom (made by GitHub), Sublime Text and Visual Studio Code.<\/p>\n\n\n\n<p>I have created some videos that help explain the process that I will make available after class. For now we will all follow along in adding the files.<\/p>\n\n\n\n<p><strong>Connecting a local folder to a GitHub repository through Brackets Git<\/strong><br> We will first see how to connect our local files to GitHub.<\/p>\n\n\n\n<p><strong>Git\/GitHub Workflow<\/strong><br> Then we will look at the typical workflow. The basic process is:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Pull changes from GitHub<\/li><li> Work and make Commits<\/li><li> Push Changes to GitHub<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">New Base Responsive Page<\/h3>\n\n\n\n<p><a href=\"https:\/\/github.com\/profstein\/Base-Responsive-Page\">https:\/\/github.com\/profstein\/Base-Responsive-Page<\/a><\/p>\n\n\n\n<p>This new base page adds a number of things:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Modernizr: <a href=\"https:\/\/modernizr.com\/\">https:\/\/modernizr.com<\/a><\/li><li>Selectivizr: <a href=\"http:\/\/selectivizr.com\/\">http:\/\/selectivizr.com\/<\/a><\/li><li> jQuery: <a href=\"https:\/\/jquery.com\/\">https:\/\/jquery.com\/<\/a><\/li><li>Normalize: <a href=\"https:\/\/necolas.github.io\/normalize.css\/\">https:\/\/necolas.github.io\/normalize.css\/<\/a> <\/li><li>HTML5 Boilerplate: <a href=\"https:\/\/html5boilerplate.com\/\">https:\/\/html5boilerplate.com\/<\/a>  this project is very similar but intended to be not quite as complex to  look at on the GitHub page and includes some example HTML and CSS.         <\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Updates to Project File<\/h3>\n\n\n\n<p> We are going to use our new GitHub skills to make some changes to your project files to prepare for being more fully responsive and for using Sass, which we\u2019ll start next week.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>class on Wednesday 11\/13\/2019 Today we will start with a quiz quizlet game. GitHub Then we are sign to look at integrating GitHub into your editor. We will focus on Brackets with Brackets Git but many of the same ideas also apply to other editors. Most notably: Atom (made by GitHub), Sublime Text and Visual [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":706,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[25],"tags":[],"class_list":{"0":"post-697","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-in-class-information","8":"czr-hentry"},"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/comments?post=697"}],"version-history":[{"count":3,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/697\/revisions"}],"predecessor-version":[{"id":701,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/posts\/697\/revisions\/701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/media\/706"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/media?parent=697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/categories?post=697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-240-fall-19-stein\/wp-json\/wp\/v2\/tags?post=697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}