A blog about my coding adventures
Introduction With AWS Fargate, we can run applications without managing servers. Fargate is a serverless compute engine for containers. In previous post, we covered basics of AWS Fargate and took a step by step approach to deploy and run a .NET Core Web API application on AWS Fargate Service. We used AWS Fargate web console … Read more
Introduction With AWS Fargate, we can run applications without managing servers. Fargate is a serverless compute engine for containers that works with both Amazon ECS and Amazon EKS. The official information page can be visited on this link. In this post, we will take a step by step approach to deploy and run a .NET … Read more
Introduction @HostListener decorator tells Angular that when an event on your host happens, you want the decorated method to be called with the event. Example Code Output Let me know if you have some comments or questions. Till next time, Happy Coding.
Introduction CSS animation is sometimes a little less used skill for many developers. This post will help us to get started with the basics. Lets dive into some code to get started. Step0 – Element To start with, we need an element to animate. I have a div with some CSS styling applied as shown … Read more
Introduction This will be a short post just to demo some basic event capturing using RxJS. Requirement We want to capture mouse coordinates on the screen and use those values to move a shape around. You can use it for other effects as fit for your requirements. Code HTML First lets define a draw a … Read more
Introduction CSS Flexbox is a CSS web layout model which allows responsive elements within a container to be automatically arranged depending on viewport size. There are really two major parts of the flexbox we need to concern: Flexbox Container A flexbox or simply flex-container is the parent object and contains flex items. We can define … Read more
Introduction NgRx is a framework for building reactive applications. It is Redux pattern tailored for Angular. The purpose of NgRx is to provide a formal pattern for Key Concepts @ngrx/store: Store is RxJS powered global state management for angular apps. Actions: describe unique evens that are dispatched from components and services.Reducers: state changes are handled … Read more
Introduction WebSocket is bi-directional, full duplex client/server communication protocol, available within browsers. You can check more details and the browsers support on this link. In this post, we’ll build a very simple WebSocket based client/server application. This shall help you to get started with this technology. Basic Setup Following is the basic setup diagram In … Read more
Introduction In previous post RxJS – Combining Data Streams we started with basics of combining an ActionStream and DataStream and why these are common in angular reactive applications. Today, we’ll see yet another example where we will combine a DataStream and ActionStream. Initial Setup We’ve some notes data available from a backend. Here is how … Read more
Introduction Softwares, once you strip away all the layers of abstraction, is really just a big pile of numbers. In fact, even those numbers are abstractions for bunch of electrons moving around. We partly human beings are just incapable of thinking about software in those terms however. Reality is just too complicated. We have to … Read more