practicejavascript / practicejavascript.com Goto Github PK

Could look into:
http://codemirror.net/ (freeCodeCamp and CodeWars use this)
https://ace.c9.io/

it tests a bit more often than it needs to. let's debounce the keybinding to make it a bit more efficient.

This might be a bit hipstery, but just to throw out the thought anyways: What if we had buttons for people to share their solution on twitter or other social media, enabling people to show off what they're learning?

• 'given' code is already in a separate data field, and can be re-joined before eval.
• we should display it in UI separately from the solution code, so that ppl will know not to alter it when solving (gathered from user feedback)

• rollup instead of browserify?
• virtual-dom instead of vanillaJS DOM manip for updating UI?
• rollup-watch for instant dev updates?
• es6 modules all around?
• babel-env hooked up right?
• stay under 50K?

• HTTPS
• H2
• site is responsive across phone, tablet, and desktop sizes
• first load fast, even on 3G
• html5 routing, not page fragments? NA, so far. No page state in URL
• retain scroll position after BACK in history? NA, so far. No page state in URL
• Don't use server-side reload to navigate problems
• Loads while offline
• metadata for "Add to Home screen", such as app manifest, etc. for each browser/OS
• site works cross-browser
• each page has a url? NA, so far
• site content is indexed by search engines
• schema.org metadata provided
• social metadata provided
• inputs aren't obscured by on-screen keyboard
• content is easily shareable from standalone or fullscreen mode
• cache-first networking
• site informs user when they're offline
• be chill about push notifications, if you use them

I think we could use some keyboard shortcuts, such as shift+enter to go to the next problem, and a different shortcut for the shuffle button. Maybe a shortcut to copy their whole solution in case they wanted to make a gist of all the answers. Just a goal to make the app completely usable without touching the mouse.

we should probably hide the "previous" button while shuffle is toggled "on"

because they are images with javascript click bindings

asset cache settings are defaulted at 60mins right now. we can do better.

when trying to indent a new text line, it tabs me to the footer

Needs something like Saucelabs or whatnot, in order to automatically test across the supported browsers and devices.

Some options:

• SauceLabs
• https://crossbrowsertesting.com (Free for open source)
• https://www.browserstack.com (Free for open source)
• http://browsershots.org/ (for retro lolz)

this would be cool to have if we wanted the code to rebuild the stuff on a CD system. As is, it must be rebuilt locally, committed, then pushed.

@jshcrowthe you said you wanted to look at this