Sublime is a modern Integrated Development Environment (IDE). We will be using this extraordinary text and source code editor to create web sites.
  1. Download and Install Sublime Text 3
  2. Install Package Control
  3. Install The Following Packages

    1. Control + Shift Plus P

    2. Package Control: Install Package

    3. Wait for it to connect to internet and then type one of the following package names.

    • A File Icon
    • AdvancedNewFile
    • All Autocomplete
    • AutoFileName
    • Emmet
    • Emmet Css Snippets
    • HTML-CSS-JS Prettify
    • HTMLBeautify
    • Pretty JSON
    • Sass
    • SASS Snippets
    • SCSS
    • SideBarEnhancements
    • SublimeLinter
    • SublimeLinter-eslint
    • ColorPicker
  4. Install My Snippets
    1. Download My Snippets
    2. Place in the following folder
      • Mac:
        1. From Finder, Go (Menu) > Go To Folder...
        2. Paste the following in the field ~/Library/Application Support/Sublime Text 3/Packages/User
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
Git is version control. Github is a place to publish the work that you do and share with others.

Create a Github Account

  1. Create a free account on Github. Will also make it easier if you do this before downloading git desktop client, as it will ask for your Gihub account.

Install Git

For Mac

  1. Open Terminal, Copy and Paste the following command
  2. git --version

If Git is already installed, you will get the version number. If not, it will prompt you to install XCode Command Line Tools (yes you should install the XCode Command Line Tools).

For Windows

Install Git For Windows Video
  1. Download and install Git For Windows

Windows Atom Tip

The Platformio IDE Terminal Plugin gives you the ability to open terminal right in Atom. Since Windows uses Git Bash, its a good idea to point Atom to Git Bash for quick access/

Set the default shell in: Edit>>Settings>>Packages>>Platformio Ide Terminal>>Settings>>Shell Override

You can use the git's bash as proposed here as you probably already have git installed.

C:\Program Files\Git\bin\bash.exe

Why Git?

Git is the Industry standard for version control. Makes it easy to roll things back, try things out, and work in teams without concern for doing too much damage. You cna make a mess, and have the ultimate undo at your fingertips. You can merge your work with others, without worrying so much about conflicts. Well, it helps you manage any conflicts that arise as they come.

Why Github?

Github is a place for you to publish and collaborate on your work. The free version uses public repositories, wher paid for versions let you privatize your projects, if need be.

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