Hack Atom with Node.js
1 like•4,560 views
This document introduces Atom, an open-source text editor developed by GitHub. It is built using Node.js and Chromium, allowing developers to write packages that interact with the file system and other Node APIs. The author encourages contributing to Atom's core codebase, existing packages, or creating new packages, which is done by generating a package template and writing code in CoffeeScript. Debugging is simplified by Atom's Chromium base. The document provides resources for getting started with Atom package development.
Hack Atom with Node.js
- 1. Hack Atom w/ Node Kenju Wagatsuma
- 2. /* * Introduce Myself * * @kenjuwagatsuma */
- 3. 'me' = { name : 'Kenju Wagatsuma ( KJ )’, }
- 4. 'me' = { name : 'Kenju Wagatsuma ( KJ )’, company : 'Recruit Technologies Co.,LTD.', }
- 5. 'me' = { name : 'Kenju Wagatsuma ( KJ )’, company : 'Recruit Technologies Co.,LTD.', profession : 'Android Development', }
- 6. 'me' = { name : 'Kenju Wagatsuma ( KJ )’, company : 'Recruit Technologies Co.,LTD.', profession : 'Android Development', career : { 2011 : 'Graphic Designer ( PS, AI, ID )' 2013 : 'Web Designer ( HTML+CSS, jQuery)' 2014 : 'Web Engineer ( JavaScript )' 2015 : 'Programmer ( Java/Android )' } }
- 7. Me * Node =
- 8. Me * Node = Not Professional (Just for fun)
- 20. Atom is: -> ❖ Project supported by GitHub
- 21. Atom is: -> ❖ Project supported by GitHub ❖ Specialized variant of Chromium designed to be a text editor
- 22. Atom is: -> ❖ Project supported by GitHub ❖ Specialized variant of Chromium designed to be a text editor ◎ asset pipelines
- 23. Atom is: -> ❖ Project supported by GitHub ❖ Specialized variant of Chromium designed to be a text editor ◎ asset pipelines ◎ access to local files
- 24. Atom is: -> ❖ Project supported by GitHub ❖ Specialized variant of Chromium designed to be a text editor ◎ asset pipelines ◎ access to local files ◎ asynchronous module definition
- 25. Atom is: -> ❖ Project supported by GitHub ❖ Specialized variant of Chromium designed to be a text editor ◎ asset pipelines ◎ access to local files ◎ asynchronous module definition ◎ script concatenation
- 29. Why Atom: -> ❖ Play with Node API ❖ FS, HTTP, Stream, Async methods…
- 30. Why Atom: -> ❖ Play with Node API ❖ FS, HTTP, Stream, Async methods… ❖ Always running on the newest Chromium ❖ No more polyfill ❖ Can ignore browser compatibility
- 31. Why Atom: -> ❖ Play with Node API ❖ FS, HTTP, Stream, Async methods… ❖ Always running on the newest Chromium ❖ No more polyfill ❖ Can ignore browser compatibility ❖ Support from GitHub teams ❖ Long-term development
- 33. ❖ 1. Contribute to Atom Editor ❖ 2. Contribute to Atom Packages ❖ 3. Write Your Own Atom Package You can: ->
- 34. ❖ 1. Contribute to Atom Editor ❖ 2. Contribute to Atom Packages ❖ 3. Write Your Own Atom Package You can: ->
- 35. * * @param x : ?(mental) * @param y : ?(skill) * @param z : ?(grammer) * @return ? */ contribute(x, y, z): -> while x.isExist doYourBest
- 36. * * @param x : Passion * @param y : Node * @param z : CoffeScript * @return ? */ contribute(x, y, z): -> while x.isExist doYourBest
- 37. ❖ 1. Contribute to Atom Editor ❖ 2. Contribute to Atom Packages ❖ 3. Write Your Own Atom Package You can: ->
- 40. /* * We Need Your Help! */
- 41. ❖ 1. Contribute to Atom Editor ❖ 2. Contribute to Atom Packages ❖ 3. Write Your Own Atom Package You can: ->
- 43. Get Started: -> ‘cmd-shift-p’ then ‘Package Generator’ … That’s it!
- 44. Package: -> This is the basic package layout. `lib` file is the core of the packages: ***-view.coffee ***.coffee
- 45. Debug: -> It’s based on Chromium, right?
- 46. Test: -> Oh, my princess Jasmine♥
- 47. Publish: -> `apm publish` is what you’re looking for. Run `apm publish -h` for help
- 49. ❖ 1. Contribute to Atom Editor → Please do if you can :) ❖ 2. Contribute to Atom Packages → A lot of rooms for improvement ❖ 3. Write Your Own Atom Package → Super Easy You can: ->
- 51. Ask Here: -> https://discuss.atom.io/ Atom Discuss
- 52. Join us: -> https://atomio.slack.com/ Atom Slack
- 53. Atom is really hackable
- 54. Atom is really hackable powered by Node.js
- 55. Atom is really hackable powered by Node.js and you are Node Professional!
- 58. /* * Appendix */
- 59. ❖ Release Notes ➡ https://atom.io/releases ❖ API References ➡ https://atom.io/docs/api/v1.1.0/Atom ❖ Blog ➡ http://blog.atom.io/ References: ->
- 60. ❖ “node-webkit” by Cheng Zhao ➡ https://speakerdeck.com/zcbenz/ node-webkit-app-runtime-based-on- chromium-and-node-dot-js ❖ “Atom” by John Nunemaker ➡ https://speakerdeck.com/ jnunemaker/atom Best Slides: ->