A blog about my coding adventures
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 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 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 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 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
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