https://github.com/jojoee/torchlight2-calculator
:video_game: (WIP) Torchlight 2 Skill & Stat Calculator
https://github.com/jojoee/torchlight2-calculator
calculator data-binding pwa reactive torchlight torchlight2
Last synced: about 1 year ago
JSON representation
:video_game: (WIP) Torchlight 2 Skill & Stat Calculator
- Host: GitHub
- URL: https://github.com/jojoee/torchlight2-calculator
- Owner: jojoee
- License: mit
- Created: 2017-01-22T02:47:15.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2018-12-18T09:32:00.000Z (over 7 years ago)
- Last Synced: 2025-03-26T05:51:10.188Z (about 1 year ago)
- Topics: calculator, data-binding, pwa, reactive, torchlight, torchlight2
- Language: JavaScript
- Homepage: https://jojoee.github.io/torchlight2-calculator/
- Size: 405 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README-note.md
- License: LICENSE
Awesome Lists containing this project
README
## Future reading
### Storage
- [Web Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API)
- [Client-Side Storage](https://www.html5rocks.com/en/tutorials/offline/storage/)
### Cache
- [Cache - Web APIs | MDN](https://developer.mozilla.org/en-US/docs/Web/API/Cache)
### Reactive && 2 ways data binding
- [melanke/Watch.JS](https://github.com/melanke/Watch.JS/)
- [Build Your own Simplified AngularJS in 200 Lines of JavaScript](http://blog.mgechev.com/2015/03/09/build-learn-your-own-light-lightweight-angularjs/)
- [Make Your Own AngularJS, Part 1: Scopes And Digest](http://teropa.info/blog/2013/11/03/make-your-own-angular-part-1-scopes-and-digest.html)
- [Build Your Own AngularJS](https://github.com/teropa/build-your-own-angularjs)
## 2 ways data binding
- [Easy Two-Way Data Binding in JavaScript](http://www.lucaongaro.eu/blog/2012/12/02/easy-two-way-data-binding-in-javascript/)
- [Vanilla JavaScript Data Binding](https://gist.github.com/austinhyde/4321f22a476e1cbee65f)
- [How to Implement DOM Data Binding in JavaScript](http://stackoverflow.com/questions/16483560/how-to-implement-dom-data-binding-in-javascript)
### Reactive
- [The introduction to Reactive Programming you've been missing](https://gist.github.com/staltz/868e7e9bc2a7b8c1f754)
- [How to build a reactive engine in JavaScript. Part 1: Observable objects](https://monterail.com/blog/2016/how-to-build-a-reactive-engine-in-javascript-part-1-observable-objects)
- [How to build a reactive engine in JavaScript. Part 2: Computed properties and dependency tracking](https://monterail.com/blog/2017/computed-properties-javascript-dependency-tracking)
### Observer
- [JavaScript Observer (Publish/Subscribe) Pattern](https://bumbu.github.io/javascript-observer-publish-subscribe-pattern/)
### Service worker
- [The Service Worker Lifecycle](https://developers.google.com/web/fundamentals/instant-and-offline/service-worker/lifecycle)
- [w3c/ServiceWorker](https://github.com/w3c/ServiceWorker)
- [Service Workers: an Introduction](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers)
### manifest.json
- [manifest.json - Mozilla | MDN](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/manifest.json)
- [Web App Manifest](https://developer.mozilla.org/en-US/docs/Web/Manifest)
### PWA
```
1. ServiceWorker (SW)
- Cache things
- Push notification
Strategy
e.g.
Content: Load from cache then fetch new (then re-render)
2. Manifest.json
Meta / setting
- Icon
- App mode (e.g. full screen mode)
- Portrait and Landscape
- Splash screen
```
- [What is Progressive Enhancement and Why Should You Care?](https://www.shopify.com/partners/blog/what-is-progressive-enhancement-and-why-should-you-care)
- [The App Shell Model](https://developers.google.com/web/fundamentals/architecture/app-shell)
- [Progressive Web Apps](https://developers.google.com/web/progressive-web-apps/)
- [The offline cookbook](https://jakearchibald.com/2014/offline-cookbook/)
- [Native Apps are Doomed](https://medium.com/javascript-scene/native-apps-are-doomed-ac397148a2c0)
### PWA example
- [serviceworker/offline-news-service-worker](https://github.com/serviceworker/offline-news-service-worker)
- [jakearchibald/wittr](https://github.com/jakearchibald/wittr)
- [jakearchibald/offline-wikipedia](https://github.com/jakearchibald/offline-wikipedia)
- [jakearchibald/tweetdeck-prototype](https://github.com/jakearchibald/tweetdeck-prototype)
- [jakearchibald/trained-to-thrill](https://github.com/jakearchibald/trained-to-thrill)
### PWA tut
- [Your First Progressive Web App | Web | Google Developers](https://developers.google.com/web/fundamentals/getting-started/codelabs/your-first-pwapp/)
- [Your First Progressive Web App](https://codelabs.developers.google.com/codelabs/your-first-pwapp/index.html)
- [googlecodelabs/your-first-pwapp](https://github.com/googlecodelabs/your-first-pwapp/)
- [jakearchibald/offline-first](https://github.com/jakearchibald/offline-first)
- [pazguille/offline-first](https://github.com/pazguille/offline-first)
- [Progressive Web Apps Training](https://developers.google.com/web/ilt/pwa/)
### PWA tool
- [Web Server for Chrome](https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb)
### PWA performance
- [วัด ประสิทธิภาพ Progressive Web App ด้วย Light House กันเถอะ](https://medium.com/@thangman22/วัด-ประสิทธิภาพ-progressive-web-app-ด้วย-light-house-กันเถอะ-7c0d0951e384)