JavaScript

Vercel Taps into Google Conformance Engine to Ensure App Performance

Vercel, during its online Next.js Conf event today, revealed it has updated its development environment based on Next.js and the React frameworks to include support for a conformance engine created by Google that automatically applies best practices for ensuring predictable performance. The company also previewed Next.js Live, a dev server engine for Next.js that will be added to the Vercel platform to enable development teams...

The Best Programming Languages to Learn in 2021

Whether you are a new or seasoned developer with decades of experience under your belt, your career could benefit greatly by learning one - or more - of the programming languages we showcase in this article. In addition to being a great addition to your resume, learning to develop software in one of these languages can also help your career longevity. They may also...

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...

Latest Articles