45. INDEXDB
• it’s a database.
• nosql
• you can store stuff in.
• you can store files in.
• you can get stuff that you put. later.
• page refreshes don’t delete it
• large limit
46. INDEXDB
const request = window.indexedDB.open('memeFiles', 2);
let db;
request.onsuccess = function(e) {
db = e.target.result;
};
request.onupgradeneeded = (event) => {
db = event.target.result;
db.createObjectStore('memes', {
autoIncrement: true
});
};
//somewhere
const trans = db.transaction(['memes'], 'readwrite');
const store = trans.objectStore('memes');
const storeRequest = store.put(imageData);
49. SERVICE WORKERS
• scripts that intercept network request (proxy)
• apps that work offline! (successor to application cache)
• push notifications!
• works only on https
52. WEB MANIFEST
• json application info
• purpose of the manifest is to install web applications to the
homescreen of a device, providing users with quicker access
and a richer experience
55. POINTER EVENTS
• hardware agnostic representation of input devices that can
target a specific coordinate(touch, mouse)
• we get: pointerdown, pointerup, pointermove, pointerleave,
pointerclick
71. Thank you!
KRESO@INFINUM.CO
@KANTOLIC
Visit infinum.co or find us on social networks:
infinum.co infinumco infinumco infinum
JOIND
https://joind.in/talk/24b10
The meme Generator!
https://overengineeredme.me/
Github
https://github.com/psyburn/meme-generator