Front End Engineering, May 2015
Introduction
1. Class Notes
- 1.1. Mon, May 4 (1.1)
  - 1.1.1. Kickoff
  - 1.1.2. Setup
  - 1.1.3. Atom Setup
  - 1.1.4. Optional Setup
- 1.2. Tue, May 5 (1.2)
  - 1.2.1. HTML 101
  - 1.2.2. CSS 101
  - 1.2.3. Terminal 101
  - 1.2.4. Git installation
  - 1.2.5. Git 101
  - 1.2.6. GitHub 101
  - 1.2.7. Git workflow
- 1.3. Wed, May 6 (1.3)
  - 1.3.1. Assignment Workflow
  - 1.3.2. CSS Box Model
  - 1.3.3. HTML Standards
- 1.4. Thu, May 7 (1.4)
  - 1.4.1. Hidden Files
- 1.5. Fri, May 8 (1.5)
  - 1.5.1. Time Management
- 1.6. Mon, May 11 (2.1)
  - 1.6.1. git
  - 1.6.2. GitHub Pages
- 1.7. Tue, May 12 (2.2)
  - 1.7.1. Fonts & Units
  - 1.7.2. Responsive web development
- 1.8. Wed, May 13 (2.3)
  - 1.8.1. SASS/SCSS
  - 1.8.2. sass CLI
  - 1.8.3. Bourbon and Neat
  - 1.8.4. scss-lint
  - 1.8.5. CSS Selectors
  - 1.8.6. .gitignore
- 1.9. Mon, May 18 (3.1)
  - 1.9.1. JavaScript Intro
- 1.10. Tue, May 26 (4.2)
  - 1.10.1. Iteration Functions
- 1.11. Wed, May 27 (4.3)
  - 1.11.1. jQuery 101
- 1.12. Thu, May 28 (4.4)
  - 1.12.1. Async
  - 1.12.2. setTimeout/setInterval
  - 1.12.3. Ajax
- 1.13. Fri, May 29 (4.5)
  - 1.13.1. Equality and Coersion
- 1.14. Mon, June 1 (5.1)
  - 1.14.1. Inheritance
  - 1.14.2. Prototypes and Constructors
- 1.15. Tue, June 2 (5.2)
  - 1.15.1. Scope
  - 1.15.2. `this`
- 1.16. Wed, June 3 (5.3)
  - 1.16.1. Functional Programming
- 1.17. Thu, June 4 (5.4)
  - 1.17.1. Playbook
- 1.18. Mon, June 8 (6.1)
  - 1.18.1. Git merge conflicts
  - 1.18.2. ES2015
  - 1.18.3. Git hooks
- 1.19. Wed, July 1 (9.1)
  - 1.19.1. Ember authentication
- 1.20. Thu, July 16 (11.4)
  - 1.20.1. Deploying Ember to gh-pages
- 1.21. Mon, July 20 (12.1)
  - 1.21.1. ember-parse-adapter findQuery
2. Assignments
3. Final Project Requirements
4. Tentative Schedule
5. Course Information
6. Policies
7. Contact
8. Prework

Front End Engineering, May 2015

Setup

Some of the following tools require the use of the terminal (Terminal.app). This can be quite overwhelming if you've never used it before, but don't worry, you'll soon grow comfortable with it.

Development Tools

Install script

A custom install script can be used to install all of the developer tools you will need for the class. To run the install script:

Open Terminal.app
In the terminal, type xcode-select --install and follow the on screen instructions.
Download the script to your Desktop by going to File > Save As and saving it as install-script.sh on your Desktop.
In the terminal, navigate to your Desktop by typing cd ~/Desktop at the prompt
Make the script runnable by typing chmod 755 install-script.sh at the prompt (this won't produce any visible change).
Run the script by typing ./install-script.sh at the prompt.

Github

GitHub is a web-based hosting and communication service for software development projects that use the Git revision control system. Sign up for an account.

Make sure to add a profile picture and your full name, since this will help me learn your name.

CodePen

CodePen is an HTML, CSS, and JavaScript code editor in your browser with instant previews. We will use this in class for demonstrations.

You may sign up for your own account if you would like.

Creating an SSH key

You'll need an SSH key when using Github. SSH keys are a way to identify trusted computers, without involving passwords. Walk through the steps in the following tutorial to create your SSH key and add it to your Github account: https://help.github.com/articles/generating-ssh-keys

Screenhero

Screenhero is an interactive screen sharing application. We'll be using it throughout the class for homework review and debugging during the lectures.

They do not allow you to sign up for a new account, so please email jake@theironyard with the email address you would like to sign up with and he will send you an invitation.