Share
Embed
Slide 1
Slide 1 text
[email protected]:/$
How To
Hack
(together) an
Environment
@cassilup
Senior UI, 3Pillar Global
Slide 2
Slide 2 text
Hack = Tweak
How to Hack (together) an Environment
@cassilup
Slide 3
Slide 3 text
vs
Code Editors IDEs
How to Hack (together) an Environment
@cassilup
Slide 4
Slide 4 text
How to Hack (together) an Environment
=
Code Editors IDEs
+ stuff - stuff
?
(
@cassilup
)
Slide 5
Slide 5 text
How to Hack an Environment
Pros:
Speed
Hackability (DYI)
Hackability (Plugins)
Price
Terminal-friendly
Cons:
No “go to definition” (yet)
No inline Lint rendering (yet)
N-ai ce comenta cand crapa.
@cassilup
Slide 6
Slide 6 text
How to Hack an Environment
Hackability (DYI)
config.cson,
styles.less,
custom snippets,
configurable keymap.
SetiUI
@cassilup
Slide 7
Slide 7 text
How to Hack an Environment
Hackability (Plugins)
• Bracket manager
• LiveReload
• Pretty JSON
• Treeview
• Highlight CSS Color
• Whitespace
@cassilup
Slide 8
Slide 8 text
How to Hack an Environment
Hackability (Plugins) (contd.)
• MiniMap
• JS language support
• JSLint
• JSHint
• Weather (?!)
• Bezier Curve Editor
@cassilup
Slide 9
Slide 9 text
How to Hack an Environment
@cassilup
Slide 10
Slide 10 text
How to Hack an Environment
Pros:
Out of the box functionality
Language awareness
Brushed experience
Live Debugging (cu Chrome)
Cons:
Speed (Lack of)
Bloated screen
Price
Degeaba comentezi cand crapa.
@cassilup
Slide 11
Slide 11 text
Atom.io
How to Hack (together) an Environment
Gulp.js
Git
Terminal
Chrome
@cassilup
Slide 12
Slide 12 text
How to Hack (together) an Environment
Istanbul.js
Plato.js
@cassilup
Slide 13
Slide 13 text
How to Hack (together) an Environment
@cassilup
Slide 14
Slide 14 text
How to Hack an Environment
Interesting resources:
• Brackets
• Sublime
• Webstorm
• Cloud9
• Tern.js
• http://atom.io/packages
• http://editorconfig.org
• ...?
@cassilup
Slide 15
Slide 15 text
How to Hack (together) an Environment
@cassilup
Thank You!