Joan León nucliweb

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Auto-deploying built products to gh-pages with GitHub Actions

This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

A file below this one contains the steps for doing this with Travis CI. However, these days I recommend GitHub Actions, for the following reasons:

It is much easier and requires less steps, because you are already authenticated with GitHub, so you don't need to share secret keys across services like you do when coordinate Travis CI and GitHub.
It is free, with no quotas.
Anecdotally, builds are much faster with GitHub Actions than with Travis CI, especially in terms of time spent waiting for a builder.

Git notes

git init                          <-- Create repo

git add .                         <-- Add change to
git commit -m "Message"          <-- Commit to repo
git commit -m "Message" <files>  <-- Commit to repo
git commit -am "Message"         <-- Add files & Commit to repo
git commit -a --amend             <-- Add change to Commit, option to change de description of Commit

Some articles:

How to automate a visual regression test (WebdriverCSS)
CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt (PhantomCSS)
Automating Style Guide-Driven Development (Style Guide Based Testing
Automating CSS Regression Testing (BackstopJS)

Some tools:

Publics repos

With Ruby 1.8 (default version on MacOS) :

sudo gem install json
curl -s https://api.github.com/orgs/[ORGANIZATION]/repos | ruby -rubygems -e 'require “json”; JSON.load(STDIN.read).each {|repo| %x[git clone #{repo["ssh_url"]} ]}'

With Ruby 1.9+, the json library is by default thus you just use :

10 JavaScript Terms You Should Know

From currying to closures there are quite a number of special words used in JavaScript. These will not only help you increase your vocabulary but also better understand JavaScript. Special terms are normally found in documentation and technical articles. But some of them like closures are pretty standard things to know about. Knowing what the word itself means can help you know the concept it's named for better.

Arity
Anonymous
Closure
Currying
Hoisting
Mutation

	/*
	A full list of simple easing equations inspired by GIST from greweb - https://gist.github.com/gre/1650294
	Equations source - http://gsgd.co.uk/sandbox/jquery/easing/
	*/

	{
	linear: function(t) {
	return t
	},
	inQuad: function(t) {

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<style>
	#container {
	flex-shrink: 0;

	// returns first element selected - $('input[name="food"]')
	var $ = document.querySelector.bind(document);
	// return array of selected elements - $$('img.dog')
	var $$ = document.querySelectorAll.bind(document);

	// Credit: https://twitter.com/wesbos/status/608341616173182977