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.
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.
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.
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.
Medium·3y20 PHP Features You Should Know in 2023
PHP is always evolving, and it's important to stay up-to-date with the latest features and improvements. This article introduces 20 PHP features you should know as of 2023, each illustrated with a handy code example. PHP 8 introduces two JIT compilation engines, Tracing JIT and Function JIT.
Data Science Central·3yProgressive Web Apps Becoming the Future of Web Development
Progressive Web Apps (PWA) are web applications that provide a native app-like experience to users on mobile devices and desktops. They are designed to work seamlessly across all devices, including desktops, mobile, and tablets, providing a consistent user experience. PWAs are built with technologies such as HTML, CSS, and JavaScript.
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.
Ionic Blog·3yBest Practices for Building Secure Micro Frontends
Micro frontends have been rapidly gaining popularity in the development of modern web applications. While micro frontends offer several benefits, they also come with several security challenges. In this article, we will explore common micro frontend security issues for the web and hybrid mobile apps.
Community Picks·3yThe Complete Guide to Becoming a Web Developer: Part 2
JavaScript is a high-level, interpreted programming language that is a cornerstone of the web. It adds interactivity to your website and allows you to create rich web applications. If HTML is the skeleton of a website, JavaScript is the brains behind the operation, giving life to everything.
Community Picks·3yThe Complete Guide to Becoming a Web Developer: Part 4
AJAX (Asynchronous JavaScript and XML) is like a secret agent for your web page. It works behind the scenes, communicating with the server, fetching data, and updating the web page without reloading the entire page. API (Application Programming Interfaces) provides a list of operations that are available for you to use.
Community Picks·3yBeyond Console.log: Debugging Techniques In JavaScript
The blog post aims to offer an array of alternatives to the frequently used debugging strategy in JavaScript. Debugging is the key to ensuring the quality of your code, no matter the size or complexity. The longer a bug goes undetected or unresolved, the more time and resources it will drain.
Community Picks·3yThe Importance of a CSS Preloader and How to Implement One
A CSS preloader is an animated graphic that appears on a webpage while the content is still loading. It provides feedback to the user that the page is working in the background and lets them know that their patience is appreciated. With the code above, you almost have a kick-ass preloader that will provide a better user experience to your visitors.
freeCodeCamp·3yHow to Work with CSS Style Sheets – the Basics for Beginners
Cascading style sheets, known universally as CSS, aren't really sheets, and it can take some work to figure out what "cascading" means. But the markup standard adds real power to your web development work. This article comes from my Complete LPI Web Development Essentials Study Guide course.
AI in Plain English·3y🦜️ LangChain + Streamlit🔥+ Llama 🦙: Bringing Conversational AI to Your Local Machine 🤯
Large Language Models (LLMs) refer to machine learning models capable of producing text that closely resembles human language. These models have created exciting prospects, especially for developers working on chatbots, personal assistants, and content creation. LLaMA is a new large language model designed by Meta AI, which is Facebook’s parent company.
This is Learning·3yHow to Boost Your Web Performance with HTML5 Features
DeV Community Performance is a crucial aspect of web development, as it affects the user experience, accessibility, and business goals of your applications. By using some of the HTML5 elements and attributes, you can make your web pages load faster, render smoother, and respond better to user interactions.
Community Picks·3yVite: The Fast, Simple, and Efficient Build Tool for Web Developers
Vite is a modern build tool for web development that emphasizes speed and simplicity. It uses native ES modules to deliver lightning-fast performance during development. Vite leverages features like hot module replacement and tree shaking to optimize the size and performance of your production builds. The development server can build and serve your application quickly.
Cloudflare·3yIntroducing HTTP/3 Prioritization
HTTP/3 Extensible Priorities is available on all plans on Cloudflare. For paid users, there is an enhanced version available that improves performance even more. This change is compatible with all mainstream web browsers and can improve key metrics such as Largest Contentful Paint by up to 37% in our test.