Text Editors - Frontend Summit '14

Slides for my talk at Frontend Summit 2014 on Text Editors.

Transcript

1. :new
2. seesparkbox.com
3. @a_simpson
5. WHY CAN’T WE ALL JUST GET ALONG?
6. http://xkcd.com/378/
7. Do Editors Matter? ‣ 90% of editor arguments are lighthearted ‣ Your editor preference barely effects the rest of your team ‣ Fighting over editors is almost useless. There are better battles to fight.
8. “The truth is that text editors don’t matter. Code however you want to code, be it TextMate, Sublime Text 2, Notepad++, Vim, Emacs, or even Butterflies. Just code.” http://zackfern.me/2013/switching-to-vim/
9. WRONG
10. WRONG kinda
11. You spend almost all of your time in your editor.
12. Your editor preference changes the way you think.
13. Context shapes perspective http://randsinrepose.com/
14. TEXT EDITORS A few signs you need a better editor: 1. Your editor is writing code for you
15. TEXT EDITORS A few signs you need a better editor: 2. You’re doing lots of clicking
16. TEXT EDITORS A few signs you need a better editor: 3. You’re repeating yourself—a lot!
17. TEXT EDITORS A few signs you need a better editor: 4. You’ve hit a ceiling, and you can’t go higher.
18. THE CASE FOR THE PLAIN TEXT EDITOR
19. Technically, all you need to code is an app that will accept text:
20. Writing all your code in TextEdit.app would be pretty painful, though! ‣ Lots of (unneeded) typing! ‣ No project tree ‣ No syntax highlighting ‣ Sad and depressed
21. IDE? Integrated Development Environment
22. This is the part you actually need
23. Choosing a great text editor removes abstraction between your brain and your code.
24. IDE’s ‣Slow development time ‣Messy code ‣Unskillful developers
25. “Dreamweaver was attempting to be helpful, but the moment it reformatted my code, I threw a fit. YOU TOUCHED MY CODE. Dreamweaver never recovered from that horrendous first impression.” http://randsinrepose.com/
26. Enter the simple, powerful text editor
27. Here’s what to look for: ‣ are you comfortable in it? ‣ can it do what you need? ‣ is it writing code for you?
28. THE CURRENT STATE OF EDITORS
29. Editors on the market: ‣ Sublime Text ‣ Vim ‣ TextMate ‣ BBedit ‣ Coda ‣ Emacs ‣ Espresso ‣ Atom
30. Editors you should actually consider: ‣ Sublime Text ‣ Vim
31. Seriously, you guys. Vim Sublime Text sublimetext.com vim.org
32. You can keep pulling back the layers and finding new functionality, which is going to make your development experience faster http://randsinrepose.com/
34. “I don’t think of BBedit as a commitment. It simply continues to be the best choice.” —bit.ly/editor-rage
35. Why Sublime? ‣low barrier of entry
36. Why Sublime? ‣highly extensible
37. Why Sublime? ‣highly extensible sublime.wbond.net/installation
38. A few essential Sublime packages: Many more: sublime.wbond.net/ ‣ SideBarEnhancements ‣ AdvancedNewFile ‣ Emmet
39. Why Sublime? ‣killer features Go to Anything: ⌘+P
40. Why Sublime? ‣killer features Command Palette: ⌘+Shift+P
41. Why Sublime? ‣ recent rise in popularity ‣ compared to Coda or Espresso, it’s fast & close to the code ‣ Vintage mode for Vim key bindings ‣ hint: you should use Sublime
42. http://delvarworld.github.io/blog/2013/03/16/ just-use-sublime-text/
43. Why Vim?
44. Why Vim? ‣ fast ‣ mouseless! ‣ dot command, macros, commands by line ‣ configurable (vimrc, vundle) ‣ super old ‣http://www.rayninfo.co.uk/ vimtips.html
45. Why Vim? ‣ high skill ceiling ‣ popular (vimbits.com) ‣ Runs in a terminal ‣ everywhere (any platform, ssh, other people’s machines) ‣ fun, in a weird way
46. =
47. Vim Resources ‣ http://vimcasts.org ‣ http://www.vimbits.com ‣ http://vimawesome.com ‣ http://github.com/mutewinter/ dot_vim ‣ http://vim.wikia.com/wiki/ Vim_Tips_Wiki ‣:help
48. Runners-up panic.com/coda/ https://atom.io
49. THE RABID CASH MACHINE
50. TEXT EDITORS MATTER. GET FOAMY.
51. Editor Cults ‣ Get cultic about your editor ‣ As you're making your case, you'll have to nerd out on your editor. ‣ This is where real learning happens!
52. Seething, rabid coding machine
53. There’s only one thing more important than your editor. The code it helps you write.
54. While you're nerding out on your editor, your coworkers are raking in cash for the boss.
55. $ $
56. :wq!