Our website is made possible by displaying online advertisements to our visitors. Please consider supporting us by disabling your ad blocker.

Using Routes In An Angular TypeScript Application

With Angular development happening in full force, I figured it was time to take a break from Angular 1 and start thinking about what it takes to make the switch over to Angular. Like with most JavaScript powered applications you will have a single page composed of partial routes and views. I previously wrote about how to navigate with the AngularJS UI-Router, but in Angular things are pretty different.

Here we’re going to take a look at using routes and views to navigate within our Angular TypeScript application.

Read More

Create A Todo List Mobile App Using Ionic Framework

Since writing my two tutorials regarding using SQLite in Ionic Framework and shipping an app with a pre-populated database, I’ve received many requests for a tutorial for making a full blown app. I listen to my readers, so I figured what better way to show such an example, than to create a todo-list type application.

In this tutorial, I hope to accomplish the following:

  • Shipping a pre-populated / pre-filled SQLite database
  • Access the SQLite database and perform operations based on user input
  • Include a WebSQL alternative for testing via a web browser
  • Navigate between views using the AngularJS UI-Router
  • Remove todo items from your list using swipe gestures

All items that I wish to accomplish have seen their own tutorials. If you’re familiar with the Marvel comic book movies, you’ll know that every hero has their own story, then they meet up for the bigger picture in an Avengers movie. Think of this tutorial like that.

Read More

Understanding Tabs In Ionic Framework

A very popular pattern on all mobile platforms is the tabbed interface. This interface is especially popular on iOS where it is encouraged by Apple’s design language over a side menu. It has the advantage that the user can see all of the options available to them whereas a side menu’s options are hidden by design.

Ionic has a very simple tabs directive allowing you to implement these kind of interfaces with lots of options for different styles (icons only, text only, text and icon). In this tutorial, we’ll take a look at the ionic-starter-tabs project on GitHub and break it down piece by piece to get a good understanding of how it works.

Read More

Using Nested States With The AngularJS UI-Router

When coding, it is good practice to reduce duplicating your code as much as possible. When you build a website, multiple pages may be grouped with specific layouts that are used any number of times. You don’t want to duplicate your layout code across these pages.

A common thing to do in web design is to use templating. This exists similarly across many web languages, but in this example I’m going to demonstrate how to do this with AngularJS and the UI-Router extension.

Read More

Using The UI-Router To Navigate In Ionic Framework

Being that Ionic Framework relies heavily on the UI-Router for navigation, I thought I would do a write-up on how to properly use it.

We use the UI-Router to navigate between view states in our application. By view states, I mean screens composed as template files. If you’re looking for information on navigating in Ionic 2, visit my other post on the subject as it doesn’t use the UI-Router like Ionic Framework 1 does.

Read More


Follow Us

The Polyglot Developer


Subscribe to the newsletter for monthly tips and tricks on subjects such as mobile, web, and game development.

The Polyglot Developer

Support This Site