Tag: typescript

Including Attractive Charts In Your Angular Web Application

June 27, 2018 Nic Raboy

It's probably obvious, but most modern applications crave data and in many of those scenarios, being able to visualize the data is a necessity. This is where charting and graphs become valuable within frontend applications. Having attractive charts in your application can make a world of difference and with a convenient library like Chart.js, it isn't complicated.

If you've been keeping up, you'll remember I wrote a tutorial titled, Use Chart.js to Display Attractive Charts in a Vue.js Web Application which focused on Vue.js. This time around we're going to see how to include charts in an Angular web application.

Use Angular To Create A Cross-Platform Stellar XLM Desktop Wallet

February 9, 2018 Nic Raboy

With Android and iOS so obtainable and development so easy, people often forget the importance of desktop applications. I have a phone and tablet, but I depend on my desktop applications much more. However, the development of these applications are not difficult.

With frameworks like Electron, developers can create cross-platform desktop applications with JavaScript and HTML. Take the example I wrote about previously in the article titled, Create a Cross-Platform Desktop DigiByte DGB Wallet with Angular and Electron. I demonstrated how to leverage a very popular framework to create a cryptocurrency wallet.

DigiByte isn't the only popular blockchain on the internet. I've also been looking into Stellar because of all the buzz it has been receiving from popular companies like Stripe.

We're going to see how to create a Stellar XLM wallet for Mac, Windows, and Linux using Angular and Electron.

Create Paper Wallets For Stellar XLM Coins With Angular

February 2, 2018 Nic Raboy

Continuing down my adventure of learning about and investing in various cryptocurrencies, I thought I'd explore Stellar, which is what I understand to be, a competitor to Ripple. If you've been keeping up, you'll remember that I had written about creating a Ripple XRP paper wallet in a tutorial titled, Generate Cold Storage Paper Wallets for Ripple XRP Coins with Angular.

In this tutorial, we're going to see how to accomplish the same task of generating a cold storage paper wallet with Angular, but this time we'll be doing it for Stellar XLM coins.

Generate Cold Storage Paper Wallets For Ripple XRP Coins With Angular

January 12, 2018 Nic Raboy

About a week ago I wrote about Ripple in a tutorial titled, Build a Ripple XRP Wallet for Android and iOS with Ionic Framework, which focused on mobile development as a followup to a cross-platform desktop application that I had written about before that.

There are many who would advise against storing sensitive wallet information on a computer or anything connected to the internet. As an alternative, people recommend printing your transaction signing information such as private keys and storing them on what's called a paper wallet, destined for a locked safe in your home or the bank.

We're going to see how to create a paper wallet for Ripple XRP coins using Angular and some packages provided by the Ripple development team.

Form Validation In An Angular Web Application With Custom Directives

May 17, 2017 Nic Raboy

When creating a web application that accepts user input, it is often a good idea to validate anything the user provides. While you should always validate this information via some backend server-side code, it often provides a good user experience to validate via the frontend as well. By doing form validation on the frontend, you set yourself up for the possibility to catch and display errors before form submission.

If you’ve been keeping up, I once demonstrated how to do form validation in AngularJS via an Ionic Framework application. As of now, AngularJS is ancient technology, so we’re going to see how to do the same with Angular. However, we’ll be seeing from the perspective of a web application, rather than a cross-platform hybrid mobile application.

We’re going to be basing everything in this guide off a new project created via the Angular CLI. This means that you should have installed the Angular CLI before going forward.

Creating And Using Custom Pipes In An Angular Web Application

April 5, 2017 Nic Raboy

When I’m developing with Angular, I often find myself needing to loop over an object via HTML markup. In AngularJS one could loop over object properties or arrays, but in Angular you can only loop over arrays by default. This is easily fixable through what are known as Angular Pipes.

With pipes you can create display-value transformations for pretty much anything, or in my case transform an object into an array and loop over it. We’re going to see how to create a pipe that will allow us to loop over an object in the HTML layer.

JavaScript Libraries In A TypeScript Application, Revisited

March 6, 2017 Nic Raboy

If you haven’t already gotten involved with it, you’ll probably know that TypeScript is becoming increasingly popular. Being able to use a superset of JavaScript in a typed language that compiles down to JavaScript is a great thing. However, if you’ve ever played around with TypeScript and tried to use JavaScript libraries, you’ll probably know that sometimes it can be a real pain. Often JavaScript libraries do not ship with type definitions which are critical when it comes to playing nice with TypeScript.

If you’ve been keeping up with The Polyglot Developer you’ll probably remember two posts that were created. Previously I had written about including external JavaScript libraries in an Angular application as well as adding type definitions to external JavaScript libraries in TypeScript.

We’re going to revisit these two articles and explore all the ways to include JavaScript libraries in TypeScript applications. These include applications built with NativeScript, Ionic, and Angular.