Skip to content

Instantly share code, notes, and snippets.

@ABrouwer
ABrouwer / Assignment 2
Created February 15, 2014 13:59
This is the javascript, handlebars and jQuery for the second assignment of Art, Science and Technology
jQuery(document).ready(function() {var studentTemplate ='<script id="student-template" type="text/x-handlebars-template"><table><thead><th>First Name</th><th>Last Name</th><th>Student Number</th><th>Email Address</th></thead><tbody>{{#student}}<tr><td>{{first name}}</td><td>{{last name}}</td><td>{{student number}}</td><td>{{email address}}</td></tr>{{/student}}</tbody></table></script>';$(".content").append(studentTemplate);var studentTemplateScript = $("#student-template").html();var theStudentTemplate = Handlebars.compile(studentTemplateScript);});
jQuery(document).ready(function() {var assignmentTemplate ='<script id="assignment-template" type="text/x-handlebars-template"><table><thead><th>Number </th><th>Pass or Fail</th><th>General Feedback</th><th>Further Reading</th></thead><tbody>{{#assignment}}<tr><td>{{number}}</td><td>{{ pass or fail }}</td><td>{{ general feedback }}</td><td>{{ further reading }}</td></tr>{{/assignment}}</tbody></table></script>';$(".content").append(assignmentTemplate);var assignm
@ABrouwer
ABrouwer / gist:9186906
Created February 24, 2014 11:43
Assingment 3, barchard
alert(localStorage.getItem('assignment'));
var Rawdataset = [{"events":[
{"name":"sint", "rating":3,"ficticious":false},
{"name":"dolore tempor","rating":4, "ficticious":false},
{"name":"id", "rating":4, "ficticious": true},
{"name":"est","rating":3, "ficticious":false},
{"name":"incididunt Ut", "rating":3, "ficticious": false},
{"name": "dolore aute", "rating": 1, "ficticious": false},
{"name":"veniam in", "rating": 3, "ficticious": false},
@ABrouwer
ABrouwer / gist:9312864
Created March 2, 2014 19:58
Assignment 4
var dataset = [];
d3.json("https://negativepostdata.firebaseio.com/#",
function(d)
{return dataset = d;});
JSON.parse(dataset)
var w = 500;
var h = 200;
var barPadding = 1;
@ABrouwer
ABrouwer / assignment 5
Created March 9, 2014 22:50
Assignment 5
// append validation plugin
$(".content").append('<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>');
function update (data) {
//Creating an SVG element
var w = 500;
var h = 200;
var barPadding = 1;
d3.json('https://astportfoliodata.firebaseio.com/.json', function(data) {
console.log(data); //Log output to console
//Width and height
var w = 500;
var h = 100;
//Create SVG element
@ABrouwer
ABrouwer / gist:9955831
Created April 3, 2014 14:53
assignment 01
$(document).ready(function () { $("a").css({"color": "black"});});
$(document).ready(function () { $("a").on("click", function() { $(this).css({"color": "green"});});});
@ABrouwer
ABrouwer / gist:9955899
Created April 3, 2014 14:56
Portfolio assignment 01
$(function(){
var headings = $("section.assignment > h1");
var paragraphs = $("p");
paragraphs.not(":first").hide();
headings.on("mouseover", function(){
var t = $(this);
var tPara = t.next();
if(tPara.is(":visible")){
return;
@ABrouwer
ABrouwer / Portfolio assignment 02
Created April 3, 2014 14:58
Portfolio assignment 02
var studentsTemplate2 ='<script id="students-template2" type="text/x-handlebars-template"><table><thead><th>Student Name</th><th>Hours of coding</th><th>Grade</th></thead><tbody>{{#students2}}<tr><td>{{name}}</td><td>{{hoc}}</td><td>{{grade}}</td></tr>{{/students2}}</tbody></table></script>';
$(".content").append(studentsTemplate2);
var studentTemplateScript2 = $("#students-template2").html();
var theStudentTemplate2 = Handlebars.compile(studentTemplateScript2);
var data2 = { students2: [
{name: "Student 01", hoc: "30", grade: "6.5"},
@ABrouwer
ABrouwer / Portfolio assignment 03
Last active August 29, 2015 13:58
Portfolio assignment 03
localStorage.getItem('assignment'); // <-- getting assignments from local storage
JSON.parse(localStorage.getItem('assignment')); // <-- parsing data
//creating dataset
var eventsJSON = localStorage.getItem('assignment');
var events = JSON.parse(eventsJSON).events;
var data = events;
//creating w/h/padding
@ABrouwer
ABrouwer / Portfolio assignment 4+5-dataset in code
Last active August 29, 2015 13:58
Portfolio assignement 4+5-dataset in code
var dataset = [
[30, 6.5],
[34, 8.5],
[10, 5 ],
[38, 9 ],
[22, 6.5],
[20, 7 ],
[25, 8 ],
[10, 8 ],
[17, 7.5],