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

React Demos – Episode 3 – CRUD Operations

Introduction This is the third post in this series of React Demo Projects. This series is focused on building common, simple, small applications to help with practical knowledge needed for building react applications. CRUD operations are very common in web applications. They are the ‘HelloWorld’ equivalent of data oriented demos. Today we’ll see how to … Read more

React Demos – Episode2 – Ajax Data Loading

Introduction This is the second post in this series of React Demos. You can check the previous post on this link. Making Ajax calls and performing CRUD operations are very common in web development. In this post we’ll load data from public APIs and display it in react components. Show Bitcoin Price We’ll start with … Read more

Building and Deploying a SignalR Chat Application – Part 3

Introduction In previous few posts, We’ve been building a simple chat application and today we’ll see how to deploy it so people can start using it. Previous posts can be accessed from the following links All the source code is available from GitHub repository (signalrchat branch). Now there are many different hosting solutions available for us. Based … Read more

Building and Deploying a SignalR Chat Application – Part 1

Introduction In previous post on topic of Real-Time Web using SignalR we discussed how this library simplifies adding real-time web functionality to applications. Today, we will continue forward from our previous learning and start setup a very simple chat application. Furthermore, to cover topics on frontend, backend and deployment, following structure is planned: So, lets … Read more

AWS Cognito and Web Applications – Protecting and Accessing APIs (JavaScript and .NET Core)

Introduction A typical web application consists of a frontend (HTML, JavaScript, CSS), a backend (e.g. REST API) and database for persistence. Frontend typically communicate over REST calls to the backend for services. Token based authentication is a very common way to manage authentication and authorization information back and forth in the web applications. Applications need … Read more

AWS Cognito – Web Application Integration Basics

Introduction In previous post on AWS Cognito Basics – User Pools. we covered the basics of AWS Cognito and also created a User pool. Following is the recap: Recap AWS Cognito lets you add user sign-up, sign-in and access-control to your web and mobile apps quickly and easily: User pools are user directories. Signup and … 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