Making the Matrix WORK – Clarity

“How can I be accountable for something I don’t control?”
“How can I get things done without authority?”

Welcome to the matrix, where multiple bosses, competing goals, influence without authority, and accountability without control are the norm. It is a world where skills, not structure, are the drivers of business and personal success.

Continue reading

Atomic Habits

atomic habits

What is a habit? How can one recognize a habit?

Let’s start with a fun example

A kindergarten teacher that has worked with kids for the last 20 years of her life and today she works in a corporate office. Observing her in the corporate office, people identified that when she hears the sound of somebody exiting the bathroom she is naturally asking out loud the following question “Have you washed your hands?”

Is the sound of somebody exiting the bathroom a trigger that is causing her to ask the question about washing hands?
Is her asking this question an automatism that she has built in the last 20 years working as a kindergarten teacher?

The next example is more academic

Continue reading

Debugging Angular 2

debug angular 2

In my opinion Angular 2 is a great framework to work with. But as a developer, you know that you will also need great debug features in order to have a good experience developing.

There are multiple IDEs you can use to develop in Angular 2, but for this article I will talk about Visual Studio Code – VSCode. It has great typescript support and the auto-suggest knows about the angular 2 components.

Typescript is good when developing, the learning curve is smooth, but be aware that browsers don’t know how to run .ts files. This is why you will have to “transpile” your code. Transpiling is the process of converting your code from typescript to javascript(es6).

Continue reading

Android: offline capabilities using Firebase

 

Firebase apps work offline and enabling disk persistence allows your app to keep all of its state even after an app restart. Firebase also provides several tools for monitoring presence and connectivity state, as we will cover in the lines bellow.

First of all, in order to be able to use Firebase on Android we need to:

Continue reading

Angular 2.0 – real-time components using Firebase

In earlier post we saw how to build a hello world web component using Angular 2.0 beta.
Now we will create a real-time component using Firebase. We will have 2 components:

  1. adding elements in the list component
  2. listing all the elements component

To build the first component for adding elements in a list, we just need a simple HTML with 2 fields and a button, and some small JS method to send these fields to Firebase.

Continue reading

A short introduction to Firebase

firebaselogoFirebase is a powerful API to store and sync data in realtime helping front-end developers build realtime apps for the web. You can save data, update data, and listen for data changes in realtime with only a few lines of code. Data is stored as standard JSON and is accessible from any platform. Firebase also has safety and security built in to keep your data and your users data safe.

Adding Firebase to the page

In order to use Firebase in your application you have to incluse the firebase js reference in the page header.

<script src="https://cdn.firebase.com/js/client/2.0.2/firebase.js"></script>
 

Continue reading

A short introduction to Angular 2.0

shield-with-beta

Although the internals of Angular 2 are still changing, the beta version of the API was released in December 2015 and you can use it to build your apps. The components are better isolated in Angular 2 and if the notions of properties and events are well applied, its simpler to write truly reusable components that can be understood just by looking at an html template.

Browser components

Continue reading