Styling in Angular part1 Sass

Submitted by admin on Mon, 02/20/2017 - 20:51

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.

Lazy loading with Angular2 and Webpack

Submitted by admin on Fri, 10/28/2016 - 16:43

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.

Create components at runtime with Angular

Submitted by admin on Mon, 10/03/2016 - 15:17

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.

Angularjs styleguide from Todd Motto

Submitted by admin on Sat, 07/09/2016 - 09:10

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.

Angular2 with Firebase

Submitted by admin on Sun, 06/26/2016 - 15:38

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 :

Redux in angular with ngrx

Submitted by admin on Sun, 06/12/2016 - 07:25

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.

NgConf 2016 presents unlikely friends Drupal and angular2

Submitted by admin on Sat, 05/21/2016 - 08:01

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 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.

Building Desktop apps with Angular2 and Electron

Submitted by admin on Fri, 05/06/2016 - 11:37

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.

Angular 1 component method

Submitted by admin on Fri, 04/29/2016 - 07:15

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.