Understanding How Your Tools Interact

Technical, isn’t it?

Where Do I Even Start..?

The NMI has kindly provided you with an iMac.

(You may not know it, but your very own desktop is tied to allllll of the other iMacs in the classroom…and they are linked to our main network. Your professor can even control your screen! But more on that later. 🤗)

Hopefully by this point, you’ve gone through how to use your own account on this wonderful Apple desktop, you’ve introduced yourself to Adobe Brackets, and you’ve logged into your very own personalized CyberDuck server. Don’t forget the omnipresent force of DropBox! (But that one’s easy enough.)

It seems like a lot…and it may be. But you need all of these platforms, because all of them, er, talk to each other (if you will).

DropBox: Keeping It Together

Preferably with a Google login, using DropBox builds on the files-and-folders theme introduced from the start. All of your projects will be categorized in some sort of folder, sensibly named after said proejct, living under your 4110 site’s folder.

Once you’ve created a folder in DropBox, you can access any and every project from not only your NMI desktop but also from your laptop at home, at home-home, the MLC, a coffee shop…wherever there’s wifi and DC power.

Brackets: Bespoke Code

Through the wonder of DropBox, you can open Brackets on your desktop in class or your laptop on your own time and edit HTML, CSS, and Javascript documents (never forgetting to “save all” every now and then). To learn code is to use Brackets: the program lays the groundwork for all of your projects that will eventually go live.

Brackets even has a lovely live preview function that opens your project in a Google Chrome window, allowing you to see your progress in real time. You’ll make mistakes, and Brackets will tell you all about them. When they’re fixed – and all the lesson’s boxes are ticked – you can move on to taking your site live.