jpauli4

List of assignments

Assignment 1: https://gist.github.com/jpauli4/9931163
Assignment 2: https://gist.github.com/jpauli4/9951614
Assignment 3: https://gist.github.com/jpauli4/9931203
Assignment 4: https://gist.github.com/jpauli4/9931236
Assignment 5: https://gist.github.com/jpauli4/9954109
Assignment 6: https://github.com/jpauli4/local-server
Assignment 7:  https://github.com/jpauli4/simple-skeleton.git (There are 2 working elements in this gist, ‘proto-element’ and ‘simple-slider’)
Assignment 8:  https://github.com/jpauli4/simple-skeleton.git (There are 2 working elements in this gist, ‘proto-element’ and ‘simple-slider’)

jpauli4

The question for the last assignment was: what do I need to know in order to finish my component for portfolio 2? 

I already discussed this in a conversation with you and what I needed to know is how I could design a research tool if I did not know how to code that exactly. You adviced me to use easel.io, as a tool to make a design for a research tool instead of a coded element. Aside from that, all I need is patience!

jpauli4

Dear Mr Hoogstad,

I made my portfolio in the form of a website. The address is: websitemaker.jadepauli.nl

On this website, you can find links to my codes in gisthub and codepen. 
I wrote the html and css for the website (with help from other codes as well of course), but because of a delay in ftp information, I could not yet make a 'proper' website. This is one of the goals for the next portfolio.

Please have a look at websitemaker.jadepauli.nl for the portfolio.

jpauli4

//new css script

text {
        font-size: 14px;
        font-family: 'Pathway Gothic One', sans-serif;
        font-weight: 400
    }
    .phase text {
        font-size: 100px;
        font-family: 'Pathway Gothic One', sans-serif;

jpauli4

//I changed the commas

var data = { 
 
Students : [
 
{ name : 'Jade', StudentNumber: '10350764' },
 
{ name : 'Anouk', StudentNumber: '000000' },
 

jpauli4

$( "h1" ).css( "border", "2px solid red" ).add( "p" ).css( "background", "yellow" );

$("ul").hide();

jpauli4

//define firebase
var firebase = new Firebase("https://vivid-fire-6976.firebaseio.com/");
 
//call firebase-data, execute tree-diagram when all data is there
d3.json("https:///vivid-fire-6976.firebaseio.com/.json", function(data) {
 
var width = 1000,
    height = 400;
 
 

jpauli4

//CSS-script
text {
        font-size: 10px;
        font-family: helvetica;
        font-weight: 400
    }
    .phase text {
        font-size: 10px;
        font-family: helvetica;
    }

jpauli4

var week3 = JSON.parse(localStorage.assignment);
var allEvents = week3.events;
 
 
var w = 1000;
var h = 500;
var padding = 2;
 
var margin = {top:50, right:50, bottom:50, left:50};
 

jpauli4

$( "h1" ).css( "border", "2px solid green" ).find( "p" ).css( "background", "yellow" );

$("ul").hide();