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
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
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