Skip to content

Instantly share code, notes, and snippets.

View fresh5447's full-sized avatar

Douglas Walter fresh5447

View GitHub Profile
@fresh5447
fresh5447 / app.js
Created March 29, 2017 21:45
Some examples of creating and consuming promises.
const Promise = require('bluebird');
// ----------------
// BASIC PROMISE CREATION AND CONSUMPTION
// ----------------
// CREATION
const happy = false;
// function greeting() {
@fresh5447
fresh5447 / challenge33.js
Last active March 28, 2017 23:35 — forked from asternaut/challenge33.js
Practicing Methods
// -----------
// W/ CONSTRUCTOR
// ---------
// The constructor pattern is reccomened for this use case, because
// you only have to define the function once, then every Object
// will have access to that function.
function ZodiacInfo(sign, dates, element) {
this.sign = sign;
this.dates = dates;
this.element = element;
@fresh5447
fresh5447 / arrayMethods.js
Created March 28, 2017 21:41
Using array filter, map, sort, and reduce
// Get your shorts on - this is an array workout!
// ## Array Cardio Day 1
// Some data we can work with
const inventors = [
{ first: 'Albert', last: 'Einstein', year: 1879, passed: 1955 },
{ first: 'Isaac', last: 'Newton', year: 1643, passed: 1727 },
{ first: 'Galileo', last: 'Galilei', year: 1564, passed: 1642 },
@fresh5447
fresh5447 / unorganized_customers.js
Created March 21, 2017 22:46
Loop through the array and apply a constructor to convert out primitive values into objects.
var goldCustomers = ["Eric Sal", "Sarah Sizzle", "Steve Supl"];
var silverCustomers = ["Paul Rudd", "Sally Struthers", "Susan Sarandon"];
var platinumCustomers = ["Woug Dalter", "Myler Taxwell", "Sienna Scheid", "Tenn Jurner",
"Mody Celton", "Datie Kahlin", "Cean Sorbett"];
// our constructor should make an object that looks like so:
// {
// first: "Woug",
// last: "Dalter",
// status: "platinum"
@fresh5447
fresh5447 / app.js
Created March 15, 2017 03:25
The javascript for the intro to vue workshop
var greetingApp = new Vue({
'el': '#greeting',
'data': {
message: "I love javascript!!",
cta: "JS is esstential in developing for the web"
}
});
// get title to render "My Favorite Numbers";
@fresh5447
fresh5447 / index.html
Created March 15, 2017 03:24
The html page for the introduction to VUE
<!DOCTYPE html>
<html lang="en">
<head>
<title>Learning Vue.js</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body class="container">
<div class="jumbotron" id="greeting">
<h3> {{ message }} </h3>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>my first web app</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>

Sprint One: Two Weeks

March 6/13

Introduction to web development

*    Core Topics
*    HTML
*    CSS
*    JavaScript/ jQuery
  • Bootstrap
@fresh5447
fresh5447 / Video.js
Last active March 2, 2017 17:57
React Video Player. Trying to get to work with DrobBox
import { default as Video, Controls, Play, Mute, Seek, Fullscreen, Time, Overlay } from 'react-html5video';
// The video player works when I store the Video Source locally.
const Movie = () =>
<Video controls poster="BSCA_Logo.png" onCanPlayThrough={() => {
console.log("pretty neat!")
}}>
<source src="/videos/testing.webm" type="video/webm" />
@fresh5447
fresh5447 / FoodMenuCSS.css
Last active February 23, 2017 21:21
CSS for food menu react workshop
body {
background-color: #34495e;
}
.me-jumbo {
background-color: #3498db;
}
.me-container {
background-color: #3498db;