Crafthouse 002 - Designers Can Code

..and coders can design.

Transcript

1. DESIGNERS CAN CODE ...AND CODERS CAN DESIGN @simonrand
2. DISCLAIMER
3. BACKGROUND
4. I STARTED WHEN I WAS 7
5. [INSERT GRAINY 1990s PICTURE OF ME AT MY COMPUTER]
6. I GOT INTERNET IN 1992
7. I MADE WEBSITES (TERRIBLE ONES) Face saved by the terrible harddrive loss of 2007
8. I GOT BETTER AT DESIGN I GOT WORSE AT CODE
9. I WENT TO ART COLLEGE I DIDN’T DO ART
10. I GOT WORSE AT DESIGN I GOT BETTER AT CODE* * or my other talk: How Ruby on Rails got me back coding
11. I WAS OK AT DESIGN AND OK WITH CODE
12. STARTED IORUM 2006
13. WE ARE WEB & MOBILE DEVELOPERS* * or whatever else we want to work on
19. CLIENTS INCLUDE Breaking Tunes/FMC, Brown Bag Films, Climote, Irish Film Board, Matchbook, uSwitch.ie
20. define([ 'date', 'helpers', 'base/module', 'users/module' ], function(date, helpers, base, user) { 'use strict'; var Model = base.Model.extend({ initialize: function() { base.Model.prototype.initialize.call(this); this.set('user', new user.Model()); }, parse: function(response, xhr) { response['event-filters'] = new OptionsCollection(response['event-filters']); response['site-menus'] = new OptionsCollection(response['site-menus']); response['event-filters'].get('event_start_filter').get('options').each(function(option) { var after = Date.parse(option.attributes.criteria.after); var afterIsToday = after.toDateString() == (new Date()).toDateString(); option.attributes.attributes.title = afterIsToday ? 'Today': after.toLocaleDateString(); option.attributes.text = afterIsToday ? 'Today': after.toLocaleDateString(); option.attributes.criteria.after = after.getTime() / 1000; option.attributes.criteria.before = Date.parse(option.attributes.criteria.before).getTime() / 1000; }); return response; }, url: function() { return helpers.urlFor('/application/', { mock: true }); } }); var OptionsCollection = base.Collection.extend({ model: base.Model.extend({ relations: [{ key: 'options', relatedModel: base.Model.extend({}), type: Backbone.HasMany }] }) }); return Model; }); —
22. YOU SHOULD TOO (ENOUGH ABOUT ME)
23. NOT JUST FOR OPPORTUNITIES MONEY GIRLS/BOYS
24. TO BE BETTER AT WHAT YOU ALREADY DO
25. MAKING THINGS FOR THE WEB
26. THE OTHER SIDE DESIGNERS & CODE
27. WHAT DO YOU WANT TO DO? FETCH DATA FROM A DB MAKE SOMETHING MOVE OUTPUT SOMETHING BUILD YOUR DESIGN MAKE SOMETHING FASTER MANIPULATE USER INPUT CREATE SOMETHING YOURSELF
28. YOU WANT TO BUILD YOUR IDEAS
29. BUT HOW?
30. TO UNDERSTAND A CODER YOU MUST BECOME A CODER
31. LOOK AT YOURSELF, YOU KNOW YOU’RE NOT A CODER
32. JUST LIKE YOU KNOW YOU’RE NOT A DESIGNER* * some of you actually are
33. CODERS HAVE SKILLS* * add nun chuck skills and you’re set
34. CODERS HAVE FOCUS
35. CODERS HAVE CONFIDENCE
36. CONFIDENCE TO SAY YES
37. CONFIDENCE TO SAY NO
38. YOU SHOULD BE JEALOUS BUT SO ARE THEY* * possibly because they want rid of you, but can’t do without you
39. BEING ABLE TO UNDERSTAND THEM WILL MAKE THEM LIKE YOU* * not guaranteed, and probably only a little bit
40. WHERE DO YOU START?
41. LANGUAGE WILL DEFINE YOU
42. LANGUAGE IS NOT EVERYTHING
43. TOOLS ARE YOUR FRIENDS* * try saying that about Creative Suite
44. TOOLS TERMINAL VERSION CONTROL EDITOR
45. THE TERMINAL OR “YES, YOU TYPE THE COMMANDS IN”
47. THE TERMINAL CONTROL AUTOMATE INSTALL INVESTIGATE WHATEVER YOU LIKE
48. THE TERMINAL IS BRILLIANT, DON’T BE AFRAID
49. VERSION CONTROL “OH CRAP”
50. VERSION CONTROL GIT* * not Github
51. GIT LET’S YOU COMMIT BRANCH MERGE PULL TRACK COLLABORATE
53. DESIGNERS SHOULD USE GIT DEATH TO crap_rev2.psd
54. KNOWING GIT OPENS A WORLD OF POSSIBILITIES
56. EDITORS CUSTOMISABLE AUTOMATABLE .. ARE AN OBSESSION
57. EDITORS TEXTMATE SUBLIME TEXT
60. REAL EDITORS* VIM EMACS * I strongly disagree
63. “USE WHAT YOU LIKE”
64. LANGUAGE
65. TOO MUCH TO COVER
66. YOU MIGHT ALREADY KNOW SOMETHING USEFUL
67. JAVASCRIPT (NOT JQUERY!)
68. JAVASCRIPT IS POSSIBLY THE FUTURE
69. JAVASCRIPT MOBILE (TITANIUM) NODE.JS
73. THE LANGUAGE ISN’T JUST WHAT YOU TYPE
74. PROGRAMMER HAPPINESS RUBY! (PYTHON, CLOJURE, etc.)
75. I HAVEN’T MENTIONED PHP (I HAVE TO BE CAREFUL)
76. PHP IS PROVEN THERE’S A LANGUAGE FOR EVERYONE
77. “USE WHAT YOU LIKE”
78. BEING A CODER IS MORE THAN WRITING CODE
79. THE OTHER SIDE CODERS & DESIGN
80. NOT A DIRECT OPPOSITE
81. CODERS JUST WANT TO MAKE THINGS LOOK BETTER
82. THEY HAVE THE CONFIDENCE TO BE HAPPY WITH WHAT THEY DO
83. WHERE WOULD THEY START? GRIDS TYPOGRAPHY COLOUR
84. WE CAN DEAL WITH THAT ANOTHER TIME
85. SO.. AN IDEA
86. 2-3 DAY WORKSHOP WON’T TEACH YOU TO CODE
87. WILL HELP YOU TO BECOME A CODER
88. THOUGHTS?
89. @simonrand