jofhatkea / 3rdspring2017

3rdSpring2017

a small repo for my 3rd semester notes

DataViz ideas

• worldmap, where do the products come from
  • color to indicate how much?
  • data from db?
• snap svg barchart
  • plain rects
    • left to right
    • bottom towards top
• "infographic story"
  • like theme 2, when this happens, do that, repeat
• animating stroke-dash stuff

Week 9

Monday

Advanced SQL, joins

Good morning ER

INNER JOIN's

Advanced SQL, aggregate functions

GROUP BY

• COUNT
• SUM
• Show the rest briefly

json_encode

Exercises

Have a .php document that outputs json from json_encode

It should be ready for tomorrow

Tuesday

JavaScript

• let variables
• forEach
• fetch
• polyfills
• <Template>

Exercises:

Create a website that uses fetch & <template> to output data

Use the database you've created in the previous week

Wednesday

Read YDKJS chapter 1 & 2

https://github.com/getify/You-Dont-Know-JS/blob/master/up%20&%20going/README.md#you-dont-know-js-up--going

Thursday

JavaScript

• DOM Manipulation
• What is HTML, CSS & JS
• With JS everything can be changed, get/setAttribute

Friday

JavaScript

• events
• event.target

Week 10

Monday

JavaScript + data vis

• Hand-Writing SVG's
• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Positions
• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Basic_Shapes
• Skim: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths
• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes
• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Texts
• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Basic_Transformations
• Skim: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Clipping_and_masking
• https://www.smashingmagazine.com/2014/11/styling-and-animating-svgs-with-css/ ?
• http://tutorials.jenkov.com/svg/svg-and-css.html#svg-css-properties

Tuesday

JavaScript + data vis

JS & SVG's

Wednesday

Exercises: TODO

Thursday

JavaScript + data vis

Snap.svg

Excersises

Get as far as you can in http://snapsvg.io/start/

Friday

JavaScript + data vis

Problem Solving

week 11

Monday

JavaScript + Data vis Rounding off Supervision available

Tuesday

NOT MINE

Wednesday

Project time

Thursday

Supervision available

Friday

Presentation