Auraelius

balance: cumulative running total of (deposits - expenses) (what the bank knows about my account)

goal: a sub-account devoted to a purpose, to be funded periodically in order to reach a predefined amount by a predefined date

allowance = money you have available to spend once  money has been allocated to your goals from your balance.

savings = sum(goals) or  aggregate amount of money allocated to all your goals
and

Auraelius

I tend to see software engineering through four frames of perception:

• Technology
• Technique
• Tools
• Teamwork

Technology:

• Programming language - you will learn many before you're done
• Libraries - learning libraries is the biggest part of web development
• Network protocols - mostly HTTP/HTTPS

Auraelius

Compare GUI vs CLI

You should plan on becoming good at all sorts of user interfaces. Each form of user interface has its advantages and disadvantages. Using only one style of UI is as silly as only using one kind of editor or one language. "Specialization is for insects." - Heinlein

• CLI - good for
  • low bandwidth environments (talking to cloud servers)
  • very fast interactions for users that already know which command to use
  • can use scripts and the alias command to create powerful custom commands
• GUI - good for
• exploring functionality & learning

Auraelius

Topics

• Testing overview (slides)
• Intro to Mocha, chai, and supertest (slides)
• Debugging tests (extra)
• Tonight's assignment (slides)

Misc details

Testing concepts

• Four phases of a test

Auraelius

// Got this snippet from the curriculum at https://courses.thinkful.com/fs-capstone-1-v1/checkpoint/6 at the "Hook up the API" section
// what is userid? what is dispatch? How many functions are here? What's getting returned? What does this do?

const {API_BASE_URL} = require('./config');

export const fetchUserProfile = (userid) => dispatch => {
    fetch(`${API_BASE_URL}/users/${userId}`).then(res => {
        if (!res.ok) {
            return Promise.reject(res.statusText);

Auraelius

handleSubmit(e) {
    e.preventDefault();
    const bookmark = (({title, url, description, rating}) => ({title, url, description, rating}))(this.state);
    const url ='https://tf-ed-bookmarks-api.herokuapp.com/v3/bookmarks';
    const options = {
      method: 'POST',
      body: JSON.stringify(bookmark),
      headers: {
        "Content-Type": "application/json",
        "Authorization": "Bearer $2a$10$GJK5LhmFVC5ds9wFSucW4.VbHv8ktw1fv7cctl730JqNUbroOItKq"

Auraelius

Steps

Example App
1. Clone  https://github.com/Thinkful-Ed/bookmarks-react-client/
2. Check out with_interactions branch
3. Install, run, and understand

Assignment App
1. Create a new react app per “Clean Start” checkpoint
2. Push react app repo to GitHub for sharing & collaboration

Auraelius

JavaScript Evening Retrospective 2015/09/02        

	* Please feel free to edit and add to this etherpad. You can remain anonymous if you wish.        
	* If you prefer, you can send us anonymous feedback at https://docs.google.com/forms/d/1Ix-5grMUdFm00ilb4_EqCLUd5jfJaOC900r-kfUHjqk/viewform        
	* And, please contact Kristina, Cris, or Collaine if you have concerns that you would prefer to discuss in person.

We will ask everybody to contribute something in both of the following areas. When it's your turn, if you agree with something that's already here, that's great. Please +1 the existing comment and then also tell us your perspective.

What is working well?

Auraelius

JavaScript Immersion Retrospective 20150902
	* Please feel free to edit and add to this etherpad. You can remain anonymous if you wish.
	* If you prefer, you can send us anonymous feedback at https://docs.google.com/forms/d/1Ix-5grMUdFm00ilb4_EqCLUd5jfJaOC900r-kfUHjqk/viewform
	* And, please contact Kristina, Cris, or Collaine if you have concerns that you would prefer to discuss in person.


We will ask everybody to contribute something in both of the following areas. When it's your turn, if you agree with something that's already here, that's great. Please +1 the existing comment and then also tell us your perspective.

Auraelius

<html>
  <head>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <style>
      body {
        font-family: "Open Sans", sans-serif;
      }
      textarea {
        height: 5em;
        width: 40em;