kaveer's blog

What is an Angular Component The Component is the main building block of an Angular Application. The component contains the data & user interaction logic that defines how the View looks and behaves. A view in Angular refers to a template (HTML). The Angular Components are plain JavaScript classes and defined using @Component Decorator. This Decorator provides the component with the View to display & Metadata about the class The Component is responsible to provide the data to the view. The Angular does this by using data binding to get the data from the Component to the View. This is done using the special HTML markup knows as the Angular Template Syntax. The Component can also get notified when the View Changes. The Angular applications will have lots of components. Each component handles a small part of UI. These components work together to produce the complete user interface of the application The Components consist of three ...

What is Angular Data Binding Data binding is a technique, where the data stays in sync between the component and the view. Whenever the user updates the data in the view, Angular updates the component. When the component gets new data, Angular updates the view. There are many uses of data binding. You can show models to the user, dynamically change element style, respond to user events, etc. Data Binding in Angular The data binding in Angular can be broadly classified into two groups: One-way binding Two-way binding One-way binding In one-way binding data flows from one direction. Either from view to component or from component to view. From Component to View To bind data from component to view, we make use of Interpolation & Property Binding. Interpolation Interpolation allows us to include expressions as part of any string literal, whi...

Problem      Throughout my career, I met many professionals in their respective fields and exchange a few words, and obtained their business cards as well. I used to store them in my cardholder or simply in my cupboard but it was quite frustrating to find a specific business card of someone when you need their services. moreover, there was quite some more annoying situation where I was not at home and don't have any business card at my reach but badly need to contact someone to reach out for their services so bearing in mind that modern problem requires modern solution I decided to create my own application which will solve the issue to store, search and carry all those business cards around. Solution my first solution was to download an already existing application, but some were paid application some were freemium and all of them did not have the specific feature that I want to use in my day to day basis  I started creating prototypes using two Xamarin which is a c...

What is Azure DevOps Azure DevOps is formerly known as Visual Studio Team Services (VSTS). Basically is it a set of practices intended to reduce the time between committing a change to a system and the change being placed into normal production or even development environment, while ensuring high quality. Tools available to use with Azure DevOps It is a good news for a developer to know that they can use their favorite tools with Azure DevOps with any compromise. You can connect many tools with Azure  DevOps  to ensure productivity while doing your work Below is a small list of tools that can be connected with Azure  DevOps. Why use Azure DevOps There are several reasons to choose Azure DevOps but the following are the main and most important one. First of all Azure DevOps offers a high performance deployment are more frequent with less failure and the fact that it is fast recovery as well in case of failure. Moreover with organisation adopting Azure D...

Introduction Nothing better than to learn something new during our free time. A new programming language, why not. Thus to make my mind busy as a geek i tried to learn Angular 9 and create a small application nothing fancy at all and called it Asymmetric cryptography. In simple words using Angular 9 to create the client side application and hooked it up with an ASP.NET web api. To conclude i deployed the application on Microsoft azure. How it works Key generation Asymmetric cryptography uses 2 key pairs to encryption  and decryption data. The 2 keys consist of a private key and a public key. To produce a cipher text (encryption), the public key alongside with the plain text will be used. In the same way, in order to produce a plain text (decryption) the cipher text will be used with the private key. The images below illustrate how asymmetric cryptography works: To use the application first select the key length namely: 512 bit 1024 bit 2048 bit 4096 bit...

Introduction During my visit to ENT hospital Mauritius, I met Dr. R.Seedho, a senior occupational therapist. We had several meetings where we discussed the flow of operation, existing problem and why he wants to go forward with creating a custom made application to meet his needs. Based on the fact that Dr. R.Seedho wanted a system that will run only in his machine and must be able to do so with or without an internet connection, thus we decided to create a desktop application. After some prototyping, hours of coding and testing I created the application which Dr. R.Seedho was really pleased with the outcome and even better than he expected. How it works Main menu In order to achieve the best user experience I have decided to keep the main menu and navigation bar as simple as possible with the following menu: Appointment: view today's appointment and search for appointment. New appointment: add new patients with details such as medical records, range of motion, pre...

Introduction My first android application that i published on google play. it is a simple application to calculate an individual body fat. This app was beautifully crafted using material design as font end implementation and the new official language of android which is Kotlin. Google Play You can download the application on Google play using this link:  https://play.google.com/store/apps/details?id=com.kaveersoftware.kaveer.bmicalculator How it works Splash screen The splash screen will load components which will be used in the next activity which is the main activuty where all the process and calculation of BMI will take place Main Activity The main activity is used to prompt user to enter details such as their weight and height either in metric or imperial measurement system The app will perform validation check on the user input data. If all data are valid the application will use the data to perform calculation of BMI. below is a code...