joyrexus

An introduction to curl using GitHub's API.

Basics

Makes a basic GET request to the specifed URI

curl https://api.github.com/users/caspyin

Includes HTTP-Header information in the output

joyrexus

jQuery vs native JS

Selecting Elements

var divs = $("div");

var divs = document.querySelectorAll("div");

joyrexus

Sans jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

joyrexus

Example of nested templates.

Given this file layout ...

.
├── server.go
└── templates
    ├── profiles.html
    └── layout.html

joyrexus

collapsible markdown?

CLICK ME

yes, even hidden code blocks!

print("hello world!")

joyrexus

Hi:

perl -e 'print "hello world!\n"'

A simple filter:

perl -ne 'print if /REGEX/'

Filter out blank lines (in place):

joyrexus

Demo of multipart form/file uploading with hapi.js.

Usage

npm install
npm run setup
npm run server

Then ...

joyrexus

nest.js

A multi-level groupBy for arrays inspired by D3's nest operator.

Nesting allows elements in an array to be grouped into a hierarchical tree structure; think of it like the GROUP BY operator in SQL, except you can have multiple levels of grouping, and the resulting output is a tree rather than a flat table. The levels in the tree are specified by key functions.

See this fiddle for live demo.

joyrexus

durham favs

eat

• monuts
• saltbox
• lakewood
• mothers and sons

drink

joyrexus

JavaScript Array Methods

Excerpted from the D3 API docs.

Note esp. usage of the map, filter, and reduce iteration methods. For a nice intro to these methods, see Tom MacWright's talk Beyond the For Loop, and for quick guidance on when to use which iteration method, see this gist.

Mutation Methods

That modify the array: