jasonrhodes

How to Succeed with JavaScript (Without Really Trying)

Talk given at Refresh Baltimore on 11/19/2015

My (mostly useless) slides: https://speakerdeck.com/rhodesjason/how-to-succeed-with-javascript-without-really-trying

Notes and links

• SparkPost: send email real good like -> http://developers.sparkpost.com
• Allen Pike's CascadiaJS talk "A framework on every table": https://www.youtube.com/watch?v=xO8QonDtFJQ

• Same thing, as a blog post: http://www.allenpike.com/2015/javascript-framework-fatigue/

jasonrhodes

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

jasonrhodes

console.clear();

if (typeof Promise === "function") {
  var resolver = function () { return new Promise(function (resolve, reject) { resolve(); }) };
} else {
  var resolver = require('q');
}

resolver()
  .then(function() {

jasonrhodes

export PS1="\n${RED}\u⍟${NO_COLOR} at ${LIGHT_BLUE}\h${NO_COLOR} in ${GREEN}\w${NO_COLOR}\$(__git_ps1 ' on ${PINK}%s')\$(__hg_ps1 ' on ${PINK}%s')${NO_COLOR}\n\$ "

jasonrhodes

##
# Shell colors
# Note: In OS X Terminal, open preferences and make sure you check
# 'Display ANSI colors' and 'Use bright colors for bold text'
# then you can adjust each color and bright color variant there
##

BLACK="\[\e[0;30m\]"        GREY="\[\e[1;30m\]"           # in preferences: black
RED="\[\e[0;31m\]"          BRIGHT_RED="\[\e[1;31m\]"     # in preferences: red
GREEN="\[\e[0;32m\]"        BRIGHT_GREEN="\[\e[1;32m\]"   # in preferences: green

jasonrhodes

var q = require('q')
  , request = require('request');

module.exports.request = function(options, callback) {
  var deferred = q.defer();
  
  request(options, function(err, res, body) {
    if (err) {
      deferred.reject(err);
      return;

jasonrhodes

module.exports = {
  /**
   *
   * Custom validaton rules for arrays
   *
   */
  
  // Verifies that passed in value is an array
  isArray: function(list) {
    return Array.isArray(list);

jasonrhodes

repo 1: templates
  - shared
    - footer.html
  - template-a
    - index.html
  - template-b
    - index.html


/template-a/index.html

jasonrhodes

if (e.keyCode === 8) {
  // keeps browser from navigating back a page
  event.preventDefault();
  
  deleteLast();
  
} else if (e.keyCode === 32) {
  // keeps browser from scrolling down like some kinda a-hole
  event.preventDefault();
  canvas.append('<div class="swatch" />');

jasonrhodes

// && || if
testCase && doSomething();
// vs.
if (testCase) { doSomething(); }