Community Picks·3yPatterns
A collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences. You can use the code in these examples to help ensure your projects stay on the right track. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores.
DEV·3yBuild a Whatsapp Clone (Realtime Chat) using Next.js, Socket.io, Tailwind CSS, Node.js, Express and Prisma
This comprehensive WhatsApp clone comes packed with a range of awesome features to give you an authentic messaging experience. The Whatsapp Clone uses Next.js, Socket.io, Tailwind CSS, Node.js and Express and Prisma - DEV Community Features of the WhatsApp Clone.
Community Picks·3ySay Goodbye to Spread Operator: Use Default Composer
" default-composer" is a lightweight JavaScript library that allows you to set default values for nested objects. The library replaces empty strings/arrays/objects, null, or undefined values in an existing object with the defined default values. This helps simplify programming logic and reduce the amount of code needed to set the default values.
DZone·3yBest Practices for Writing Unit Tests
Unit tests are crucial in software development as they aid in bug detection, code refactoring, documentation, and regression prevention. They allow developers to verify the correctness of individual code units, such as functions, methods, or classes. Join the DZone community and get the full member experience.
Amplication·3yNode.js Development: All You Need to Know
Node.js can be considered a future-proof technology that every developer should know. It allows developers to use JavaScript on both the frontend and backend, making it the perfect choice for building scalable, high-performance applications. It was introduced in 2009 and revolutionalized the development world since it allowed developers to run JavaScript outside web browsers.
Hacker Noon·3yTop TypeScript Utility Functions You Need to Know
TypeScript brings powerful static type checking and expressive types. One of the key strengths of TypeScript is its extensive collection of utility functions. In this blog post, we will explore some of the most useful TypeScript utility functions that can greatly improve your programming experience.
Amplication·3yWhy We Chose Node.js Over Deno?
Node.js was the de-facto standard for writing server-side JavaScript apps in the 2010s. Ryan Dahl introduced Deno in 2018 in his controversial JSConf EU talk titled "10 Things I Regret About Node.JS" This article gives an overview of the platforms, history, performance, security, and all other critical features.
Medium·3yAdvantages of Node.js
Node.js is a powerful, lightweight, and efficient JavaScript runtime that allows developers to write server-side and client-side code using the same programming language. It has advantages such as asynchronous and non-blocking operations, fast execution, and access to a vast ecosystem of open-source libraries. To become a Node.js developer, one should first master JavaScript fundamentals, then learn Node.js basics, explore the Express.js framework, and deep dive into asynchronous programming.
OSSPH·3y11 Lesser-Known HTML Tags That Can Enhance Your Web Development Skills
These tags are not widely known, but can be incredibly handy in specific circumstances. Jackson Sophat/ Unsplash HTML (Hypertext Markup Language) is the backbone of web development. Here are some uncommon and unique HTML tags that you may not be aware of but can bring added value to your web development projects.
This is Learning·3yWebSockets 101
HTTP is basically a uni-directional protocol wherein a client sends a request to the server, the server accepts the request and sends a. The server can't send a response for which no request has been made by the client. This type of behavior poses a problem for real-time applications.
The Software House·3yWhy use Node.js? 7 examples of popular Node.js apps
Node.js is one of the biggest sweethearts of backend development in the U.S. It's widely used especially in the start-up kingdom of Silicon Valley. It’s no wonder that over 175,398 web apps (some of them being THE biggest players on the market) already put node.js on their backend.
freeCodeCamp·3yFront End JavaScript Development Handbook – React, Angular, and Vue Compared
Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components.
The Software House·3yJavaScript dependency injection in Node.js – introduction
JavaScript dependency injection in Node.js is a well-known technique, which can make it much easier to produce independent and scalable modules. It can be used in many programming languages and frameworks, but not as popular as they could be. The service is no longer paired with a repository module but requires to be passed to it.
Amplication·3y5 Different Tools to Bundle Node.js Apps
Bundling combines multiple files or modules into a single file or a set of files. This process allows developers to efficiently manage dependencies and simplify the deployments while improving the overall performance of their applications. This article will explore 5 tools and techniques to help you bundle your Node.js application effectively.
freeCodeCamp·3yHow Promises Work in JavaScript – A Comprehensive Beginner's Guide
JavaScript has the ability to carry out asynchronous instructions. These instructions run in the background until they have finished processing. Asynchronous instructions do not stop the JavaScript engine from actively accepting and processing more instructions. To work with promises, you must adopt a special syntax that makes writing async instructions a lot more organized.
asayer·3yRemoving unused CSS with PurgeCSS
Unused CSS is one of the most common problems that can negatively impact website performance. This article will introduce you to PurgeCSS, a tool that can minimize the CSS sent to the browser. Let’s learn what Purge CSS is, how it works, and how to configure it in a Next.js app.
David Heinemeier Hansson·3yDesign for the web without Figma
Design for the web without Figma is an intermediary abstraction, like Photoshop before it. This is perhaps the biggest, open secret to the productivity and viability of software companies. Designers should treat improving their skills with HTML, CSS, JavaScript, and perhaps even the backend language as a key plank.
Community Picks·3yThe Complete Guide to Becoming a Web Developer: Part 3
The Document Object Model, or DOM, is a programming interface for HTML and XML documents. When you load a web page, the browser fetches the HTML and parses it, creating the DOM. This DOM is stored in the browser’s memory, not as a string, but as a set of interconnected objects.
