{"id":362,"date":"2018-08-12T17:28:10","date_gmt":"2018-08-12T22:28:10","guid":{"rendered":"http:\/\/newmediaproduction.mynmi.net\/?page_id=362"},"modified":"2023-08-18T14:09:39","modified_gmt":"2023-08-18T14:09:39","slug":"course-software","status":"publish","type":"page","link":"https:\/\/nmi.cool\/web\/course-software\/","title":{"rendered":"Course software"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"3320\" height=\"2640\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM.png\" alt=\"Icons for Cyberduck, Dropbox, Chrome, and Visual Studio Code\" class=\"wp-image-909\" srcset=\"https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM.png 3320w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-300x239.png 300w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-1024x814.png 1024w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-768x611.png 768w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-1536x1221.png 1536w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-2048x1629.png 2048w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-08-at-4.39.02-PM-1568x1247.png 1568w\" sizes=\"auto, (max-width: 3320px) 100vw, 3320px\" \/><\/figure>\n\n\n\n<p>We&#8217;ll use the following tools, all of them free and cross-platform, in this course. These are all already installed on the classroom iMacs for residential sections. Students in both residential and online classes must install and configure all of them on their personal computers, as well.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Browser<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.google.com\/chrome\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Google Chrome<\/a>&#8211;&nbsp;I actually prefer Safari for my day-to-day browser, but for web development, Chrome is tops. Make sure it&#8217;s your default on your lab computer.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Code Editor<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/code.visualstudio.com\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Visual Studio Code<\/a> &#8211; Quickly becoming the industry standard for code editing, we&#8217;ll use this to create and edit HTML, CSS, and JavaScript files. Also, on a Mac, you&#8217;ll need to follow these steps to install in after clicking download and then double-clicking on the .dmg file.<\/li>\n<\/ul>\n\n\n\n<p>Drag the Visual Studio Code to your Applications folder:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1574\" height=\"1189\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM.png\" alt=\"Visual Studio Code icon above Applications folder\" class=\"wp-image-856\" srcset=\"https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM.png 1574w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-300x227.png 300w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-1024x774.png 1024w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-768x580.png 768w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-1536x1160.png 1536w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-1568x1184.png 1568w\" sizes=\"auto, (max-width: 1574px) 100vw, 1574px\" \/><\/figure>\n\n\n\n<p>Double-click on the icon to open it, getting this warning:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1583\" height=\"931\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM.png\" alt=\"Unnecessarily ominous warning\" class=\"wp-image-857\" srcset=\"https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM.png 1583w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-300x176.png 300w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-1024x602.png 1024w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-768x452.png 768w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-1536x903.png 1536w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-1568x922.png 1568w\" sizes=\"auto, (max-width: 1583px) 100vw, 1583px\" \/><\/figure>\n\n\n\n<p>Then open System Preferences, navigate to Security and Privacy, then General, then click &#8220;Open Anyway&#8221;<a href=\"#footnote-1-362\" id=\"note-1-362\" rel=\"footnote\">1<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1336\" height=\"1146\" src=\"https:\/\/nmi.cool\/newmediaproduction\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM.png\" alt=\"Security and Privacy screen\" class=\"wp-image-858\" srcset=\"https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM.png 1336w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM-300x257.png 300w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM-1024x878.png 1024w, https:\/\/nmi.cool\/web\/wp-content\/uploads\/sites\/3\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM-768x659.png 768w\" sizes=\"auto, (max-width: 1336px) 100vw, 1336px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">FTP<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/cyberduck.io\/?l=en\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Cyberduck<\/a> &#8211; Weirdly, you pay for this tool in the Mac App Store, but you can still download it for free straight from their website. Your FTP client will allow you to connect to and manage your server (once you have one).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">File Sync<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.amazon.com\/SanDisk-128GB-Ultra-Drive-Type-C\/dp\/B01EZ0X55C\/ref=sr_1_4?crid=10PEZA2XMY9MA&amp;keywords=usb%2Bc%2Band%2Busb%2Ba%2Bdual&amp;qid=1692129703&amp;sprefix=usb%2Bc%2Band%2Busb%2Ba%2Bdual%2Caps%2C86&amp;sr=8-4&amp;th=1\">Flash Drive<\/a> &#8211; This will be your primary file storage system. The following can be used as back-up on your personal computer (highly recommended)!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.dropbox.com\/basic\" target=\"_blank\">Dropbox<\/a>\u00a0&#8211; There are other file syncing services out there, and if you&#8217;re comfortable \/ already invested in one of them, go for it. Otherwise, Dropbox really is pretty great. Just ignore the repeated pleas to upgrade to a paid subscription\u2014totally unnecessary for this course!<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/ugamail.uga.edu\/onedrive_business\/\" target=\"_blank\">OneDrive<\/a> &#8211; This is another solid option for file syncing, and comes with the added bonus that you get a whopping 5TB of free storage as a UGA student. OneDrive is easily accessed through your UGA email or you can download it to your desktop. This is a great option if you run into Dropbox trouble. <\/li>\n<\/ul>\n<div class=\"footnotes\"><hr \/><ol><li id=\"footnote-1-362\" class=\"footnote\"><p>I promise this is fine.<a href=\"#note-1-362\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-1.footnote--><\/ol><\/div><!--\/#footnotes-->","protected":false},"excerpt":{"rendered":"<p>We&#8217;ll use the following tools, all of them free and cross-platform, in this course. These are all already installed on the classroom iMacs for residential sections. Students in both residential and online classes must install and configure all of them on their personal computers, as well. Browser Code Editor Drag the Visual Studio Code to &hellip; <a href=\"https:\/\/nmi.cool\/web\/course-software\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Course software<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":2,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":4390,"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/pages\/362\/revisions\/4390"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/web\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}