Skip to content

Instantly share code, notes, and snippets.

View goodbedford's full-sized avatar

goodbedford goodbedford

60 followers · 174 following
  • San Francisco
View GitHub Profile
@goodbedford
goodbedford / js
Created April 12, 2017 06:32
gb-eslint.config.js
{
"env": {
"browser": true,
"node": true,
"es6": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaFeatures": {
"experimentalObjectRestSpread": true,
@goodbedford
goodbedford / app.js
Created October 10, 2016 18:40
sprinkler example
// app.js
var htmlTarget = document.querySelector("#target");
var resultDiv1 = document.createElement("div");
SprinklrTest.Send(new SprinklrTest.ReviewListRequest({
ItemsPerPage: 5,
OneBasedOnPage: 2,
Sort: "TimeStampAscending"
}), function callback(responseData) {
console.log("ima result", responseData)
// in the callback function we accept the returned val from request and we pass in a results variable to hold the response
@goodbedford
goodbedford / .js
Created October 10, 2016 03:54
Event Listeners
var btn = document.querySelector("#post-button");
var btnJquery = $("#post-button");
var target = document.querySelector("#target");
// vanilla javascript
btn.addEventListener("click", function(event) {
console.log("you clicked the button");
});
@goodbedford
goodbedford / index.html
Created October 10, 2016 03:05
IntroJs-Party-Time-vanilla-js
<h1 id="title">Party Time</h1>
<button class="button">Change Color</button>
<div class="target"></div>
@goodbedford
goodbedford / index.html
Created October 10, 2016 02:53
IntroJs-Party-Time-part2
<h1 id="title">Party Time</h1>
<button class="button">Change Color</button>
<div class="target"></div>
@goodbedford
goodbedford / js-dom-selectors.js
Last active October 10, 2016 03:30
// vanilla javascript
var someId = document.getElementById("name-of-div"); // returns one element by id
var someId2 = document.querySelector("#name-of-div"); // returns one element using CSS selector syntax
// Jquery
var someId2 = $("#name-of-div"); // returns one element with new jquery methods using CSS selector syntax
// vanilla javascript
var someClass = document.getElementsByTagClassName("name-of-class"); // returns an array-like list of elements
//Jquery
var someClasses = document.querySelectorAll(".name-of-class"); // returns an array-like list of elements
@goodbedford
goodbedford / html-bootstrap.html
Last active August 7, 2016 04:32
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Intro JS</title>
<!-- Icon libaray-->
@goodbedford
goodbedford / js-map.js
Last active August 6, 2016 06:36
var foodOrder = ["fries", "shake", "pickles", "polenta", "salad"];
var happyFood = [];
//make each food order item print happy
// map returns an new array with changed items.
happyFood = foodOrder.map(function(item) {
return ("Happy-" + item);
});
console.log(happyFood)
@goodbedford
goodbedford / js-for-each.js
Created April 2, 2016 14:40
var foodOrder = ["fries", "shake", "pickles", "polenta", "salad"];
//make each food order item print happy
foodOrder.forEach(function(item) {
console.log("Happy-" + item);
});
@goodbedford
goodbedford / js-loops.js
Created April 2, 2016 14:30
var foodOrder = ["fries", "shake", "pickles", "polenta", "salad"];
// for loop
// for (index semi-colon; condition semi-colon; iterator)
// print out each item
for (var i = 0; i < foodOrder.length; i++) {
console.log("#",i,"-",foodOrder[i]);