Live Coding JS
&
Light Table IDE
MeetupJS Singapore 5 Aug 2013
Joshua Koo
(Skip to the last slide for links)
Creators need an immediate connection to what they're creating
Bret Victor (Inventing on Principle)
Proceed to Right Slide
(nothing much below)
Live Coding JS
&
Light Table IDE
Live Coding JS
&
Light Table IDE
Live Coding JS
&
Light Table IDE
Live Coding JS
&
Light Table IDE
Demo is over. Go to the next slide
Demo #3
Realtime Web Application
(not part of zopim)
Fun Facts
- LightTable is built with node-webkit (which is another cool project)
- Raised $316,720 on KickStarter, then Funded on YC
- Created with ClosureScript for ClosureScript
- Vim Bindings
- Chris Granger, the guy behind Light Table IDE, worked on VS before this
-
Possibly inspired by Bret Victor's Inventing on Principle
Tips and Tricks
-
Use Ctrl-Space for anything
- Use Cmd+Enter (or Ctrl-Enter) for Previews
- Cmd+Enter on HTML will launch the browser
- Separate css and js files from HTML to enable live coding
- Cmd+Enter on Variables/Functions/Block will eval section
- Move functions / variable scopes to a top level for hot code replacement / eval to work
- Use Tabsets to make your workspace neater
- Live coding also works with NodeJS and ipython processes
A large fraction of the flaws in software development are due to programmers not fully understanding all the possible states their code may execute in.
John Carmack on Functional Programming
Thoughts, Comments, Questions?
Thank you!
zz85nus@gmail.com
joshuakoo.com
Links
Official Light Table
Blog, Docs and Videos on Light Table
Bret Victor Inventing On Principle
John-Carmack on Functional Programming in C++