Use The Android Palette Class With NativeScript

I’m a big fan of Material Design, the ripple (ink) effect and the use of color are my favorites. According to the Material Design spec in regards to color:

Color in material design is inspired by bold hues juxtaposed with muted environments, deep shadows, and bright highlights. Material takes cues from contemporary architecture, road signs, pavement marking tape, and athletic courts. Color should be unexpected and vibrant.

The other day I wanted to change the action bar color to style with a user’s profile picture. Since there is no way to guess what color the picture is going to be, the Palette class and its methods to extract colors from the image were exactly what I needed.

My Experience Developing with Ionic Framework

I’ve been developing with Ionic Framework since it was beta at the beginning of 2014. Since then I’ve published two applications and done other things that I cannot talk about due to non-disclosure agreements that I’ve signed over the years.

I wanted to take the time to do something that I should have done after my first year, but never got around to. I want to share my experience with using Ionic Framework so anyone who reads this can get a rough idea about what they’re getting themselves into with the platform.

Include External JavaScript Libraries In An Angular TypeScript Project

I’ve been a JavaScript developer for a while now, but with the release of Angular, I’ve been inspired to pick up TypeScript. However, what happens when I want to use one of my hundreds of available external JavaScript libraries in my project?

I’m going to share how to use your favorite JavaScript libraries in a TypeScript Angular application.

Create A Toast Notification In Android With NativeScript

Toast notifications are a common thing in Android applications. They are convenient because you can display a message to a user and have it disappear shortly after without blocking any of the UI that might exist within the application. I already demonstrated how to display these notifications in an Ionic Framework application, but this time I’m changing gears to explain how it is done using Telerik NativeScript.

I wanted to start off by saying that I was inspired to write this article after reading Brad Martin’s post regarding the Snackbar notification in NativeScript. Both are common and useful ways to display notifications in mobile apps.

Waiting For A Loop Of Async Functions To Finish In Node.js

At the moment Node.js is my web development language of choice, but occasionally I come across something that really grinds my gears. I sometimes find that I’ve fallen into an async hell that screws up a lot of things. For example, maybe I’ve designed an API endpoint that makes a few requests to external services. Before returning data to the client (user), manipulations must be done on the external service data requested. How do we do all this?

Let’s take a look how we would cover these scenarios.

Find The Application Version In Your NativeScript App

With all the buzz around NativeScript, I figured it was about time that I demonstrate how to access native features of a device without the use of any plugins. To start off slow I decided it might be convenient to see how to obtain the application version number and display it within the application.

To be clear, there are plugins to do all this for you, but the point I’m trying to prove is how easy it is to access core features of iOS and Android with limited knowledge of both.

Navigate Between Routes In A NativeScript Mobile App

To continue my sprint on Telerik NativeScript related topics, I figured it was time I talk about how to handle navigation to different routes or views within an application. With platforms such as React Native you would use a Navigator component and in platforms such as Ionic Framework you would use the AngularJS UI-Router. With NativeScript, it is even easier to navigate between routes.

In this guide we’re going to look at what it takes to navigate a multiple screen Android and iOS application using NativeScript.