Working With Assets and Global Styles and Scripts in Angular

Working With Assets and Global Styles and Scripts in Angular

February 25, 2019 | Maina Wycliffe

In this post, we are going to take a closer look at how we to work with assets (web assets) and global styles and scripts on our angular project. …

#Angular

Separating Dev and Prod Environment on Firebase

Separating Dev and Prod Environment on Firebase

February 16, 2019 | Maina Wycliffe

It is common for developers to setup multiple environments for our application. This usually include a development/staging and production …

#Firebase #Angular

Changing Angular Material Form Field Appearance

Changing Angular Material Form Field Appearance

February 4, 2019 | Maina Wycliffe

Material design has been with us for the last few years. The material guidelines spec sheet, found here, has evolved since the original design, on …

#Angular #Angular Material

Using OS Environment Variables in Angular (with Docker)

Using OS Environment Variables in Angular (with Docker)

January 13, 2019 | Maina Wycliffe

Angular has its way of handling different target environments, through angular environments files – which you can learn more about here. The issue …

#Angular #Docker

Creating a Filter Method for Angular Async Pipe

Creating a Filter Method for Angular Async Pipe

December 13, 2018 | Maina Wycliffe

In a previous post earlier this week, we looked at how we can handle errors when using Angular Async Pipe. In this post, we are going to build a …

#Angular #Async Pipe

Angular Async Pipe – How to Handle Errors

Angular Async Pipe – How to Handle Errors

December 11, 2018 | Maina Wycliffe

In this post, I am going to show you a very simple yet effective way of handling errors when using Async Pipe in Angular. If you are new to async …

#Angular #Async Pipe

Entry Components in Angular - What are they?

Entry Components in Angular - What are they?

December 7, 2018 | Maina Wycliffe

In this post, we are going to look at Entry Components in Angular, what they are and why they even exist. In the simplest terms possible, an entry …

#Angular

Building a Simple Responsive App with Angular Flex Layout

Building a Simple Responsive App with Angular Flex Layout

December 5, 2018 | Maina Wycliffe

In the last post, which you can find here, we introduced Angular Flex Layout. We looked at the APIs/Directives available to you as a developer and …

#Angular #Angular Flex Layout

Angular Flex Layout – Introduction & Getting Started

Angular Flex Layout – Introduction & Getting Started

November 19, 2018 | Maina Wycliffe

In this post, I am going introduce and look at how you can get started with Angular Flex Layout. We will briefly introduce the APIs for Angular Flex …

#Angular #Introduction #Angular Flex Layout

Building a Wrapper for Responsive Design for Angular Flex Layout

Building a Wrapper for Responsive Design for Angular Flex Layout

November 11, 2018 | Maina Wycliffe

Angular Flex Layout is designed to provide a comprehensive layout design using CSS Flexbox and Media Query. Unlike most other libraries, it doesn’t …

#Angular #Angular Flex Layout

How to Build Custom Pipes in Angular

How to Build Custom Pipes in Angular

November 6, 2018 | Maina Wycliffe

In simple terms, pipes allow us to write display value transformation right inside the template. Angular comes with stock or built in pipes to …

#Angular #Pipes

Angular Reactive Forms - Dynamic Form Fields using FormArray

Angular Reactive Forms - Dynamic Form Fields using FormArray

October 27, 2018 | Maina Wycliffe

In most cases, forms have constant form controls – remaining static throughout the lifetime of the form. But from time to time, you can find …

#FormArray #Reactive Forms #Angular #Angular CLI