Front End Engineering, August 2015
Introduction
1.
Class Notes
1.1.
Mon, Aug 24 (1.1)
1.1.1.
How to Learn
1.1.2.
Computer Setup
1.1.3.
Atom Setup
1.1.4.
Optional Setup
1.2.
Tue, Aug 25 (1.2)
1.2.1.
GitHub Pages
1.2.2.
HTML Standards
1.2.3.
HTML 101
1.2.4.
HTML Elements
1.2.5.
CSS 101
1.2.6.
CSS Box Model
1.3.
Wed, Aug 26 (1.3)
1.3.1.
CSS Selectors
1.3.2.
Fonts & Units
1.3.3.
Responsive web development
1.4.
Mon, Aug 31 (2.1)
1.4.1.
Terminal 101
1.4.2.
Git installation
1.4.3.
Git 101
1.4.4.
GitHub 101
1.4.5.
Git workflow
1.4.6.
Git Pro Tips
1.5.
Tue, Sep 01 (2.2)
1.5.1.
SASS/SCSS
1.5.2.
scss-lint
1.5.3.
sass CLI
1.5.4.
Bourbon and Neat
1.6.
Tue, Sep 08 (3.2)
1.6.1.
Document Object Model
1.6.2.
Animations
1.6.3.
Transitions and Transforms
1.7.
Wed, Sep 09 (3.3)
1.7.1.
JavaScript Intro
1.7.2.
`data-behavior`
1.7.3.
Function Design Strategy
1.7.4.
setTimeout/setInterval
1.7.5.
Equality and Coersion
1.8.
Thu, Sep 10 (3.4)
1.8.1.
Iteration Functions
1.9.
Mon, Sep 14 (4.1)
1.9.1.
Git commits and branching
1.10.
Tue, Sep 15 (4.2)
1.10.1.
Handlebars
1.11.
Wed, Sep 16 (4.3)
1.11.1.
jQuery 101
1.12.
Thu, Sep 17 (4.4)
1.12.1.
Async
1.12.2.
Ajax
1.13.
Mon, Sep 21 (5.1)
1.13.1.
Scope
1.13.2.
this
1.13.3.
Prototypes and Constructors
1.13.4.
Inheritance
1.14.
Mon, Sep 28 (6.1)
1.14.1.
Backbone Intro
1.14.2.
Backbone Models and Collections
1.14.3.
Backbone Views
1.15.
Thu, Oct 01 (6.4)
1.15.1.
Backbone: Choose Your Own Adventure
1.16.
Thu, Oct 15 (8.4)
1.16.1.
React cheatsheet
1.16.2.
Atom + React setup
1.17.
Fri, Oct 16 (8.5)
1.17.1.
Final Project Requirements
1.17.2.
Demo Day Notes
1.18.
Fri, Nov 13
1.18.1.
Webpack to GitHub Pages
2.
Assignments
3.
Tentative Schedule
4.
Course Information
5.
Policies
6.
Contact
Powered by
GitBook
Front End Engineering, August 2015
Responsive Web Development
RWD checklist
I often use the Bootstrap grid sizes for my media queries. You can find them in the comments here:
http://getbootstrap.com/css/#grid-media-queries
Further Reading
Responsive Web Design: What It Is and How To Use It
Which Layout? Static, Liquid, Adaptive, or Responsive (with examples)
media query example