Angular: Browser webpush- og desktop notifikationer

Dette er mine noter om implemententering af push- og desktop notifikationer i en Angular 7 PWA. Se den fulde beskrivelse på engelsk her: Angular Push Notifications – a Complete Step-by-Step Guide Web Push notifikationer: Notifikationer der sendes fra en server til en browser, også når hjemmesiden ikke har fokus og endda når browseren er helt lukket. […]

Low carb Seitan brød med gær

Rigtig mange af de kulhydratfattige brødopskrifter der findes rundt omkring, har bagepulver som hævemiddel. Jeg har prøvet en del af dem, for vi har personer i familien der ikke tåler kulhydrater særligt godt. Jeg synes bare, at konsistensen på bagepulverbrød, minder meget om at bide i et stykke kage. Der mangler noget elasticitet, og det […]

Test dit webprojekt på Android enhed

Forbind din Android enhed til computeren via USB og sørg for at “Udviklingsindstillinger” er slået til. Søg på din Android version og mærket på din mobil (f.eks. Android version 7 Samsung udviklingsindstillinger) for at se hvordan. Gå til chrome://inspect i din Chrome browser. Hvis din enhed detekteres korrekt, vil du se modelnavn (i eksemplet SM-G390F) […]

Npm: opdatering af dit projekt

Opdater selve npm For at opdatere selve npm:

Få vist npm’s version:

npm outdated Vis pakker der er forældet, dvs. udkommet i nyere versioner:

CurrentDen version der pt. er installeret WantedDen version der bør installeres iht. reglerne (semver) i package.json LatestDen senest tilgængelige version Opdater iht. semver Hvis du blot vil opdatere […]

Angular 6: Begynderfejl

Jeg starter dette dokument, for at minde mig selv om de fejl jeg IKKE må begå igen. Change Detection og indexedDB  = blødende memory leak Hver eneste gang en variabel ændrer værdi, vil Angular kører en såkaldt “change detection”. Dvs. at DOM opdateres i henhold til ændringen. Hvis du f.eks. har en [ngClass]=”doSomething()” på samtlige […]

Angular 6 pwa: Progressive Web App

PWA (Progressive Web App) er navnet på en W3C standard der gør en hjemmeside endnu mere mobilvenlig og giver brugeren en følelse af at benytte en “rigtig” app.: Offline caching ved hjælp af service workers, dvs. din web app om nødvendigt også kan fungere uden en internetforbindelse. Et manifest der definerer splash screen, ikoner, navn […]