Skip to content

Instantly share code, notes, and snippets.

View julsfelic's full-sized avatar

Julian Feliciano julsfelic

View GitHub Profile

Goals

Here are my goals that I would like to accomplish over the next year.

Goal #1 - Become proficient in JavaScript and its ecosystem

  • Currently, I have a decent grasp over the language. There are still some ES5 methods I am not familiar with and ES6 is hit or miss with what I know. The JS ecosystem is still something I'm getting used to (npm) and using a tool like webpack is still tough to wrap my head about.
  • Success would be fully understanding all the little quirks of JS and keeping up with the latest version of the language. Being able to structure modern client side applications using webpack and taking advantage of npm. Also, I would like to become fairly proficient with building out API's with Node.
  • Resources for learning:
  • YDKJS
@julsfelic
julsfelic / react-routing.md
Created June 3, 2016 16:02
Adding React Router to Implement RESTful Routing

Adding React Router to Implement RESTful Routing

Why would we want RESTful routing for an SPA?

  • Context: Users tend to look at the address bar for context of where they are at in the application.
  • Not all apps fall under the SPA paradigm.
  • Because conventions are nice!

How React Router solves these problems

@julsfelic
julsfelic / testing-with-jest.md
Created June 3, 2016 15:42
Testing React components with Jest

Testing React Components with Jest

What is Jest?

  • Built by the FB team for the purpose of testing their React components.
  • Built on top of Jasmine.

Getting Setup with Jest

  • Adding Jest to your project
@julsfelic
julsfelic / base_controller.rb
Created May 27, 2016 23:29 — forked from dhoelzgen/base_controller.rb
CORS in Rails 4 APIs
class API::V1::BaseController < ApplicationController
skip_before_filter :verify_authenticity_token
before_filter :cors_preflight_check
after_filter :cors_set_access_control_headers
def cors_set_access_control_headers
headers['Access-Control-Allow-Origin'] = '*'
headers['Access-Control-Allow-Methods'] = 'POST, GET, PUT, DELETE, OPTIONS'

Group 8 (Julian Feliciano):

Strategize

  • There should probably be a middle man that can understand the needs of the client and translate the problem in a fun way for the development team.
  • There are still fun problems that can be solved with this domain.
  • Ageism or assholes?
  • Have the product owner or CEO sell the problem as a interesting and fun problem!
  • It is your job to be able to figure out what is the specific problem of the client and translate that in a way that solves the problem of the client.
  • Key person in all this should be the Project Manager.

Step One: Watch Sorting Algorithms in JavaScript DONE

Step Two: Fork this gist. ALSO DONE

Step Three: Respond to this question in your fork: "What are some of the balances and trade offs between different sorting algoritms?"

The common theme is that some sorting algorithms are very performant, but take up a ton of memory and others are slower algorithms that do not take up as much space. A good comparision is between insertion sort and merge sort. Insertion sort is O(n2) which isn't great, but when dealing with smaller datasets can be usefull when memory comes at a premium. Merge sort on the other hand is O(NlogN) which is very good but does take up more resources. They key take away is that there isn't a one size fits all solution to which sorting algorithm should be used, but you should take into account the constraints that are placed upon you.

@julsfelic
julsfelic / javascript_exercisms.md
Created May 14, 2016 15:46
JavaScript Exercisms

Leap

My code: here

  • Responder #1 here - Does not make use of the ES6 features like the class keyword. I do like how he broke up into readable variables. Overall a pretty clean solution.
  • Responder #2 here - As the above responder, does not make use of ES6 features. The logic is kind of confusing due to the many nested if / else if / else statements. Could use a refactor for better clarity.
  • Responder #3 here - No use of ES6, but this is the cleanest solution I have run across yet! A very simple inline statement that is not hard to read. Good use of a "guard" condition.
  • Responder #4 here - Slight variation from respnonder #4. Insetad of having a guard statement all of
@julsfelic
julsfelic / lololodash.md
Last active May 5, 2016 18:00
Lololodash

Lololodash

Lo-Dash is a JavaScript library that gives us helpers for working with array, objects and JSON.

Personal question: When should we use Lo-Dash as opposed to ES5 / ES6 methods?

Getting Started

  • To use Lo-Dash, we need to require it into our file: var _ = require('lodash');
  • _.filter takes a collection as its first argument and properties as is second. The properties is what we use to filter through the collection

Nodeschool.io JavaScripting

Introduction

  • No notes were taken

Variables

  • No notes were taken