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
Angular2 Quicky - How to structure your projects

Angular2 Quicky - How to structure your projects

When building large Angular2 Apps, you've to care about how to structure your project. John Papa will of course provide a new style guide in the near future :) (no pressure here, we've our own for ng and ng2). But already in those early days you've to care about the project
Angular2 Quicky - Elvis is in tha house

Angular2 Quicky - Elvis is in tha house

Another Angular2 Quicky for today ;) Angular2 introduces the Elvis operator ?. which can be used within templates. CoffeeScript Developers (Note: I ) may know this as "Existential Operator" which can easily be used to check if a variable has a value. In combination with *ngFor and *ngIf this makes a good toolbelt
Angular2 Quicky - Local template variables

Angular2 Quicky - Local template variables

Local template variables in angular2 can be used to easily reference HTML elements and use their properties either on sibling or child nodes. It's pretty easy to create and use those local template variables. Let's say you've an input file for dealing the firstname of someone. <input type="text"
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
Angular2 goes CrossPlatform using electron

Angular2 goes CrossPlatform using electron

A while ago I've posted a sample on how to write an electron app using Angular 1.x with ES2015 and JSPM. Now having more than 80 stars on github, it seems to be quiet important for the community. That's why I've decided to take this sample to another level.