JavaScript
![Delay, Sleep, Pause & Wait in JavaScript](jpg/1651456891js-delay-sleep-pause.jpg)
Learn how to create a sleep function in JavaScript for pausing code execution, given no built-in sleep() function for delaying program flow.
![Build a GraphQL Gateway: Combine, Stitch or Merge any Datasource](jpg/1693349789graphql-gateway.jpg)
Learn how to fetch data from multiple sources, while still keeping your frontend snappy, by building your own GraphQL gateway.
![How to Create a Chrome Extension in 10 Minutes Flat](jpg/1693184348build-chrome-extension.jpg)
Learn how easy it is to build your own Chrome extension in five straightforward steps as we walk through a practical extension for ChatGPT.
![How to Implement Pagination with HTML, CSS and JavaScript](jpg/1692605052pagination.jpg)
Learn how easy it is to create a simple, accessible pagination script that breaks up large amounts of content into more digestible chunks.
![A Guide to Migrating from Webpack to Vite](jpg/1692152794webpack-vite-migration.jpg)
Learn how to migrate a frontend app from Webpack to Vite, including why you should do it, and how to install Vite and update plugins.
![A Guide to Optimizing JavaScript Files](jpg/1691824873javascript-file-optimization.jpg)
Learn practical JavaScript file optimization techniques, how to deal with performance issues, and tools to help the optimization process.
![A Beginner’s Guide to SvelteKit](png/1619323199sveltekit-introduction.png)
Frontend development can be easier! Learn how Svelte and SvelteKit combine to make it easy to build a blazing-fast, SEO-optimized web app.
![Exploring the Top Lightweight Alternatives to React in 2023](jpg/1668653182python-regex.jpg)
In this article, we'll delve into some of the best lightweight alternatives to React, including a relative newcomer to the scene – htmx.
![An Introduction to the esbuild Bundler](jpg/1691379511esbuild-introduction.jpg)
Learn how to use the esbuild bundler to optimize your JavaScript, TypeScript, JSX, and CSS code, and how to create your own build system.
![An Introduction to htmx, the HTML-focused Dynamic UI Library](jpg/1691144504htmx-introduction.jpg)
Learn what htmx is, how it simplifies dynamic web development, and how you can harness its potential to enhance your web development process.
![How to Send Emails with React Using Resend](jpg/1690433922react-send-email.jpg)
Learn how to quickly and easily create and send emails with React Email and Resend, and build a contact form for sending emails with Next.js.
![Top React Testing Libraries in 2023: A Comprehensive Review](jpg/1690542836react-testing-libraries.jpg)
In this article, we will explore some of the top React testing libraries. We'll examine their features, and look at the pros and cons.
![10 Simple CSS and JavaScript Micro-interactions for Buttons](jpg/1690179564button-micro-interactions.jpg)
Learn ten simple ways to add micro-interactions to buttons on a web page that help inform users when they've successfully done something.
![Installing Multiple Versions of Node.js Using nvm](png/1581652829nvm-node-multiple.png)
Michael and James introduce nvm, a handy command-line tool that allows you to install multiple versions of Node.js and switch between them with ease.
![Build a Simple Beginner App with Node, Bootstrap and MongoDB](jpg/1688434345node-beginner-app.jpg)
Learn how to build a no-frills web app using Node.js, focusing on issues you’re likely to encounter when building a real-world app.
![An Introduction to the View Transitions API](jpg/1687919455view-transitions-api.jpg)
Learn how to use the new View Transitions API, which offers an easier way to animate between DOM states and even between page loads.
![Demystifying JavaScript Operators: What Does That Symbol Mean?](jpg/1687756486javascript-operators.jpg)
Learn how JavaScript operators work, understanding what they're for, how to use them, and how they help in building complex expressions.
![Mastering Next.js Error Handling with the App Router](jpg/1686191104nextjs-error-handling.jpg)
Learn how to handle errors in Next.js — from authentication to layout and server errors — with the App Router and new error file conventions.
![Build a Speech-to-text Web App with Whisper, React and Node](jpg/1685946765whisper-speech-to-text.jpg)
In this guide to synthesizing and editing audio, learn how to build a speech-to-text web app with OpenAI's Whisper, React, Node.js, and FFmpeg
![5 Tips for Choosing an Angular Components Library](jpg/1684725920angular-components.jpg)
We explore five things to consider when choosing an Angular component library, and why a commercial library like Kendo UI is a good option.
![An Introduction to the Bun JavaScript Runtime](jpg/1683680180bunjs.jpg)
Learn about Bun, a rival JavaScript runtime contender to Node.js and Deno, and the reasons it may tempt you away from your current favorite.
![What’s New in Node.js 20](jpg/1682298470node-js-version-20-features.jpg)
Node.js 20 was released in April 2023. Learn about the new options available to developers with the world's most-used JavaScript runtime.
![Signals: Fine-grained Reactivity for JavaScript Frameworks](jpg/1681712588signals-solid.jpg)
Learn how to use signals in Solid, a modern, reactive JavaScript library for building user interfaces that primarily rely on components.
![10 Best Sorting Algorithms Explained](jpg/1680865336sorting-algorithms.jpg)
Learn the basics of sorting algorithms in this handy guide for anyone interested in programming, data analysis, or computer science.
![Shallow vs. Deep Copying in JavaScript](jpg/1681264358dc.jpg)
Learn how to successfully copy objects and their nested properties in JavaScript and avoid many common pitfalls
![How to Convert a JSON String into an SQL Query](jpg/1680582513json-sql-feat.jpg)
Learn the simple steps required to convert a JSON string into a JSON object and then into an SQL query that can insert your data into a database.
![Vue and Ember: How They Compare, and Which to Use](jpg/1680479641vue-ember-comparison.jpg)
Should you pick Vue or Ember for your project? We look at the main considerations including learning curve, codebase size, and performance.
![How to Merge Objects in JavaScript](jpg/1681264410m.jpg)
Learn how to merge any object in JavaScript with the spread ( ... ) operator, Object.assign() method, and JSON stringify and parse methods.
![Vue.js Tutorial: Getting Started & 10 Best Practices](jpg/1680071390vue-introduction.jpg)
Learn how to configure Vue.js for the first time, 10 best practices, and common Vue.js pitfalls in this popular JavaScript framework.
![React FAQ: Setting Up, Installing, User Events & Best Practices](jpg/1680078104react-faqs.jpg)
Get answers to nine common questions you're likely to find yourself asking when getting started with React.