A Complete Guide to Data Attributes

Table of Contents Introduction Syntax Styling with data attributes Accessing data attributes in JavaScript Introduction HTML elements can have attributes on them that are used for anything from accessibility information to stylistic control. <!-- ... more

javascript: Create App DevTools to enhance development productivity

If you find yourself filling out the same form over and over again, or working through a weird workflow to enable certain features in your app just to get things developed, then custom DevTools for your app will enhance your productivity. There are so ... more

Moving from Vanilla JavaScript to a Reusable Vue Component

I recently wrote an article explaining how you can create a countdown timer using HTML, CSS and JavaScript. Now, let’s look at how we can make that a reusable component by porting it into Vue using basic features that the framework provides. Why... The ... more

How to Get Involved in the Booming Python Job Market

From finance to artificial intelligence, data science to web development, there isn't an area in which Python isn't consolidated and flourishing. So let's discuss actual salaries, skills in demand, marketplaces, and what to do in order to remain competitive. ... more

Moving from Vanilla JavaScript to a Reusable Vue Component

I recently wrote an article explaining how you can create a countdown timer using HTML, CSS and JavaScript. Now, let’s look at how we can make that a reusable component by porting it into Vue using basic features that the framework provides. Why do this ... more

Lazy Object Initialization

The Firefox DevTools underlying code, which is written with JavaScript and HTML, is a complex application. Due to the complexity and amount of work going on, the DevTools team has done everything they can to load as little as possible. Furthermore the ... more

“CSS4” Update

Since I first chimed in on the CSS4¹ thing, there's been tons of more discussion on it. I'm going to round up my favorite thoughts from others here. There is an overwhelming amount of talk about this, so I'm going to distill it here down as far as I ... more

What Is Node and When Should I Use It?

So you’ve heard of Node.js, but aren’t quite sure what it is or where it fits into your development workflow. Or maybe you’ve heard people singing Node’s praises and now you’re wondering if it’s something you need to learn. Perhaps you’re familiar with ... more

Echo JS

• A Full Stack Web App with Angular, TypeScript, Java, and Docker (a good example if you want to use this tech stack)

... more

javascript: Exclude Properties from a Type in TypeScript

There might be cases where you would want to create a type while excluding some of the properties from a type. Let's say you have a database query on a `users` table where you are not selecting the `password` field. In this case, you will not be able ... more

How to Build Forms with React the Easy Way

Earlier this week we discussed how to build fully-featured React forms with KendoReact, which is another great React forms tutorial. In this article, we’ll take a step a back and discuss the challenges inherent to building forms with just React, such ... more

A Complete Guide to Links and Buttons

There is a lot to know about links and buttons in HTML. There is markup implementation and related attributes, styling best practices, things to avoid, and the even-more-nuanced cousins of the link: buttons and button-like inputs. Let's take a look at ... more

ESLint v7.0.0-alpha.1 released

ESLint v7.0.0-alpha.1 released We just pushed ESLint v7.0.0-alpha.1, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release. This release also has some breaking changes, so ... more

New optimizations boost performance in preview builds of Microsoft Edge

Starting with Microsoft Edge build 81.0.389.0 on 64-bit Windows 10, we’ve enabled new toolchain optimizations that should provide a substantial performance improvement in general browsing workloads. We’ve measured an up to 13% performance improvement ... more

Working With GraphQL In Angular: How to Make a GraphQL Query

Apollo Angular allows you to fetch data from your GraphQL server and use it in building reactive UIs using the Angular framework. In this article, I will show you how to make a GraphQL query in Angular using Apollo Angular. GraphQL is a specification ... more

Why JavaScript is Eating HTML

Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom about how a web page should be made. It is exciting for... The post Why JavaScript is Eating HTML appeared ... more

WebStorm 2020.1 EAP #4: LightEdit Mode, an Option to Update All Jest Snapshots for a File, and More

WebStorm 2020.1 EAP build #4 is now available! If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out our previous EAP blog posts. The Toolbox App is the easiest way to get the EAP builds and ... more

Why JavaScript is Eating HTML

Web development is always changing. One trend in particular has become very popular lately, and it fundamentally goes against the conventional wisdom about how a web page should be made. It is exciting for some but frustrating for others, and the reasons ... more

Using Mocks for Testing in JavaScript with Sinon.js

Introduction Test "mocks" are objects that replace real objects while simulating their functions. A mock also has expectations about how the functions being tested will be used. In some unit test cases we may want to combine the functionality ... more

The Need for Speed: A Toptal JavaScript Coding Challenge Retrospective

Toptal's JavaScript Speed Coding Challenge invited creative solutions from the beginning. As the week played out, competitors got closer and closer to the maximum theoretical score. Then something unexpected happened... ... more

Setting Up API Mocking With Mirage JS And Vue.js

Setting Up API Mocking With Mirage JS And Vue.js Setting Up API Mocking With Mirage JS And Vue.js Kelvin Omereshone 2020-02-13T11:00:00+00:00 2020-02-13T12:40:36+00:00 In the era of SPA and the JAMstack, there has always been a separation of concern ... more

Echo JS

• Hospital Management System Development
• Top React Native Testing Tools — Lets Automate testing
• The Other Side of React Native — Limitations & Opportunities of React Native
• JavaScript find() and filter() Array Iteration Methods Made Easy
• Difference Between UI and UX. UI VS UX
• Free angular admin template
• Die Zeit: A Fitbit app written with TypeScript
• Quick Palette web tool
• d3 selections in depth
• Autocode: Automatically generate Node.js API code to connect apps together

... more

javascript: Make your optional fields required in TypeScript

In our [last lesson](https://egghead.io/lessons/javascript-use-partial-to-create-partially-fillable-types-in-typescript), we saw how we can make all the required fields in a type to be optional. Here we learn the opposite i.e. how to make all the optional ... more

Classify Texts with TensorFlow and Twilio to Answer Loves Me, Loves Me Not

Valentine's Day is coming up and both love and machine learning are in the air. Some would use flower petals to determine if someone loves them or not, but developers might use a tool like TensorFlow. This post will go over how to perform binary text ... more

Building an Images Gallery using PixiJS and WebGL

Sometimes, we have to go a little further than HTML, CSS, and JavaScript to create the UI we need, and instead use other resources, like SVG, WebGL, canvas, and others. For example, the most amazing effects can be created with WebGL,... The post Building ... more

Angular 10 will emphasize Ivy artifacts, polishing

With Angular 9 now available, the Google development team behind the TypeScript-based web development framework anticipate that the next release, Angular 10, will focus on Ivy artifacts. [ Don’t miss InfoWorld’s 2020 Technology of the Year Award winners: ... more

Building an Images Gallery using PixiJS and WebGL

Sometimes, we have to go a little further than HTML, CSS and JavaScript to create the UI we need, and instead use other resources, like SVG, WebGL, canvas and others. For example, the most amazing effects can be created with WebGL, because it’s a JavaScript ... more

Chrome 80 Released

Google recently released Google Chrome 80. Chrome 80 brings important changes to its cookie policy, supports modules in workers and optional chaining in JavaScript; adds new origin trials while graduating previous origin trials; links directly to text ... more

Echo JS

• Integrated Healthcare System Solutions
• Conway's game of life (Just funny side project)
• Multiplayer Deck of Cards with Chromecast! ♠♥♣♦
• Learn the Basics of Angular 9: Build a Calculator App
• 12 Useful Online Tools for Frontend Developers
• FP: The good parts
• Percentage Calculator - Vanilla Two Way Data Binding & Neumorphism UI Design
• Metro UI Colors Codes
• A GraphQL-based Web App written with React, Go and MongoDB. A good starting point if you want to use these technologies.

... more

A Rust Introduction to WebAssembly

Let's look at how Wasm + Rust unlocks really exciting potential for the future of frontend web development. It's not a replacement for JavaScript — it enhances and complements it. Prerequisites: This article assumes the following: A little bit of Rust ... more