A blog about my coding adventures
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 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
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
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
Introduction Classes are fundamental to Object Oriented Programming. In our applications, it is very common to use Classes for business objects, data transfer objects etc. and today we will see how we can use classes to build a User Interface for front-end projects. Modern UI frameworks such as Angular, React etc. are already using classes … Read more
Introduction In previous post, I talked about importing jQuery and jQuery UI modules in our JavaScript code using Parcel JS. Today, I want to share that how to include bootstrap and font-awesome packages in our application. We will be continuing with the same code-base from previous post. However, I created a new branch (bootstrapimport), so … Read more
Introduction I have written few posts on token based security, its importance, OAUTH, OIDC and IdentityServer. You can check previous post if you are new to these topics. Today, I will write about how to secure angular application with these technologies. We will see how to wire Angular application with IdentityServer. Angular application is a … Read more
Introduction Modern JavaScript frameworks like Angular, Vue etc have built-in mechanism to structure JavaScript code. When not using these frameworks, we can use simple techniques to structure our JavaScript. In this post I will show you one of them using Revealing module pattern. This pattern is very popular and there are great many resources online … Read more
In this post, I will show you how to build charts in your web application using C3.js reusable charting library. Introduction C3.js is D3.js (D3 = Data Driven Document) based JavaScript chart library. It is simple to use, customizable and provides a nice API. It can be used to create visualizations using SVG, HTML & … Read more