Atom is a modern Integrated Development Environment (IDE) created by GitHub. We will be using this extraordinary text and source code editor to create web sites.
Install Atom Mac and Windows
Google Chrome is a modern web browser with tools to help you develop/analyze/troubleshoot websites.

Install Google Chrome

  1. Download and install from Google Chrome

Why Google Chrome?

While it's important that you test in all the common web browsers, for the sake of common ground I will be using Google Chrome to teach the concepts covered throughout each course. To enhance your learning experience its required that you download and use Google Chrome for the duration of my classes.

Install Google Chrome Plugins

The following are plugins that I use in Google Chrome to provide additional functionality (e.g. guides, screenshots).

  1. Check My Links
  2. GuideLinr
  3. Page Ruler
  4. Full Page Screen Capture
  5. JSon Formatter
  6. Keyboard Shortcuts to Close Other/Right Tabs
  7. WhatFont
  8. Marmoset
  9. YSlow
  10. Web Developer
  11. Web Developer
  12. DevTools Autosave
  13. Instant Wireframe
  14. PHP Ninja Manual
  15. PerfectPixel
  16. IE Tab
  17. Chrome Daltonize
MAMP is a all-in-one, web server for setting up a testing environment (Apache, MySQL and PHP).

Install MAMP

  1. Download and install from MAMP


There are server side technologies that make it easier for you to manage your website. In order to test these technologies out, you need to turn your computer into a Web Server. You could manually install these technologies one at a time (e.g. Apache the Web Server, MySQL the Database, and PHP the scripting language) - but MAMP makes it so easy to do it all in one. There are other all in one solutions, however, MAMP has always been the easiest to configure - and given that it is now cross platform (Windows and MAC), it is the best solution to teach from.

MAMP used to stand for Mac Apache MySQL and PHP, but they now have a windows version - so the first M is no longer as valid.

You do not need MAMP Pro. Pro gives you some interesting features that you may wish to use down the road. For our purposes we won't be needing any of the fancy features of Pro. Truth be told, I have never had a need to go to Pro in my professional experience.
Photoshop is the digital hub for most Graphic Design projects. While there are other apps out there, it is the industry standard. We will be using Photoshop to develop and manage our digital image assets for the web. At the end of the day, I won't know if you used Photoshop or another application. However, I will be teaching from Photoshop, so if you want to reduce the learning curve - this is a must have app.
  1. 10-day Free Trial of Photoshop
  2. Full Creative Cloud Suite Student Discount or there is also a discounted membership for the Creative Cloud Photography plan, which is Photoshop and Lightroom only can all be found here