Hi, my name is Joao Garin. I love travelling, programming and sports. I also enjoy coffee very much. Thank you for visiting my blog.

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.

Read full post

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 :

Read full post

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.

Read full post

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.

Read full post

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.

Read full post

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.

Read full post

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.

Read full post

Post on : Sat, 04/16/2016 - 07:19 by Joao Garin

Using loadCSS to remove render blocking CSS

When doing frontend performance optimizations for your website or app one of the important things to consider is when are visitors actually getting content delivered to them, to be able to interact and see when they visit your site for the first time.

This is especially important for typical seo dependant sites where a lot of the visitors are first time visitors that don’t have your CSS / Fonts or Javascript cached in the browser. Be it online shops, job portals or simple sites this is an extremely relevant topic and not so easy to get around with.

Read full post

Post on : Mon, 11/09/2015 - 10:38 by Joao Garin

Rich sharing links in your angularJs headless drupal application

Following on a great post by Michael Browmley I decided to reshare this idea on how to enable rich sharing links in your AngularJs application.

The steps are really easy and enables you to have rich sharing links in you app with very little effort. I am going to focus on using this with Drupal rather than using a static php file like in the blog post from Michael.

Read full post

Post on : Wed, 11/04/2015 - 08:43 by Joao Garin

Whats coming with Angular 2

Angular is one of the most if not the most popular javascript front end frameworks around, and its version 2.0 is comming out with some major changes and complete rewrite of the framework including increased performance and a lot of new features.

Angular 2 was first announced in Paris at the ng-europe conference and it caused quite a sensation after anouncing that a lof of the things from angular 1 would be "killed" like controllers or scope.

Read full post