In the previous posts, we created the components for our book tracking application and added the routing to the application. We are now going to refactor our application to add lazy loading to it. What is lazy loading? It is necessary to load our components in the browser to render our application. How we have
Angular Routing Part 2: Basic routing
In the previous post, we created the components for our book tracking application but we couldn't navigate between the components. Now let's start by adding some routing to the application. RouterModule Routing allows you to display content depending on the URL path. Angular has a module that can help you with that. To enable this,
Angular Routing Part 1: Setting up our application
Even though an Angular application is a Single Page Application (SPA), and all your application's functions exist in a single HTML page, we still need routing to navigate through our application. In the next series of posts, I will build a book tracking application to show the basics and some more advanced features of Angular
Reactive Forms: Angular Material Chiplist with autocomplete and validation
I like using Angular Material for creating consistent layouts in web applications. Most of these components can be used in reactive forms out-of-the-box, but there is one component that needs a little bit of extra code for managing the validation and that is MatChipList. When I last needed this component, I only wanted to allow
Dynamic Reactive Forms with Angular
This academic year, I was the co-promotor of two students at the school I graduated last year. Sometimes, they needed my help because they were struggling with something for already a few days. One of these things was the creation of a form in Angular where the questions were loaded from a .NET Core back
Creating themes with Angular Material
When building applications, one thing that's important for your customer is the look and feel of their website or application. With the Angular Material component library, it is very easy to apply themes to your application. This library comes with 4 prebuilt themes, but it is also really easy to create your own with little
Xamarin.Forms and Firebase – Authentication
Firebase is part of a growing trend known as "Back-end as a service". Firebase has 8 technologies that are designed to enhance your app development experience, including Firebase authentication, Realtime Database, Cloud Storage, … In this post where are going to look at Firebase authentication. What is Firebase Authentication? Firebase Authentication is an easy API
Scanning QR codes with Xamarin.Forms
Barcodes are widely used in many contexts, in hospitals (ranging from patient identification to medication management), to keep track of objects or people (airline luggage or entrance tickets for events), to guide people to a certain URL, ... Therefore barcode scanning is a common functionality in many mobile applications. The open-source library ZXing.Net.Mobile makes this
Learning Xamarin.Forms
Recently, I was asked to make a mobile application for Android and iOS as a side project. Until now, I only had experience with web development using Angular. So my first thought was to make a PWA. Because I always want to learn new things, the project is not that big and I have a
Extending .NET Core Identity
For my graduation project, I made an application for Techorama, the .NET Conference in Belgium and the Netherlands. In this application, the crew can manage and store information about their conferences. For each conference, they can create their yearly events. Because the crew is not completely the same each year, they add the crew members