biglovisa

Control Flow

Student grades

• Create an if/else statement which tells you if a student should get an A, B, C, or D based on their score.
  • A: 100 - 95
  • B: 94 - 85
  • C: 84 - 75
  • D: 74 or below

biglovisa

Logical Operators

Logical operators

• Write down two statements using the || operator and two using the && operator.
  • Verifying the return value of the statements in the Node console first, let the person next to you guess whether the four statements will evaluate to true or false.
• What does "hello" || false evaluate to? Why?
• What does "hello" && undefined evaluate to? Why?
• What does "hello" && "it's me" evaluate to? Why?
• What does "hello" || "it's me" evaluate to? Why?

biglovisa

Data types: check-ins

Greeting

• Create three variables - name, age, and, homeTown - and assign them values.
  • Print "My name is X and I am Y years old. I live in Z.", where X, Y, Z represents one of your three variables.

Creating a sentence

• Assign the value tomatoes to a variable expression

biglovisa

Superfizz

Iteration 1

• Print all numbers 1-10 to the screen.

Iteration 2

• Print all numbers 1-10 to the screen.
• For multiples of 3, print "Fizz" instead of the number

biglovisa

import React, { Component, PropTypes } from 'react';

class SimpleAddNewForm extends Component {
  constructor(props) {
    super(props);
    this.state = { value: '' }

    this.handleChange = () => this._handleChange();
    this.handleClick = () => this._handleClick();
  }

biglovisa

JavaScript

• http://exercism.io/
• https://github.com/stevekinney/advanced-js-fundamentals-ck
• https://github.com/sethvincent/javascripting
• http://nodeschool.io/#workshoppers
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

Command Line

biglovisa

{
	"always_show_minimap_viewport": true,
	"bold_folder_labels": true,
	"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
	"font_face": "Inconsolata",
	"font_options":
	[
		"gray_antialias"
	],
	"font_size": 18,

biglovisa

Use this gist to write down notes and questions as you read through the lesson plan. https://github.com/turingschool/lesson_plans/blob/master/ruby_04-apis_and_scalability/react_in_theory.markdown

What does React do?

How does React interact with the DOM?

JSX

biglovisa

Minitest: Assert and Refute

Minitest provides some handy methods which allows us to check for falsey/truthy values and actually compare values.

• assert
  • The first argument passed to this method is whatever we are going to assert is truthy. For example, assert "Hello" returns true since "Hello" is a truthy value.
  • The second argument passed to this method is an optional error message. If no argument is given, it will default to Failed Assertion, no message given. For example, assert nil, "Nil is falsey" will fail, and the error message printed in the terminal will be "Nil is falsey".
• assert_equal
  • This method takes two arguments. As the name of the method indicates, we are asserting an equality of the two given values.
• refute

biglovisa

$(document).ready(function() {
  renderAllItems();
  fetchToken();
});

function fetchToken() {
  $.ajax({
    url: '/api/v1/env_variables.json',
    type: 'GET',
    success: function(response) {