Post on : Mon, 02/20/2017 - 20:51 by Joao Garin

Styling in Angular part1 Sass

This is the first part of a series of posts that will approach different ways of styling Angular applications. Angular is a very powerful platform for developing web applications, and allows for many different ways that styling can be done, with different benefits and drawbacks and also different tastes when it comes to making the decision of how to style the app you are building.

Post on : Fri, 10/28/2016 - 16:43 by Joao Garin

Lazy loading with Angular2 and Webpack

Right before the final release of Angular 2, NgModule() was introduced. This was kind of a surprise for some people (myself included) but there was a higher purpose to the inclusion of such a concept, and that was to enable easy lazy loading of these modules.

Let’s analyze how NgModule() works, what it is and how it can help to enable lazy loading in Angular 2 applications today. In this case we will be using Webpack.

Post on : Mon, 10/03/2016 - 15:17 by Joao Garin

Create components at runtime with Angular

The last couple of months I have been on and off trying to get carte blanche working with Angular 2 by making a Carte-blanche-angular2 plugin. This has provided some interesting challenges especially on how to render dynamically components at runtime using the Angular runtime compiler. The approach I took went through several changes during RC periods but I will focus on the last one which is the one compatible with the final release of Angular2 using NgModules.

Post on : Sat, 07/09/2016 - 09:10 by Joao Garin

Angularjs styleguide from Todd Motto

Angular 1 is not dead!

As Angular 2 get’s a lot of momentum, Angular 1 seems to be a little off in the choices of developers for building new apps, but a big amount of apps are still being run in Angular 1. And fortunately the Angular team has made a big effort in getting Angular 1 up to speed with the latest of the web, as component architecture approach and one way direction data flow.

Post on : Sun, 06/26/2016 - 15:38 by Joao Garin

Angular2 with Firebase

If you have been developing with Angular for some time, you probably have used or have heard about Firebase.

Firebase lets you build real-time applications with very little effort, providing you with a backend technology out of the box that automatically synchronizes every connected device, providing authentication and some other nice services on top of that. It was also recently updated with a full set of new services on top of the real-time database, so right now Firebase consists more or less of :

Post on : Sun, 06/12/2016 - 07:25 by Joao Garin

Redux in angular with ngrx

Redux, Mobx, RxJs, ngRx. These are some of the most common ways to handle state management in today’s Javascript modern applications.

These are some great tools that solve a common problem on how you handle different parts of your application that “care” about some part of the application state. That can be a header component that is showing a value of a total of sales that gets calculated somewhere else in the app or a user picture that gets changed and needs to be updated in the sidebar component.

Post on : Sat, 05/21/2016 - 08:01 by Joao Garin

NgConf 2016 presents unlikely friends Drupal and angular2

Most of the people watching ngConf 2016 a couple of weeks ago would not expect to see a PHP CMS logo along side with Angular’s logo in the slides of a Keynote at the conference. But that was exactly what happened, when the weather.com channel people went on stage to talk about how they have been using Angular1 for a long time on the most traffic heavy Drupal site on the world, and how they recently adopted Angular2 as well.

Post on : Fri, 05/06/2016 - 11:37 by Joao Garin

Building Desktop apps with Angular2 and Electron

Electron is a great open source tool from Github that allows you to leverage your Javascript skills to build Desktop apps for MacOS, Windows and Linux systems. If you are using something like Slack, VisualStudio code or Atom you are already using Electron in your environment. Chances are you are running one or two of these apps but they are so smooth you can’t really tell any difference from a pure native desktop app.

Post on : Fri, 04/29/2016 - 07:15 by Joao Garin

Angular 1 component method

If you are anything like me, you love markup and HTML. It was one of the first things that got me into web development in the first place, the idea that with some of this syntax I could bring ideas to life in the browser and put it together with CSS and Javascript and create real experiences for users in apps or websites.

Post on : Sat, 04/23/2016 - 07:32 by Joao Garin

Server side rendering in Angular2 with Angular Universal

Angular 2 comes with a lot of new and awesome things. One of which is the separation between the application layer and the render layer. This leads to the possibility to do a lot of great things, one of which is Server Side Rendering.