https://github.com/sonph/hackutds15
A different kind of editor for teaching/learning how to code.
https://github.com/sonph/hackutds15
Last synced: over 1 year ago
JSON representation
A different kind of editor for teaching/learning how to code.
- Host: GitHub
- URL: https://github.com/sonph/hackutds15
- Owner: sonph
- Created: 2015-01-17T21:00:06.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2018-09-23T00:34:56.000Z (over 7 years ago)
- Last Synced: 2025-02-24T09:38:49.171Z (over 1 year ago)
- Language: CSS
- Homepage: http://sonpham.me/r/instajs
- Size: 1.15 MB
- Stars: 2
- Watchers: 3
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# InstaJS
[InstaJS](http://sonpham.me/r/instajs) is an awesome innovative disruptive advanced cross-platform scalable user-friendly high-performance dynamic collaborative realtime inline _<insert your favourite buzzwords here>_ debugger for JavaScript.
J/K. This is a realtime inline debugger for JavaScript aimed at those who are learning to code, with Facebook Parse backend database integration for easy code snippets sharing.
# Why
No one likes debugging and writing log messages, so we hacked together this webapp to help coders especially beginners to quickly write code and see how different statements and changes to the code affect the flow of the program.
No more littering your source code with log messages and see how all the variables change to what values and at what points as the program runs, in a timeline from top to bottom!
This was partly inspired by [Bret Victor's _Inventing on Principle_ talk](https://www.youtube.com/watch?v=PUv66718DII), but his original editor isn't published AFAIK, so we decided to roll our own.
# Features
* Realtime inline debugging. Change one character and see how the rest of the program flow changes!
* Integration with Facebook Parse database backend for easy code snippets sharing, especially for beginning coders who often want to send code to someone for questions.
* Fancy UI
* Web-based cross-platform
# How
We
* take and examine the user's source code
* inject our own code into it
* evalutate the whole thing to get it to log out information during the program's execution
* reformat the information on to the right pane.
# The Technologies
* pure JavaScript for source code preprocessing, evaluating and parsing
* AngularJS
* RamdaJS
* Ace Editor
* MaterializeCSS
* Facebook Parse
* jQuery
* other stuffs
* Dozens of cans of Redbull
* Brains with lots of grey matter
* Also massive amount of dark energy and anti-matter
# Screenshots (GIFs coming up)
# Contribution
We're interested in developing this further and I'll write some documentation for this soon.
# License
TBD