A blog about my coding adventures
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 few posts, we’ve covered some theory and few demos example of RxJS in Angular. The previous post was focused about RxJs Subjects and we saw few examples of its usage such as we built an eventBus to broadcast notifications and the likes. Today, we’ll learn about the various needs and patterns of … Read more
Introduction In previous posts we’ve discussed RxJS and saw few examples to understand how to use those in our angular applications You can check the earlier posts in following links Today, we’ll discuss Subject which is very useful and powerful feature of RxJS. We’ll start simple with few examples mostly around the subject theory and … Read more
Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. Another approach we learned was use of template reference variable and @ViewChild decorator to access elements/components on template and call methods on it. You can check this article for details. Today, we’ll learn how to notify the component … Read more
Introduction In earlier post, we saw how to communicate in and out of components using input/output properties. In this post we’ll explore another way to access the public properties and methods of a child components. This could be useful for different use cases. We’ll learn about using Template Reference Variable and/or @ViewChild() decorator. ViewChild/ViewChildren Selector … Read more
Introduction We use pipe for transforming bound properties before displaying them in a view. Angular provides us with few built-in pipes e.g. date, number, decimal, percent, currency, json etc. This time, we want to build our own custom pipe. Use Case Build a custom pipe which replaces ‘-‘ character with a space ‘ ‘. It … Read more
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
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
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
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