These days I see a lot of confusion about all the different frameworks, libraries & services that are popping up everywhere at an ever-increasing rate. In this post, I want to clarify some of the decisions you need to make based on the following diagram: Let’s first consider the type of project you have…
Building Angular forms just became a lot easier: we released a new version of the Angular Workbench for Windows RC2. This tool will save you a lot of time if you need to build forms in Angular. Currently it supports 3 different UI frameworks: Bootstrap, Material & Ionic To install: Angular Workbench installation Some posts to…
In the previous 5 posts of the “Angular form builder” series I demonstrated how you can generate Angular forms: with all kinds of controls: basic & complex for 3 different UI frameworks: Bootstrap 4, Material Design 2 & Ionic 2+ In the form builder we just changed 1 setting in order to select the UI…
The previous posts explained how to create simple forms with basic input fields (text, text-area, date/time, checkbox, password) and we implemented the same form with 3 different UI libraries (Bootstrap, Material, Ionic). But most forms also need more complex controls such as radio & checkbox groups or drop-downs. This can also be done very easily…
In the previous posts I demonstrated howto easily generate forms for the Bootstrap & Material design framework. But maybe if you’re more into apps, then you want to use the Ionic framework. So in this post I will show how you can generate exact the same form for Ionic: We start by creating a new…
In this post we will generate the same form as in part 2, but now we will use the material design look and feel. The resulting form will look like: We’ll start by creating a new Angular project at the command prompt (this can take a minute to finish…): ng new material-demo And then we…
In this post we will generate an Angular form based on the entity that we created in part 1 from this series. The result will look like: We start by creating a new component called “bs4form” (bootstrap 4 form). At the command prompt we type: ng generate component bs4form This will create 4 files (css,…
When you develop any application you will have some domain objects that need to be reflected in your code. Examples are: Accounting application: customer, account Pets app: animal, food We call them entities and they are part of your model. In this post we will demonstrate how to define these entities in the Angular Workbench,…
Basically you can just install the Angular Workbench (on Windows only !!) and start working, but if you want to run your Angular projects then it’s better to have all the necessary infrastructure in place. So we advice to install at least node.js, the angular CLI & Ionic. Install Node.js & npm If you’re not…
