about this and that (RSS | Atom)
In this blog post, we are going to see how you can build a password-less authentication system with the FIDO2 WebAuthn standard. I show you a full-stack demo application with an Ionic 4 / Angular front end and a Spring Boot back end and integrate the authentication into Spring Security.
Sending Web Push notifications from a Java back end to a web browser
In this blog post, we are going to develop an Angular/Ionic application that runs Optical character recognition (OCR) in a browser with Tesseract.js. This application does not depend on any server-side code, and the recognition process runs locally in the browser.
What is the Page Visibility API and how can you access it in web applications. Also a quick look at the visibilityjs library that simplifies commons tasks with the Page Visibility API.
How to add TOTP (Time-based One-Time Password) as the second factor to a traditional Spring Security form login authentication flow.
How to create a frictionless password auto login experience with the Credential Management API.
How to expose build information, like version number, build timestamp, git commit information, of Spring Boot and Angular applications
How to take pictures with the Capacitor camera plugin and upload them to a Spring Boot application with Angular's HttpClient and tus.io.
A tutorial on how to use Google Fonts in an Angular / Ionic app. The blog post present two approaches. One approach is by linking to the Google Font server and the second approach shows you how to download Google Fonts and serve them from your web server.
Getting started with Cettia, a real-time web framework, and Spring Boot
In this blog post we are going to create two neural networks with brain.js and Tensorflow.js, train the MNIST dataset and use the trained model in a web application to detect digits
In this blog post we are going to look at tfjs-models (https://github.com/tensorflow/tfjs-models), a collection of pre-trained models with Tensorflow.js that you can simply add and use from your web application
This blog post shows you a way to upload pictures from a web application to Google Cloud Storage and run them through Google Cloud Vision. The application uses Ionic 4 for the front end and Spring Boot for the back end. It utilizes signed URLs for permitting the client to upload pictures directly from the web application to Google Cloud Storage
In this blog post we look at a way to use the Background Sync API together with Angular's service worker. Or in general how to add custom service worker code to a generated Angular service worker.
How to install a global error handler in an Angular application and send error reports to a back end. The blog post shows you how to collect error reports while the application is offline and send them to a back end as soon as the device is back online.
Converting text from a web application into speech with Google Cloud Text-to-Speech
The Beacon API in the browser can be used to transfer data to a server. Its primary use case is to send analytics data during the unload event of a web page. In this blog post, we're going to look at the API and create some examples that use the Beacon API to send data to a server.
This blog post takes a closer look at the Background Sync API, part of the Service Worker implementation and presents an example that uses Background Sync to synchronize data between an Ionic 4 web application and a Spring Boot server application.
A description how to add a Workbox Service Worker to an Angular project instead of using the Angular Service Worker
In this blog post I present four examples how you can implement password checks for commonly used or compromised passwords.
Writing human readable regular expressions with the VerbalExpression library
A short tutorial on how to install Polyfill.io on Ubuntu
And an example how you can use Polyfill.io together with Babel
and a Spring Boot application built with Maven into one project and ultimately create one executable JAR.
In this blog post I present a way to use Dexie in a TypeScript application
In this blog post I give you an overview about Dexie, a minimalistic wrapper library for IndexedDB.
Write simpler and more concise IndexedDB code with Dexie.
Explore the provided methods of the Cache API that is primarily used in Service Workers to cache assets, but can be used anywhere as a general purpose cache.
In this blog post I show you how you can send push messages from a Spring Boot application over Firebase Cloud Messaging (FCM) to connected clients with the Web Push API. The Push API is part of the Service Worker specification and does not depend on any native plugins.
A closer look at the date-fns date/time library. Compare it with Moment.js and look at a few examples.
A closer look at Parcel and present various examples how to bundle web applications with technologies like Babel, TypeScript and Sass.
How to use arbitrary SVG icons in Ionic 3 and Ionic 4
This blog post shows the lifecycle methods of Ionic 3 and when they are called.
The second part describes a way how to distinguish between the forward and backward navigation (list and detail page).
In this blog post I present three different way how to integrate a speech recognition functionality into an Ionic 4 app.
With a Cordova plugin, the Web Speech API and with RecordRTC and the Google Cloud Speech API.
In this blog post we create a self hosted location tracker that consists of three parts. An Ionic 4/Cordova application that continuously sends the current location to a Spring Boot application from where the locations are broadcasted to a website and visualized on a Google Maps.
Creating Service Workers with Workbox for Ionic 3 applications
In this blog post we create an Ionic 4 app that dynamically requests location data points from a
Spring Boot server and displays them on a OpenStreetMap map. The data points are stored in a
MongoDB database and we take advantage of the geospatial query support to read the data points only for a certain area.
Creating a trivial password manager with the Web Cryptography API and the Ionic 4 framework.
In this blog we create REST services in Spring Boot and consume them in an Ionic 4 app.
We use the OpenAPI specification for generating an API documentation and the client TypeScript code.
Example of an Ionic 4 web application that stores data in an IndexedDB and works offline.
IndexedDB, the database in the browser. How does it work and what can you do with it.
And how to build an Ionic 4 app that uses Lovefield as database access layer.
This post describes how a Spring Boot can send messages over FCM to an Ionic 4 / Cordova app
In this post we look at a way to display charts from the ECharts library in an Ionic 4 app
How to upload files from an Ionic 4 / Cordova app directly to a Minio server or Amazon S3 with pre-signed URLs.
In this article we create an Ionic 4 application where the user can take a picture and the app uploads it to a Spring Boot application.
How to implement a JWT authentication between an Ionic 4 app and a Spring Boot back end.
Example of form validation in an Ionic 4 application. How to create custom synchronous and asynchronous validators and how to validate data on the server with the Java Bean Validation framework.