The Road To Code

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