GA Week 1 with Francke Jones

gistfile1.md

Week 1 Recap of Francke's Lessons

User Scenarios and Wireframing

Recap: Hack.UX() and model user experiences by:

var HackUX = { 
    problem_set: "Defined",
    objective: "Defined",
    user_goals: "Defined",
    user_scenarios: "Defined",
    wireframes: "Incomplete",
    prototype: "Incomplete",
    hackTheUXLifecycle: function() {
        var status = "Complete";
        this.wireframes = "Complete";
        this.prototype = "Complete";
        console.log("Mission " + status + "!");
    }
  }
HackUX.hackTheUXLifecycle();

• Here's that PDF/Powerpoint https://www.dropbox.com/s/a6011adh0csibkz/uxdm.pdf on modelling the Experience
• Here's that awesome video on Famo.us we looked at, something we'll be looking at towards the end of our course: https://www.youtube.com/watch?v=YmQMVjCVZBo
• Tools Used: http://www.axure.com/, invisionapp.com

Intro to HTML & CSS

Recap: Learn Basics HTML/CSS

• HTML - basic elements, divs, p, table, header, asides, headings, spans, forms, inputs, buttons
• CSS - colors, positioning, fonts, padding, borders, sizes, margins, importing external sheets
• MiniProject - Shady Sales Landing Page (GrannieCoders.com, CodingKittens.com)

Intro to JS

Recap: Consoles, Hints, Codepen and JS Basics

• Vars, Objects, Functions, Alerts/Logs, JSON, Imports
• Syntax correction: JSHint.com, Play with your Objects: Inspector/Console, Make a widget: Codepen.io