The Road To Code

3740dce312a9d886a206e7fff9228e77?s=47 binx
August 08, 2013
120

The Road To Code

3740dce312a9d886a206e7fff9228e77?s=128

binx

August 08, 2013
Tweet

Transcript

  1. The Road to Code Girls Who Code, July 2013

  2. who I am & how I got here

  3. Stamen Design

  4. data visual understandable beautiful

  5. Museum of Modern Art

  6. Facebook Stories

  7. MTV Video Music Awards

  8. Meshu

  9. But life wasn’t always this glamorous :(

  10. Math vs. Programming #include<iostream> using std::cout; using std::cin; using std::endl;

    int main() { int num=0,sum=0,maxvalue=0; cout <<"Please enter a positive number: "; cin >> maxvalue; for(num=1;num<=maxvalue;num++) sum=sum+num; cout<<"The sum is ...."<<sum; return 0; } x(x+1) 2
  11. Data Visualization

  12. None
  13. None
  14. None
  15. My First Portfolio

  16. > !stamen > !javascript > !falling in love with !

    ! web programming
  17. > !stamen > !javascript > !falling in love with !

    ! web programming
  18. > !stamen > !javascript > !falling in love with !

    ! web programming
  19. 1) Accessibility 2) User interactivity 3) The internet is your

    ! ! data source
  20. 1) Accessibility 2) User interaction 3) The internet is your

    ! ! data source
  21. 1) Accessibility 2) User interaction 3) The internet is your

    ! ! data source
  22. None
  23. None
  24. a message from the Department of Uncomfortable Truths:

  25. web programming is complicated

  26. Visual Design Frontend Code Backend Code User Experience Animation

  27. Meshu

  28. Visual Design Frontend Code Backend Code User Experience Animation

  29. Considerations - How should the site feel? - What information

    do you want to convey? - How will people move through your site? Methods - Sketching out user scenarios - Sketching out different page views
  30. Visual Design Frontend Code Backend Code User Experience Animation

  31. SQL Database Django (Python) HTML CSS Javascript Page Render d3.js

    jQuery Polymaps
  32. Visual Design Frontend Code Backend Code User Experience Animation

  33. Considerations - Page layout - Colors and type treatment -

    Hierarchy of information Methods - Sketchbook - Illustrator/Photoshop - HTML/CSS
  34. Visual Design Frontend Code Backend Code User Experience Animation

  35. Considerations - Transitions between different data states - Transitions between

    different page views - Confirming user actions Methods - CSS - Javascript
  36. whew!

  37. Thanks! rachelbinx@gmail.com