Link to Code Lab: https://ng-codelab-webcomponents.netlify.com In this small blog post, I’ll walk through the code lab I created for learning how to create web components using Angular Elements, understanding the different web component specifications, and then being able to use them in some other frameworks. In the month of February, I will be speaking at… Continue reading Code Lab — Web Components using Angular Elements
The Angular Router – Trivandrum TechCon20
2020 started with the first Angular event on 25th of January of the year. This event, Trivandrum TechCon20 was organised as a part of 2020 twenty series in Thiruvananthapuram, Kerala, India. The event included multiple talks about Azure, .NET, Flutter, cognitive services from some great speakers. I spoke about the Angular Router and its lifecycle… Continue reading The Angular Router – Trivandrum TechCon20
Creating a LitElement
This is a very basic blog post on how to create a simple web component using Polymer LitElement. A web component is basically a view with functionality that you can reuse in any frameworks on any web page. Such a web component can then simply be used by just using the element as: <my-web-comp></my-web-comp> inside… Continue reading Creating a LitElement
New Angular Router features in versions 7, 8, and 9
When I published my book on Angular Routing, Angular 8 was not yet released. Some of the topics that I covered in my book are Router events, lazy loading etc. When I was implementing lazy loading as a demo for one of the chapters in the book, I was scratching my head. Now this was because I… Continue reading New Angular Router features in versions 7, 8, and 9
Creating framework-agnostic web components with Angular
Wait, framework-agnostic web components? What is that! Let us try to understand the meaning of this term by an example, apparently my own example. TL;DR This article shares about the need for web components, web component specifications, what are Angular elements, how can we create web components using Angular elements, and finally how we can we… Continue reading Creating framework-agnostic web components with Angular
Using a bootstrap modal as a dynamic component
Working in an application involving multiple components under different modules, there are scenarios where in you’d not want to fix another template for a simple functionality like a modal component, let’s say! For such components, we can actually build a dynamic component where in we would not need to render the template at the build… Continue reading Using a bootstrap modal as a dynamic component
Deploying your Angular app to IBM Cloud
I will be writing about how to deploy an angular application on to the public IBM cloud platform and be able to access the application. So, to put it briefly here about what this blog post will include, we will create an angular application using the CLI, make our application deploy-ready, build the application, create… Continue reading Deploying your Angular app to IBM Cloud
ng-Srilanka: Good to knows before attending my talk
Hey everyone! In around 10 days from today, I will be speaking at ng-Srilanka, the first ever Angular conference of SriLanka. I will be speaking on the topic “Creating Libraries in Angular” on 14th September, 2019, along with some other great speakers. The purpose of this blog post is to make sure you are well-versed… Continue reading ng-Srilanka: Good to knows before attending my talk
Build a Web page with WEB2PY
Fond of Python? Thinking how to use it for web development? I come from a similar background. I have always had a thing for Python. It just attracts me a lot! Getting into web development right after my graduation took me away from Python but I though why not do the same thing, i.e., web… Continue reading Build a Web page with WEB2PY
Custom validation for your reactive forms?
When working with forms in Angular, we are provided with a choice. The choice is similar to the one between choosing tea or coffee. This choice is about choosing which types of forms we should use as per the requirement of our solution. And the two options that we get are: Template-driven forms Model-driven forms… Continue reading Custom validation for your reactive forms?