Image for post
Image for post
“Tomcat mouse trap” by jronaldlee is licensed under CC BY 2.0

The Angular framework includes a top-notch mechanism for providing dependencies to an Angular application, called the Angular dependency injection or simply Angular DI.

It is a core feature of the Angular framework and allows us to inject dependencies in various Angular artifacts, such as components and directives. Dependencies are usually Angular services, but we can use any object that can be considered injectable from the framework.

The Angular DI is a powerful and fundamental concept of the Angular framework. It hides much of the complexity when it comes to creating and using dependencies in an Angular app, a daunting process…


Image for post
Image for post
Photo by Marko Blazevic from Pexels

Introduction

Today, popular Javascript frameworks (Angular, React, Vue) apply semantic versioning when releasing a new version that fixes essential bugs or adds new awesome features. Adding a new feature not only provides developers with new functionality but also enables them to keep up with emerging new web standards and technologies.

Why not upgrading

Keeping up to date with a Javascript framework may be straight forward for a freelancer or a startup company, but this is not the case in the world of enterprise software development. Companies usually struggle to keep up with the latest updates. …


Image for post
Image for post
What should I choose?

As Hamlet wonders himself in the famous play by William Shakespeare, I was found in a similar situation (not involving death or suicide) where I had to find a method to reset a form in Angular.

Reactive forms in Angular are very popular among developers because they are scalable, reusable and testable. As I come from an AngularJS background, I traditionally use template-driven forms which I am more comfortable with. Recently, I came across a use case where I had to reset the values of such a form dynamically. …


Image for post
Image for post
What name should I choose

We should be very careful when declaring an output event in an Angular component, especially with the name of the Output decorator. Bad names could lead to unpredictable behavior and difficult to detect bugs. In this article, I will describe a similar case that happened to myself and cost me hours of debugging.

The application

Consider the following application that consists of two Angular components communicating each other using an output event.

Demo application

The first one, ExportComponent, contains a textarea element with some arbitrary text and a select element. …


Image for post
Image for post
Time to upgrade your AngularJS application

This blog post is part of my talk at 1st Angular Athens meetup entitled From Gulp to Angular CLI and beyond. It describes the migration of an AngularJS application to Angular using an approach that is focused on tooling and development workflow. It addresses mainly projects that use Gulp as their development and build tool and want to replace it with Angular CLI.

This article is not trying to explain the upgrade process in detail but rather how to approach the problem of migration so that the process can be straight forward for you and your team. …


Traditionally, when developers need to get information from an API with a master-detail data structure, they would normally go through callback hell or, even better, a promise chain to gather all data. An alternative way to handle such a scenario is using RxJS Observables.

I encountered a problem recently where RxJS proved to be very handy and helpful. I was working on an integration of PlexEarth with Autodesk BIM 360 Docs and need to drill down a nested folder hierarchy. …


Image for post
Image for post
My Angular journey

I started my early career as a .NET developer for mobile applications using .NET Compact Framework. Along the way, I was involved in the development of several .NET desktop applications using WinForms and WPF. In the meantime, I started to write web applications using primarily jQuery and then BackboneJS, as my preferred framework. But it was obvious to me that I would follow a more .NET stack oriented career, until the end of 2013 when I was offered to join the UrboTour team as a freelance contributor.

What is UrboTour


Image for post
Image for post

Progressive Web Apps, or PWA, are web applications that are built with the latest web technologies and provide enhanced user experience with the following characteristics:

  • Speed: load instantly and respond quickly to user interactions.
  • Reliability: operate properly even in offline scenarios.
  • Engagement: feel like a native application on the device and can be installed on the user’s home screen. It can even re-engage users with push notifications.

You can visit the Progressive Web Apps page in Google Developers website to learn more about it.

Cesium is an open source Javascript library that allows you to integrate world-class 3D globes and…


Image for post
Image for post

To begin with, I have to say that I don’t really like to write blog posts (Disclosure: I have never written a blog post in my life!)

In fact, I am one of those technical guys that wants to spare his time over tons of code. Until recently…The reason was an issue on GitHub that I came across, while digging through the popular AngularJS Style Guide from John Papa.

I enjoy helping people and tackling challenging technical problems. Consequently, I always keep an eye on some GitHub repositories and offer my help anyway I can. …

Aristeidis Bampakos

Front End Web Developer at Plexscape

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store