JavaScript

Best Programming Languages to Learn in 2021 for Web Development

Best languages to learn in 2021 for Web Development It might be a little redundant to specify that this article features languages employed in Web development since a lot of programming happens on that front these days. Nonetheless, if you're looking to discover the latest and greatest way to build self-learning AI robots, you may or may not find it here. (Take a look at...

Angular 11 MatDialog Basics

Of all the Angular Material components, the MatDialog just may be the most complex. At the same time, it is probably also the most versatile of the bunch. Part of the reason is that it's not a component so much as a service that can be utilized to open modal dialogs with Material Design styling and animations. In this tutorial, we'll replace the standard...

React in Deno with Aleph.js

You probably heard about Deno already. Well, it's great to see how quickly the community brings new frameworks and libraries to life. And that was the case with Aleph.js, the React Framework in Deno. Aleph.js is, by definition, the JavaScript framework alternative for the Deno universe (one of Node's competitors) for developers who want to integrate it on React applications. It's still very young, with a couple of open...

Assigning Dynamic Classes with NgClass

In web apps it's a common requirement to tailor an element's appearance based on a condition. There are a few ways of accomplishing this, but if you're working with Angular, your choice is clear. The NgClass directive provides a myriad of ways to dynamically assign class names to elements or components. Its syntax is both concise and yet supports fairly complex logic to provide...

Preventing Data Loss In Angular Applications Using a CanDeactivate Route Guard

It's always helpful when an application warns you when you're about to leave a page with unsaved changes. In some cases, it's expected. I recently had the occasion to implement that very functionality in an app for managing investment themes such as 5G, Green Energy, etc. As I came to discover, Angular 11 offers a highly versatile mechanism for preventing navigation from occurring under...

Angular 11 Routing Basics

Full disclosure: this article was supposed to be about using Route Guards to protect against data loss. But, as with so many well laid plans, it soon became apparent that I was overreaching a bit. The idea was to build upon what we had done in the Keeping Track of Form Changes In Angular tutorial by displaying a dialog to the user if he...

Keeping Track of Form Changes In Angular

A very common use case for web forms is to alert the user if they attempt to navigate away from the page with unsaved changes. In technical terms, when a form's state has changed from its original, pristine, state, we refer to the form as being "dirty". For us Angular developers, the NgModel directive provides a mechanism for tracking control states. In today's tutorial,...

Creating an API with Deno

Deno has caught the attention of the JavaScript community by offering some disruptive ways to deal with backend application development in JavaScript. After getting started with the basics, it's time to see Deno in action. In this tutorial, we're going to check Deno's power in practice through the development of a REST API from scratch. As a prerequisite, you'll need to have Deno installed already. For...

Using Material Font Icons in your Angular 11 Projects

Judicious use of icons can help convey the meaning of application elements and greatly enhance user experience. For those of us who develop using Angular, we have a tremendous variety of icons to choose from, thanks to Material icons. These are beautifully crafted symbols for common actions and items for use in Android, iOS, and Web applications. Material Icons are provided using two flavors:...

Getting Started with Deno

Deno is the new runtime for JavaScript and TypeScript, built on top of Google V8 and Rust. It is robust, secure, and flexible for dealing with web applications (both front and back end). It's a project of Ryan Dahl, who set out to fix and improve things he didn't like when he created Node.js. Yes, Deno comes from the same creator of Node. It also...

Latest Articles