Angular – Wrapping Third-party libraries

Introduction It is very common in web applications that we’ll want to use third-party libraries or components. Let’s see how we can take something like that and turn it into an injectable service in Angular. If you are new to angular, you can check previous posts for the background information. toastr For demo, we’ll use … Read more

Angular – Nested Components

Introduction Components are building blocks of angular applications. Splitting the functionality in smaller components is something very common in angular applications development. In this post we will learn about nested components and discover how to establish communication between nested component and its container component using two useful angular directives @Input and @Output. We’ll be using … Read more

Angular – Working with Data

Introduction In previous posts, we’ve started with angular basics and created an angular application. We learned that an Angular application is an interaction of the following Angular artifacts ComponentsServicesDirectivesPipesModules We’ll continue our learning and today we’ll see few more examples. We’ll learn about angular services and then use the service in component to work with … Read more

Angular – New Application Basics

Introduction In previous post, we started with Angular basics and setup an angular application. Today, we’ll continue our learning with some more angular basics such as components, and simple data binding with HTML elements. Components Modules Modules provide a way to organize our application. Every Angular application must have a “root module”, which is required … Read more

Angular – Creating a New App

Introduction Angular is a framework for dynamic web applications. It provides a way to organize your HTML, JavaScript and CSS to keep your front-end code clean. An Angular app is an interaction of the following Angular artifacts In this post, we will create a very simple angular application using angular-cli. Steps Install npm Install Angular … Read more

Migrate On-Prem Web app (.NET Core, Angular and Postgres) – to AWS Serverless

Introduction I’ve previously written about various AWS services and how using serverless offerings results in great development experience, reduce management overhead and applications can benefit from various out-of-the-box features such as high-availability, performance and cost optimization. Today, we will see a simple workflow to port an existing .NET core application which was designed to run … Read more

React.js Basics — Part 4 (for starters and Angular Developers)

Introduction In this post, we will resume our journey of learning React.js with few more examples. In this session, we will cover following topics: Generic Table Component React one-way Data Flow First item is mainly an enhancement on the code, which we wrote in previous session (showing vehicles data in a table). This will result … Read more

React.js Basics (for starters and Angular Developers)

Introduction JavaScript world has seen some great libraries, frameworks and practices throughout its history. Jquery is one of the great library when it comes to JavaScript development. Everyone knows popularity of jQuery and the ease it provides to build rich client-side applications. Later, jQuery UI was developed and jQuery plugins eco-system resulted in great many … Read more

Deploying a Web Application to Kubernetes – Basics

Introduction I have previously written few posts on Kubernetes basics. There we covered some building blocks and how to get started with it. Here is the high level information about the core Kubernetes resources: Pod: Manages container and container environment. Deployment: Manages pods and rolling updates. Service: Manages network routing and DNS names. you can … Read more

Token Based Security: Angular Applications – Part 3

Introduction In previous post of this series, we configured our Angular application as a client of IdnentityServer and completed the login/logout process. However even though user was logged-in, the REST API calls were still not authorized: In this post, we will authorize HTTP calls by passing bearer token as an Authorization Header. Now, if you … Read more