SteveOscar

• install JDK if needed http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

• install elasticsearch https://www.elastic.co/downloads/elasticsearch

• cd into elasticsearch and run bin/elasticsearch to start the ES server

• Pull down this branch of LegistarWeb https://github.com/Granicus/legistarweb/tree/spike/elastic_search
  -run bundle install
  -run rake build_and_import_items_search_index[1,1] to build the ES index -open another legistarweb window and run bundle exec sidekiq --queue elasticsearch —verbose to add item changes to ES

SteveOscar

ThoughtBox Github [Live Version] (https://floating-caverns-27390.herokuapp.com/)

• Last commit on Master before 5:15pm will be considered.
• Work should be done entirely on your own (no instructor or student support - Google, however, is your oyster)
• Links to the deployed app must be included in the project README
• If you have below completed you will get 70 points automatically.:
  1. all features completed ​_or_​ some features completed and showed effort to test drive

2. a deployed app by Thursday a.m.

SteveOscar

Scale Up Submission Form

Basics

Summarize the Work you Completed Over the Week

I made a React Native IOS app that displays the currency and expense data generated by my Ramble Map project. This involved learning the basics of React Native and Xcode. The app is called Ramble App. Ramble Map & Ramble App. Wowwwww. To implement this I built out a few API endpoints to hit in the mapping application. I plan on putting this app in the Apple App Store after polishing it a little more.

Link(s) to Your Work

https://github.com/SteveOscar/Ramble_App

SteveOscar

## This implementation assumes that there is a method in this class that symbolizes Article attributes, as I don't think Rails allows a symbol datatype for model attributes. The other option would be to add '.to_sym' on the self attribute calls. This also assumes that the given combinaitons are the only ones that need to covered. 

class Article
  def combinations
    {:assigned => [:approved, :rejected],
     :review   => [:approved, :rejected],
     :approved => [:rejected],
     :rejected => [:approved]}
  end

SteveOscar

Game Time Check In # 3

Instructor Goal Completion

GOALS

• We needed to complete basic gameplay mechanics, allowing the ball to go under building walls, end the game if the ball hits a building wall, allow walls to detect other walls, and be able to increase the velocity of the ball.
• We didn't test and refactor as much yet, as the gameplay mechanics were more difficult than we assumed, but they are done now.
• Refactoring some large functions.

SteveOscar

Consider the four responsibilities that Rebecca lists for client side code (hint: they're color coded).

Did any of the responsibilities that she lists surprise you?

None of them really surprised me, as they all seem necessary for client-side code, but I found it helpful to have these ideas explicitly stated.

Do you feel like you mentally split your client side code in IdeaBox and other past projects into these responsibilities?

I definitely didn't consciously break apart responsibilities in my mind, but I think it will help in the future to keep a clearer mental picture of what's happening in my programs. It seems like in JavaScript it's a lot easier to get lost in your own code.

SteveOscar

#####In the context of Node, what is a module?

• Modules are groupings of code that serve similar purposes.
• They are more or less the JS version of a Ruby class, a way to break up and group up sections of code.

#####The code examples from the second blog post look very different from the first. Why?

• While the first blog post described how to use module.exports, which is the technique we've already been exposed to, the second article was talking about using RequireJS, a JavaScript file and module loader. RequireJS can be used to create modular chunks of code using a define function. Mutliple dependencies can be declared in another file through a define call.

SteveOscar

Creating Basic Animations With HTML Canvas

Using the HTML <canvas> element, it's possible to create custom animations and interactive games that run in the browser. It's a powerful tool, but also is literally a blank canvas that requires each frame of animation to be rendered by the code. Each frame is drawn, then the canvas is cleared, and the next frame is drawn, much like in traditional hand-drawn animation. This post will discuss how to create a very basic animation.

Canvas Setup

For this example we'll throw all of our code into one file. Create a new HTML document. In the <style> tags some CSS for basic styling of the canvas border (while we don't modify the contents of the canvas itself with CSS, we can style the display of the canvas element):

canvas {
    border: 3px #CCC solid;
}

SteveOscar

JavaScript Functions

I can explain the difference between function declarations and function expressions.
-Yes. Declarations are hoisted and available right away, while expression values are undefined until they are declared.

I can explain what the value of this is in a normal function.

• The global ojbect.

I can explain what the value of this is when called from the context of an object.

• The object in which it was called.

SteveOscar

Creating Animations on HTML canvas

Background

• Mod 4 is starting gametime, so this week I'm learning about this topic, and figure that writing a blog on it will help me/others in the processs.

Setting Up the canvas

• How to setup HTML/JS/CSS
• Create a blank canvas