Today we are releasing Deno 1.8.0. This release contains a massive amount of new features and stabilizations: If you already have Deno installed you can upgrade to 1.8 by running deno upgrade. If you are installing Deno for the first time, you can use one of the methods listed below: curl -fsSL https://deno.land/x/install/install.sh | shiwr https://deno.land/x/install/install.ps1 -useb | iexbrew install …

Introduction You may already know that Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine that uses an event-driven, non-blocking I/O model to achieve efficiency while remaining lightweight. But what is Node.js used for? Are there any areas where Node.js has demonstrated itself to be the perfect solution? Let’s find out! Designed to build scalable network applications There …

Read this article on your mobile device to make the interactive examples work Accessing device orientation in pure JavaScript In Javascript you may access your device orientation data by listening to the deviceorientation event. It is as easy as the following: window.addEventListener('deviceorientation', handleOrientation); function handleOrientation(event) { const alpha = event.alpha; const beta = event.beta; const gamma = event.gamma; } Here …

From all the available JavaScript frameworks, I’d say that Vue and React are my favorites. React for its vast ecosystem, great TypeScript support, JSX, and Vue for its simplicity, performance, and some smaller life quality improvements, like auto-passing props, easy-to-use transitions system, directives, slots & more. So, how about getting the best of both worlds? Get Vue’s benefits in React …

4 strong reasons to start learning Webpack in-depth today Modern web applications are not just about developing core functionalities. We also should pay attention to factors like application performance, development productivity, and efficiency to get the maximum out of our effort. But, are you aware that you can use Webpack to address some of these challenges? However, just knowing how …

Installation · Usage · Snippets · CHANGELOG ℹ️️ Description This Visual Studio Code extension adds predefined useful code snippets for Playwright. Check out the API for getting more information about the available capabilities. 👨🏻‍🏫 How to Use The first thing you need to do is installing the extension. Basically, there are two ways to apply the snippets: 1. Direct Typing …

This post will walk through the creation of a realtime chat application with Next.js and deploying it to Vercel. You’ll learn how to: Create a brand new Next.js application Adding realtime functionality with Ably Create a Next.js Vercel Serverless API Use React Functional components and React Hooks with Ably Host your app on Vercel Check out a running version of …

In short, AbstractMark is the next generation of markdown language which inherits markdown language to be simple but with more features like the styling to build a modern website. Despite being simple, you can build modern web pages using it! Indeed, the AbstractMark Documentation Site is built using AbstractMark itself. For more information about AbstractMark, you can visit this previous …

Do you need more than only 2 Levels for your Bootstrap Navbar? Or you find the original hamburger menu of Bootstrap kind of boring? Well, here’s the code for free. Super simple example I had to create this code for a client who sells themes with Bootstrap. So here’s a little screenshot of the 2-level menu: More advanced Codepen Example …

DASHPORT is Deno’s first authentication middleware module for both the local login and OAuth 2.0 flows. Just like its Node.js predecessor, Passport, it’s lightweight, incredibly modular, and can be plugged into any Oak-based web app (with plans to accommodate more Deno middleware frameworks as competitors to Oak emerge). Dashport turns setting up authentication in your app from a project in-and-of …