Posts in category TypeScript

Using Wikitude’s Image Recognition in an Ionic appl...

thumbnail ionic augmented reality wikitude intro

First of all I’d like to thank the Wikitude company for the license key they provided to me. I’ll soon update the previous demo gifs to remove the trial watermarks! In this tutorial we will use Wikitude’s image recognition feature to display a new image in our Ionic AR application.

Integrating a Labeled Marker in an Augmented Reality Ioni...

thumbnail ionic Augmented Reality marker wikitude

The first time I developed an Augmented Reality application I used an (ugly) black and white Marker. This method was very cool and I was totally bluffed by the technology. However, this wasn’t very scalable. Can you imagine how annoying it would be to go around and paint markers everywhere? Nowadays these markers can be integrated by using geolocations, locations of […]

Augmented Reality in Ionic 3 using Wikitude

thumbnail ionic augmented reality wikitude intro

Augmented Reality will be a turning point in the coming years. Trends are making economy and new trends means new opportunities. Nobody knew a decade ago that millions of people would use a phone to get an Uber or swipe right to meet someone. There are even rumors about the iPhone 8 Augmented Reality features. Today’s tuts is an introduction to Wikitude, an […]

Ionic 3 and Cordova Native plugins installation

thumbnail Ionic Cordova plugins

Plugins: one word that totally changed the landscape of programming. Can you imagine 10 years ago when developers had to code everything from zero? Now people push their plugins, we install them using npm and the documentation is here to help us. However, mobile development is evolving very fast: AngularJS, Angular 2, Angular 4, Ionic, Ionic 2, Ionic 3. It takes a […]

Angular 2 Template-Driven Forms in One Go

Angular 2 forms

After a long break, let’s get back into the flow with a simple tuts. No server-rendering-worker-asynchronous-resolution-injection here, just something that everybody use: forms! Today we take a look at how template-driven forms work in Angular 2. A 5-minutes read to slowly get back in form.

Getting Started With the New Angular 2 Router

angular-2-router-thumbnail

Navigation has changed a lot during Angular 2’s development. Finally this important piece has become final! Today I’ll show you how to master routing into your Angular 2 apps. We will create our first routes, protect them, handle an event when the user leaves and create some children routes.

Analysing the Angular 2 Universal Starter Kit

angular-2-universal-thumbnail

Hi folks, Today we are going to dive into the Angular 2 Universal Starter Kit. If you have never heard about it it’s ok, your boss is not going to fire you tomorrow because of that (not yet). There are other Angular 2 Universal seed projects in the wild but this one is complete and very simple to start with, […]

How to Create a Native App Combining Angular 2 and React ...

react-native-angular-2

Hi folks, With the launch of the Angular 2 Final Release, the war between using Angular 2 or React is firing up again. But what if instead of shooting each other we could use the advantages from both worlds? I’ll show you how you can have access to Native Components through React Native and use the Angular 2 directives that we […]

E2E Testing In Angular 2 From Zero To Hero (Final Part)

e2e testing protractor

Dear future Masters of Angular 2 E2E Testing. This is it. At the end of this lesson you will finally have every tools to create functional tests for your Angular 2 applications. No more excuses: You’ve got the power! We will first get familiar with Locators then we will see how awesome Page Objects can be, followed by how to handle asynchronousness and […]

How To Upload Files to Amazon S3 with Angular 2 and WebPa...

angular2_webpack_awss3.png

Since a lot of you were interested in my “How to upload files to Amazon S3 with Angular 2 and WebPack” post, I thought that a video would be helpful too. This video is short and doesn’t cover the security nor the cross-domain configuration. Here you go!