antonioOrtiz

Prerequisities

Knowledge of foundational JS knowledge including:

• variables, conditionals, arrays & objects classes

Related React knowledge includes:

• how to create a component that returns an element

antonioOrtiz

Gist

This is a quick tutorial explaining how to get a static website hosted on Heroku.

Why do this?

Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app. This 6-step tutorial will teach you how.

Basic Assumptions

antonioOrtiz

/* select all movies from my birthyear */
SELECT name FROM movies WHERE year=1971;

/* How many movies does our dataset have for the year 1982? */


-- Find actors who have "stack" in their last name.
-- WHERE CustomerName LIKE '%or%' Finds any values that have "or" in any position
SELECT * FROM actors LIKE '%stack%'
SELECT * FROM actors WHERE last_name LIKE '%stack%';

antonioOrtiz

// Generated on 2015-02-07 using generator-jekyllized 0.7.0
'use strict';

var gulp = require('gulp');
// Loads the plugins without having to list all of them, but you need
// to call them as $.pluginname
var $ = require('gulp-load-plugins')();
// 'del' is used to clean out directories and such
var del = require('del');
// BrowserSync isn't a gulp package, and needs to be loaded manually

antonioOrtiz

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
var $ = jQuery = require('jquery');
var mixitup = require('mixitup');
var Mustache = require('jquerymustache');
var mustache = require('mustache');


// We will be using MixItUp's 'changeLayout' API method to add and remove a 'list' class to the container. This class changes the styling of our target elements (see CSS).

antonioOrtiz

var EventUtil = {

    addHandler: function(element, type, handler){
        if (element.addEventListener){
            element.addEventListener(type, handler, false);
        } else if (element.attachEvent){
            element.attachEvent("on" + type, handler);
        } else {
            element["on" + type] = handler;
        }

antonioOrtiz

var gulp = require('gulp'),
    gutil = require('gulp-util'),
    uglify = require('gulp-uglify'),
    minifycss = require('gulp-minify-css'),
    jshint = require('gulp-jshint'),
    filter = require('gulp-filter'),
    sass = require('gulp-ruby-sass'),
    concat = require('gulp-concat'),
    plumber = require('gulp-plumber'),
    notify = require('gulp-notify'),

antonioOrtiz

var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    gulpif = require('gulp-if'),
    usemin = require('gulp-usemin'),
    uglify = require('gulp-uglify'),
    gutil = require('gulp-util'),
    concat = require('gulp-concat'),
    plumber = require('gulp-plumber'),
    browserify = require('gulp-browserify'),
    minifyHTML = require('gulp-minify-html'),