javascript: Lit in 60 Seconds

Learn Lit fast. This is a quick overview of how to use Lit core features compressed into one minute. Remember to pause the video if you need time to understand something! This lesson uses Lit v2. To learn more about Lit and the rest of the features we ... more

[Course] javascript: Web Frameworks in 60 Seconds

Learn web frameworks fast. Each lesson is a 60-second mini tutorial of a different web framework. If you like concise videos, this course is for you. ... more

react: React in 60 Seconds

Learn React fast. This is a quick overview of how to use React core features compressed into one minute. Remember to pause the video if you need time to understand something! This lesson is for React v16.8 or later. To learn more about React and the rest ... more

Getting Started With Webpack

In the early days when modularity was introduced in JavaScript, there was no native support for running modules within the browser. Support for modular programming was being implemented in Node.js using the CommonJS blueprint and it was being adopted ... more

Sleek, Pixel-Perfect Embedded Reporting with Telerik Web Report Designer in .NET 5

We, from the Telerik Reporting team, believe that creating data presentations should be easy and that’s what we always strive to achieve. In this blog post, we will show you how to make a beautiful report with our latest masterpiece—the Telerik Web Report ... more

Understanding the DOM Style Property to Create Dynamic Styles

In this article, we learn how to dynamically style elements by updating their inline styles. We talk about the relationship between the style attribute and the DOM style property, highlighting that CSS declarations include CSS properties as well as CSS ... more

What’s New in Angular 12

Let’s take a look at some of the new features of Angular in its version 12 release. Angular, Google’s JavaScript (TypeScript) framework for building web applications for mobile or desktop, has over 73,000 stars on GitHub and is maintained by the Angular ... more

Improving The Performance Of An Online Store (Case Study)

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Tangible signs of work well done are always appreciated. Like the hunt for the grail, though, you have to question whether this is really the ... more

How To Fix Cumulative Layout Shift (CLS) Issues

Cumulative Layout Shift (CLS) attempts to measure those jarring movements of the page as new content — be it images, advertisements, or whatever — comes into play later than the rest of the page. It calculates a score based on how much of the page is ... more

Managing Shared State In Vue 3

State can be hard. When we start a simple Vue project, it can be simple to just keep our working state on a particular component: setup() { let books: Work[] = reactive([]); onMounted(async () => { // Call the API const response = await bookService.getScienceBooks(); ... more

WebStorm 2021.2 EAP #2

WebStorm 2021.2 EAP build #2 is now available! To catch up on all the new features, check out our previous EAP blog posts. If you’re not familiar with our Early Access Program, check out this blog post where we explain what the EAP is and why you should ... more

TypeScript 4.3 Improves Property Write Types

TypeScript 4.3 improves property write types, more explicit overwriting of methods, and several other key additions. By Dylan Schiemann ... more

How to CRUD with Node.js and MongoDB

MongoDB was one of the first NoSQL data stores, and it is the most popular NoSQL data store today. The Node.js JavaScript runtime continues to hold a dominate place in back-end development. Together they make a highly flexible and dynamic technology ... more

Node v16.3.0 (Current)

Notable Changes cli : add -C alias for --conditions flag (Guy Bedford) #38755 deps : add workspaces support to npm install commands (Ruy Adorno) #38750 Commits [ 4e58ec4aa6 ] - benchmark : output JSON-compatible numbers (Michaël Zasso) #38778 [ 7a9d0fd5a9 ... more

Demystifying TypeScript's Extract Type

Many of the applications we develop at Widen utilize TypeScript for front-end development to provide a high level of type safety while also remaining familiar to developers who are used to JavaScript. In one such application, a need arose that required ... more

Introduction to Data Types: Static, Dynamic, Strong & Weak

This article will explain what data types are, what is meant by the terms “static”, “dynamic”, “strong” or “weak” when we talk about data types, and why should we even care. What Are Data Types Anyway? If you’ve done any programming, you surely have ... more

Angular team streamlines feature requests

The team behind Angular, Google’s popular TypeScript-based web framework, soon will introduce a new approach to handling feature requests. The new approach will be similar to how Microsoft develops its Visual Studio Code editor. Under the new process, ... more

10 hot language projects riding WebAssembly

Today’s web applications are nowhere near as fast and responsive as native desktop applications, but what if they could be? That’s the promise of WebAssembly. WebAssembly is a low-level, assembly-like language with a compact binary format that runs with ... more

Handling runtime environment variables in create-react-apps

Have you ever run into a problem in production/staging, when you just wanted to change the API URL in your React app in a quick and easy way? Usually, to change the API URL you need to rebuild your application and redeploy it. If it's in a Docker container, ... more

Adding Dominant Speaker Detection for Twilio Programmable Video with TypeScript

In this article, you’ll learn to use TypeScript and Twilio Programmable Video to build a video chatting application with a dominant speaker display. You’ll use an existing base project making use of the Twilio Programmable Video JavaScript SDK (for front-end ... more

Google boosts V8 JavaScript performance

With the Sparkplug compiler, Google is looking to improve JavaScript performance in its Chrome browser. Sparkplug is debuting in Chrome 91. Featured as part of Chrome’s V8 JavaScript/WebAssembly engine, Sparkplug is positioned as a “super-fast” non-optimizing ... more

[Course] vue: The Beginner's Guide to Vue 3

Vue is a progressive framework for building UIs that allows you to incrementally integrate the technology into any existing project that you're working on. This makes it a great tool for you to learn as you can bring it anywhere. This course is for learners ... more

vue: Bind Reactive Properties to HTML Element Attributes

We'll see how we can bind the value of attributes in our HTML to JavaScript statements using the `v-bind` directive. This allows us to use the data props and JavaScript evaluations to control the appearance and structure of our web applications. We'll ... more

javascript: Set up the Minimum Files Needed to Run Vue 3

We'll discuss the minimum set of files that are required to get up and running with Vue. We'll add an `index.html` file as our entry point, a `main.js` file that will contain our JavaScript code and a `styles.css` that will contain all of our CSS. We ... more

vue: Interpolate JavaScript Expressions in Vue

We'll see how to signal to Vue that a string should be considered as JavaScript to be interpolated. We do this with double curly braces (`{{ }}`). We'll also see that we can access data properties that have been used into Vue during configuration. While ... more

How to Create a Firefox Add-on

In this tutorial, we’ll go over how to create a Firefox add-on that allows the user to create alarms at specified times with custom text. We’ll cover how to create a basic add-on, adding a popup and an options page, adding permissions, storing information, ... more

How to ensure payment gateway problems don’t become business problems

Dynatrace news If you conduct business on the web, you’re likely dealing with multiple payment gateway providers. One single payment provider issue can undo HUNDREDS of hours spent optimizing the critical user journeys of your mobile or web applications, ... more

How to Get the Current Date in JavaScript

Introduction Whether you are creating a daily routine app, your own blog, or most any other type of dynamic web app, you will probably need to work with dates. In this article, we're going to learn how to get the current date in JavaScript, so you can ... more

A little React library to replace your boring fallback avatars

Boring avatars is a tiny JavaScript React library that generates custom, SVG-based, round avatars from any username and color palette. Cool, but it’d be even cooler if it detached from React so we could all use it. It’d also be nice if you could opt ... more

Looking fine with Firefox 89

While we’re sitting here feeling a bit frumpy after a year with reduced activity, Firefox 89 has smartened up and brings with it a slimmed down, slightly more minimalist interface. Along with this new look, we get some great styling features including ... more