offline-first-tools.md

Offline-first tools for web developers

A quick list of tools for building HTML/CSS/JS apps that work well offline. Ping me at @nolanlawson if I missed anything!

Hybrid app development

Tools for bundling your HTML/CSS/JS into a native app.

• Cordova/PhoneGap
• Node-Webkit
• Atom Shell
• Chrome apps
• WinJS

UI Frameworks

Frameworks designed to work well on mobile devices. A good pairing with the above build tools.

• Ionic Framework
• Famo.us
• JQuery Mobile
• Sencha Touch
• Kendo UI
• Ratchet

Databases and wrappers

Tools to help you use LocalStorage, Web SQL, and IndexedDB in the browser.

• PouchDB
• LocalForage
• YDN-DB
• Dexie
• IndexedDBShim
• Lawnchair

Level* community

One API, many backends. Mostly server-side, but some client-side libraries too:

• level.js (IndexedDB)
• IndexedUp (IndexedDB)
• localstorage-down (LocalStorage)
• SQLdown (SQL databases, including Web SQL)
• MemDOWN (in-memory)
• More

All-in-one frameworks

Hood.ie kind of stands alone in this regard. There's nothing quite like it!

Web APIs

Web APIs that help your app work well offline. Some new and immature technology, but still useful.

• Application Cache
  • Also this article is a bit caustic, but still contains good tips (warning: language).
• Service Workers
  • Very green – only supported in Chrome currently. Also, does not work with IndexedDB on Firefox and IE. Still exciting!
  • Great talk introducing it

http://famo.us/docs/reference/pages/0.3/resources.html

Beginning JavaScript

• Eloquent JavaScript [http://eloquentjavascript.net/]
• A re-introduction to JavaScript [https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript]
• JavaScript Guide [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide]
• Codecademy (sign-up required) [http://www.codecademy.com/tracks/javascript]
• Code School (sign-up required) [https://www.codeschool.com/paths/javascript]
• Hackbright Academy (immersive program) [http://www.hackbrightacademy.com/]
• Hack Reactor (immersive program) [http://www.hackreactor.com/]

Improving your JavaScript skills

• JavaScript: The Good Parts (book) [http://shop.oreilly.com/product/9780596517748.do]
• High Performance JavaScript (book) [http://shop.oreilly.com/product/9780596802806.do]
• JavaScript Memory Management Masterclass (slide deck) [https://speakerdeck.com/addyosmani/javascript-memory-management-masterclass]

Mastering the math

• Math for Game Developers: Quaternions (video) [https://www.youtube.com/watch?v=CRiR2eY5R_s]
• 3D Math Primer for Graphics and Game Development (book) [http://www.amazon.com/gp/product/1568817231/]

Building high-performance graphics

• Real-Time Rendering (resource list / book) [http://www.realtimerendering.com/]