Note:
$>
means command line input
Dependencies to use Sequelize
$> npm install --save sequelize pg pg-hstore
Must create the DB first
$> createdb my-music
import Data.List (inits, tails) | |
main :: IO () | |
main = do | |
print $ perms [1..4] | |
print $ perms' "abcd" | |
print $ perms'' [Nothing, Just 1, Just 2, Just 3] | |
perms, perms', perms'' :: [a] -> [[a]] |
# we want to match data, not a Node, as search | |
# shouldn't require any Node creation either | |
def search(self, data): | |
node = self.head | |
while node: | |
if node.data == data: | |
return node | |
else: | |
node = node.nextNode |
var http = require('http'); | |
url = require('url'); | |
var database = {}; // will need to read from file here | |
var setRegex = /^\/set\?.+=.+$/, // /set?somekey=somevalue | |
getRegex = /^\/get\?key=.+$/; // /get?key=somekey | |
http.createServer(requestListener).listen(4000); |
// Product Model definition, called 'product' and associated with table 'products' | |
var Product = this.sequelize.define('product', { | |
title: Sequelize.STRING | |
}); | |
// User Model definition, called 'user' and associated with table 'users' | |
var User = this.sequelize.define('user', { | |
first_name: Sequelize.STRING, | |
last_name: Sequelize.STRING | |
}); |
// ES6 of the week: arrow functions and lexical scope | |
// https://github.com/lukehoban/es6features | |
// arrow functions are a shorthand for function syntax, | |
// which make them a lot more succint for functions that take functions | |
// (i.e. 'higher order functions') | |
var evens = [2,4,6,8,10]; |
const initialState = { | |
activeIndex: null, | |
flights: [] | |
} | |
export default function reducer (state = initialState, action){ | |
switch(action.type) { | |
// lets create first. | |
// This means we create a flight then add it to a *copy* of the list. | |
case CREATE_NEW_FLIGHT: |
Intro
Front-end JS is different than Node for a number of reasons that can be confusing. Hopefully the info here will help you clear up some of the confusion you may have!
Important Note Upfront All of the concepts described here still apply in the modern day, but recent tools and trends have made some less relevant than others. All of this information still applies when sending over a plain HTML file, but a specific dev tool called Webpack solves a number of these problems and has as a result become a pretty essential tool for front-end development. I will try to make a note when it applies!
When we send back an HTML file as the response to a GET request, we can include any number of other resources using their URLs. This means using `
Here's an example of event delegation and when you would use it.
Here is an interactive jsbin of with-delegation.js
https://jsbin.com/pufide/8/edit?html,js,console,output
JSBin is in general a great resource for trying out front-end code without having to do a lot of setup!
All files share the same index.html