Published in Angular Training·2 days agoMember-onlyHow to create a simple modal dialog with Angular?Dialogs, pop-ups, and overlays have become a common feature of web applications. Not long ago, we relied on component libraries (or jQuery plugins) to create such dialogs. Things have changed. There is now a dialog HTML element compatible with all modern browsers. This tutorial will illustrate how to use such…Dialog3 min read
Published in Angular Training·Jul 26Member-onlyWhat's new in Angular 14?Angular 14 was released a few weeks back. The new framework version contains quite a few interesting features that developers have been asking for some time. Let’s dive into these new main features one by one. Typed forms When creating forms with Angular 14+, type information is preserved and checked across all…Angular3 min read
Published in Angular Training·May 17Member-onlyHow to write async form validators with Angular?Sometimes, we need server-side information to valid form data in the browser. Angular’s AsyncValidators are the way to achieve such asynchronous validation with Angular. If you’re familiar with custom form validation in Angular, you’re aware that custom validators are functions that take an AbstractControl as a parameter and return null…Reactive Form Validation3 min read
Published in Angular Training·Apr 22Member-only5 tips on using Angular FormControlWe often learn Angular presented with two options for working with forms: Template driven or reactive (or both!) In several cases, small forms (for instance, a login screen, a single text input, or a single dropdown) don’t need that kind of verbosity. In this post, we will look at five…Angular4 min read
Published in Angular Training·Apr 12Member-only5 string-related features of Modern JavaScriptSince 2015, Javascript has been changing faster than ever and is now evolving every year. As a result, many APIs improve over time, as is the case for string manipulation. In this blog post, we’re going to cover five useful functions added since ES6 Javascript, which is also known as…Java Script3 min read
Published in Angular Training·Mar 18Member-onlyRxJs Observables in 5 minutesRxJs is a reasonably tricky library to get started with. That’s because it comes with different concepts and vocabulary that can seem intimidating: Streams, Observables, Operators, Subjects, etc. This article will demystify what RxJs is all about in just a few minutes of your time. What is RxJs? RxJs is a library that…Rxjs4 min read
Published in Angular Training·Jan 7Member-onlyHow to use a skeleton loader with Angular?Skeleton loaders have become quite popular over the past few years. The purpose of such loaders is to show a placeholder where content is loading. Usually, skeleton loaders display a greyed template reflecting the structure and look of the entire view. …Angular3 min read
Published in Angular Training·Dec 21, 2021Member-onlyHow to authenticate/authorize a user with Angular?If you ever have to implement user authentication (log in or sign in) or user authorization (is the current user allowed to see that screen?), this article is for you! We’ll take a look at how to use Angular Guards as a way to: Check if the current user is…Angular4 min read
Published in Angular Training·Nov 16, 2021Member-onlyWhat’s new in Angular 13?Angular 13 is now available! This year it’s the second major version of the framework, as Angular gets one major release roughly every six months. Let’s dive into it and see what’s new in this latest version. Super-fast “ng serve” ViewEngine was entirely removed from the framework in v13. This means that Angular…Angular3 min read
Published in Angular Training·Oct 14, 2021Member-only3 reasons to use the tap operator from RxJsThe tap operator is one of my favorite and most used features of RxJs. So today, I’m going to highlight three different and handy use cases of the tap operator. Debugging by logging what is going on in a data stream This is one of the easiest ways to visualize what is happening within a pipe of observable streams. …Rxjs3 min read
