HTML5 notifications in electron apps with Angular 2

HTML5 notifications in electron apps with Angular 2

Sending information to users of your app is a common demand in modern apps. When building apps using native technologies on each platform, this task can be tedious. When using web technologies, this task becomes really easy, HTML5 is providing a unified and simple API to create notifications on all
Using Augury inside of your Electron Apps

Using Augury inside of your Electron Apps

During AngularCamp here in Barcelona I had the chance to attend Vanessa Yuen. She's a fullstack developer at Rangle.io and came all the way from Toronto (Canada) to the beautiful and sunny Barcelona to share key concepts and responsibilities of their latest tool, Augury. Let's keep the story short.
Angular2 Quicky - Why can't I compile my Angular2 app anymore

Angular2 Quicky - Why can't I compile my Angular2 app anymore

Perhaps are you already using Angular2 for internal testing. Or you and your team decided to start your next big thing in these early days of Angular2 to ensure that your app will rely on latest and greatest web technologies. If so, you may have seen the following issues in
Angular2 and Electron - The definitive guide

Angular2 and Electron - The definitive guide

Building cross platform apps for desktop operating systems became really simple compared to the past. With GitHub's Electron is a framework available that takes away the pain for abstracting all common platform APIs from us as web developers. Electron makes it easy to host Single Page Applications (short SPAs) within
Angular2 Quicky - Async Routes

Angular2 Quicky - Async Routes

Angular2 ships with it's own component router. The router makes it easy to compose complex applications from a bunch of components. Multiple routers could easily be nested to achieve almost every requirement for a SPA. When using regular routes, all files from your SPA will be transferred to the client
Jade-up your Angular2 markup

Jade-up your Angular2 markup

Can you imagine the combination of Angular2 and Jade is super awesome and timesaving? If not, read the following lines and reconsider! When building SPAs using Angular2 or AngularJS, you will use custom HTML markup extensions (aka directives) to instrument Angular how to render your SPA or how the different
Angular2 Quicky - ViewEncapsulation.Native in all browsers

Angular2 Quicky - ViewEncapsulation.Native in all browsers

A few days ago I wrote about ViewEncapsulation over here. The sample I demonstrated over there was only working in Chrome. The following lines will explain why and how to get those samples working in all modern browsers. By default ng2 is using ViewEncapsulation.Emulated to render your components. Emulated

Testing Angular2 Apps with Jasmine and TypeScript

Angular2 is currently available in beta2, if you haven't updated yet. Go and check latest bits, because my post is targeting Angular2 beta2. Update This sample is also working with angular2 beta3 There are some resources available online when it comes to unit-testing angular2 apps, but for me none of
Angular2 Quicky - Component ViewEncapsulation and WebComponents

Angular2 Quicky - Component ViewEncapsulation and WebComponents

Component is perhaps the most overloaded word when it comes to JavaScript frameworks in these days. Every single framework has it's own definition of what exactly a component is, also Angular2. Components are the building blocks of ng2 apps. By default ng2 embeds components into the DOM. When ng2 renders
Building an electron app using Angular2 Beta0 in TypeScript

Building an electron app using Angular2 Beta0 in TypeScript

A couple of weeks ago I created a sample repository for demonstrating the usage of ng2 in electron apps when writing ES2015. Today I've investigated some time in building a electron showcase app which explains how to create desktop apps using angular2 (currently beta0) when relying on TypeScript. Some friends