Создание приложения с вдохновляющими цитатами с помощью AdonisJs и MySQL
Автор выбрал Tech Education Fund для получения пожертвования в рамках программы Write for DOnations. AdonisJs — это веб-инфраструктура Node.js,…
How To Convert a Gatsby Site to a Progressive Web App
A Progressive Web App, or PWA, is a type of website that goes beyond the usual limits of web capabilities, using newer technology to bridge the gap between your browser and your operating system. Gatsby developers can deliver users an improved overall browsing experience by converting their apps to PWAs. This tutorial will walk you through using plugins to turn a sample Gatsby site into a PWA by providing a secure context, making a manifest file, and adding a service worker.
How To Create an HTTP Client with Core HTTP in Node.js
It’s common for a modern JavaScript application to communicate with other servers to accomplish a task. In this article, you will use the https Node.js module to make HTTP requests to a web API, including GET, POST, PUT, and DELETE requests.
How To Create User Interactions with Events in Vue
In Vue.js, developers use events to add user interaction to their web applications. However, the front-end framework offers a quicker method of handling events by using the v-on directive. In this tutorial, you will use events in Vue to create an application of airport codes. When the user selects an airport code, the app will add that airport to a “favorites” collection. By following along with this project, you will learn about Vue’s built-in events and how to create custom events.
How To Debug React Components Using React Developer Tools
The React Developer Tools browser extension gives you an interface for exploring the React component tree of your JavaScript app, along with the current props, state, and context for individual components. It can also show you which components are re-rendering and can generate graphs to show how long individual components take to render. In this tutorial, you will install React Developer Tools on the Google Chrome, then use it to analyze the performance of a sample app that analyzes text.
How To Handle CPU-Bound Tasks with Web Workers
In this tutorial, you will create a CPU-bound task that blocks the main thread in the browser and observe how it affects the web app. You will then unsuccessfully attempt to make a CPU-bound task non-blocking using promises. Finally, you will create a Web Worker to offload a CPU-bound task to another thread to prevent it from blocking the main thread.
Como indexar, dividir e manipular strings no JavaScript
Neste tutorial, vamos aprender a diferença entre primitivos de string e o objeto String, como as strings são indexadas, como acessar caracteres em uma string, além de propriedades e métodos comuns usados em strings.
Ubuntu 20.04にNode.jsをインストールする方法
このガイドでは、Ubuntu 20.04サーバーにNode.jsをインストールする3種類の方法を示します。 ひとつは、Ubuntuのデフォルトのソフトウェアリポジトリからaptを使用してnodejsパッケージをインストールする方法、次に、代替PPAソフトウェアリポジトリからaptを使用して指定したバージョンのnodejsパッケージをインストールする方法、最後に、Nodeバージョンマネージャーをインストールし、これを使って複数のバージョンのnodejsをインストール・管理する方法について説明します。
How To Make Your Vue.js Application DRY with Slots, Mixins, and Composition API
DRY is a programming strategy that stands for “Don’t Repeat Yourself”. It encourages code re-usability through modular architecture. Vue.js includes several strategies to modularize and re-use repeated snippets of code. In this tutorial, you will try out layout components with slots, mixins, and the new Composition API to implement the DRY strategy in an example app.
How To Scrape a Website Using Node.js and Puppeteer
In this tutorial, you will build a web scraping application using Node.js and Puppeteer. Your app will grow in complexity as you progress. First, you will code your app to open Chromium and load a special website designed as a web-scraping sandbox: [books.toscrape.com](books.toscrape.com). In the next two steps, you will scrape all the books on a single page of books.toscrape and then all the books across multiple pages. Then you will filter your scraping by category and save your data as JSON.
