{"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":"2026-08-28T18:04:10","modified_gmt":"2026-08-28T18:04:10","slug":"course-software","status":"publish","type":"page","link":"https:\/\/nmi.cool\/webdev\/course-software\/","title":{"rendered":"Course software"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"814\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-1024x814.png\" alt=\"\" class=\"wp-image-5658\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-1024x814.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-300x239.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-768x611.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-1536x1221.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2024\/06\/webdev-apps-2048x1629.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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 &#8211; Google Chrome<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><a aria-label=\" (opens in a new tab)\" href=\"http:\/\/www.google.com\/chrome\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Google Chrome<\/strong><\/a>&#8211;\u00a0For web development, Chrome is tops. Make sure to download it, and set it as your default on your computer. To do that, click into the &#8220;Settings.&#8221; <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"784\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.58.30-PM-1024x784.png\" alt=\"\" class=\"wp-image-6551\" style=\"width:515px;height:auto\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.58.30-PM-1024x784.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.58.30-PM-300x230.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.58.30-PM-768x588.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.58.30-PM.png 1084w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Locate &#8220;Default browser&#8221; in the menu and make sure Chrome is selected as your default. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While you&#8217;re there, we strongly recommend  you to configure Chrome to download files directly to your desktop <a href=\"#footnote-1-362\" id=\"note-1-362\" rel=\"footnote\">1<\/a>. To do that, find Downloads in that same settings list and change the location to Desktop. See below! <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"555\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-1024x555.png\" alt=\"\" class=\"wp-image-6552\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-1024x555.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-300x162.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-768x416.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-1536x832.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-2.02.12-PM-2048x1109.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Code Editor &#8211; Visual Stuido Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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\/14\/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\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM.png 1574w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-300x227.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-1024x774.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-768x580.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.14.50-PM-1536x1160.png 1536w\" sizes=\"auto, (max-width: 1574px) 100vw, 1574px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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\/14\/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\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM.png 1583w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-300x176.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-1024x602.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-768x452.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.13-PM-1536x903.png 1536w\" sizes=\"auto, (max-width: 1583px) 100vw, 1583px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then open System Preferences, navigate to Security and Privacy, then General, then click &#8220;Open Anyway&#8221;<a href=\"#footnote-2-362\" id=\"note-2-362\" rel=\"footnote\">2<\/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\/14\/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\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM.png 1336w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM-300x257.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2020\/01\/Screen-Shot-2020-01-06-at-11.15.30-PM-1024x878.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/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 &#8211; Cyberduck<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><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).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"279\" src=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-1024x279.png\" alt=\"\" class=\"wp-image-6553\" srcset=\"https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-1024x279.png 1024w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-300x82.png 300w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-768x210.png 768w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-1536x419.png 1536w, https:\/\/nmi.cool\/webdev\/wp-content\/uploads\/sites\/14\/2026\/08\/Screenshot-2026-08-28-at-1.28.38-PM-1-2048x559.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\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. A good ol&#8217; flash drive works great for our needs, especially if you&#8217;re taking Web Dev residentially and need to get your files from one machine (lab computer) to another (your computer) and vice versa. The following can be used as back-up on your personal computer (highly recommended)! <\/li>\n\n\n\n<li>Syncing Software &#8211; There are several great file syncing services out there, and if you&#8217;re comfortable \/ already invested in one of them, go for it. However, if you&#8217;re looking for a good option, check out <a href=\"https:\/\/ugamail.uga.edu\/onedrive_business\/\">OneDrive<\/a>. It&#8217;s easily accessed through your email, or you can download it to your desktop. The beauty of OneDrive is that you get 1TB of storage for FREE as a UGA student which should be more than enough for this course. However, there are many other options such as Dropbox, Google Drive, etc. <br><br><strong>IMPORTANT: <\/strong>If you do go with OneDrive, you&#8217;ll want to make sure that you right click your class folder(s) and choose the option, &#8220;Always Keep On This Device.&#8221; This same requirement applies to any syncing tool you use though the process may vary a bit.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n<div class=\"footnotes\"><hr \/><ol><li id=\"footnote-1-362\" class=\"footnote\"><p>Why? Because 1) Your desktop is super-easy to access 2) It&#8217;s visible so you should at least be mildly incentivized to keep it clean unlike&#8230; 3) Your downloads folder, which inevitably becomes a hot mess of random files because it&#8217;s mostly out of sight<a href=\"#note-1-362\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-1.footnote--><li id=\"footnote-2-362\" class=\"footnote\"><p>I promise this is fine.<a href=\"#note-2-362\" class=\"footnote-return\">&#8617;<\/a><\/p><\/li><!--\/#footnote-2.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 &#8211; Google Chrome Google Chrome&#8211;\u00a0For web development, Chrome [&hellip;]<\/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\/webdev\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":11,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"predecessor-version":[{"id":6554,"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/pages\/362\/revisions\/6554"}],"wp:attachment":[{"href":"https:\/\/nmi.cool\/webdev\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}