cabrown91

Week 11 Learning Objectives

Debugging and Publify

• Navigate a large, mature project.
• Submit pull requests to contribute code changes to projects you do not own.

ES6 and React

cabrown91

D3: Data-Driven Documents

D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.

Installing

If you use npm, npm install d3. Otherwise, download the latest release. The released bundle supports anonymous AMD, CommonJS, and vanilla environments. You can load directly from d3js.org, CDNJS, or unpkg. For example: For the minified version:

cabrown91

Week 10 Learning Objectives

###Trees

• Explain the relationship between graphs, trees, and binary search trees.
• Draw a balanced binary search tree from some given data.
• Use binary search trees in answering interview style challenge questions.

###Breadth First Search

• Describe and draw breadth-first tree traversal.
• Pseudocode breadth-first search.

cabrown91

Lightening Talk: Haml

Haml is a markup language that’s used to cleanly and simply describe the HTML of any web document without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ASP, and ERB, the templating language used in most Ruby on Rails applications. However, Haml avoids the need for explicitly coding HTML into the template, because it itself is a description of the HTML, with some code to generate dynamic content.

Getting Started

Step 1. Install the gem

gem install haml

cabrown91

Week 9 Learning Objectives

###Collaboration

• Work on coding projects with a larger group.
• Follow good practices for branching.
• Identify your strengths and weaknesses as a teammate

###User Experience

• Explain at least one best practice or convention from user experience design (e.g., consistency, calls to action).
• Incorporate UX questions into project planning:

cabrown91

Week 8 Learning Objectives

###Migrations

• Add and remove columns from the database.
• Alter an existing column.
• Explain when it is okay to edit a migration and when it is okay to edit the schema.

###Associations

• Describe how relational databases can be used to create associations between resources.

cabrown91

Week 7 Learning Objectives

###Intro Ruby

• List Ruby data types.
• Articulate strategies to learn new programming languages and frameworks.
• Run Ruby code in an interactive Command Line Interface or from a file.

###Ruby Methods

• Write conditionals, loops, and methods in Ruby.
• Apply methods in ruby to solve problems.

cabrown91

Week 6 Learning Objectives

###Custom Directives

• Explain the justifications for using custom directives.
• Describe the directive definition object and implement it in creating a directive.
• Integrate a third party directive into your code.

###Make a Directive

• Create a custom directive.

cabrown91

##Creating an App using Angular

Keys to Remember About Angular:

• In your HTML, always prefix angular element attributes with ng-* (ex. an angular-style href is called ng-href)
• These ng-* attributes are called directives, and they allow us to add behavior to HTML. Directive HTML tags tell Angular to run or reference Angular code
• Important directives to remember:
  • ng-app turns ordinary HTML into an Angular application. You will need Angular loaded into your project (via a package manager or CDN) for this to work
  • ng-controller connects a controller (a JavaScript file containing logic) to a section of our application.
  • ng-model ties together (binds) values in HTML and data in the controller.

cabrown91

Angular Step-By-Step

##Step 1: Angular Set-up Make sure the angular app is plugged in by defining a name for the app in the javascript file, and linking it in the html tag in our html file:

• app.js

      angular
      .module('appName', []);