current location:Home > Technical Articles > Web Front-end > JS Tutorial

  • Deno Modules: Usage, Best Practices & Node Module Imports
    Deno Modules: Usage, Best Practices & Node Module Imports
    Dig into the Deno module – if you are from Node.js, this will be the biggest workflow change you encounter. Learn how they work and how to use them best, how to use Node.js modules and npm packages in Deno, and more. Node.js is a JavaScript runtime based on Chrome V8 engine developed by Ryan Dahl and released in 2009. Deno is also a JavaScript runtime based on Chrome V8 engine, developed by Ryan Dahl and released in 2020. It is created based on a decade of experience. This does not necessarily mean it is a sequel to Node.js or a more advanced alternative
    JS Tutorial 648 2025-02-12 08:33:10
  • Learn Snowpack: A High-Performance Frontend Build Tool
    Learn Snowpack: A High-Performance Frontend Build Tool
    This article provides a first look at Snowpack 3, a front-end build tool gaining popularity for its unique approach to bundling. Unlike traditional tools like Webpack, Snowpack leverages native browser ES Module support for faster development cycles
    JS Tutorial 655 2025-02-12 08:32:08
  • Learn Deno: A Secure JavaScript & TypeScript Runtime
    Learn Deno: A Secure JavaScript & TypeScript Runtime
    Deno 1.0, released in May 2020, has generated significant interest. This article provides a comprehensive overview of Deno, its key features, and reasons for its growing popularity. Key Features & Benefits: Deno, a JavaScript and TypeScript runt
    JS Tutorial 637 2025-02-12 08:31:11
  • Svelte 3: A Radical Compiler-based JavaScript Framework
    Svelte 3: A Radical Compiler-based JavaScript Framework
    Svelte 3: A Fresh Approach to Front-End Development This article explores Svelte 3, a unique front-end JavaScript framework that distinguishes itself through its compilation process. Unlike frameworks like React, which ship a large JavaScript bundle
    JS Tutorial 873 2025-02-12 08:28:09
  • How to Replace Redux with React Hooks and the React Context API
    How to Replace Redux with React Hooks and the React Context API
    This tutorial demonstrates a modern approach to React state management using Hooks and the Context API, offering a streamlined alternative to Redux for many applications. We'll explore how to handle both local and global state efficiently, minimizin
    JS Tutorial 494 2025-02-12 08:27:13
  • Records and Tuples: JavaScript's New Immutable Data Types
    Records and Tuples: JavaScript's New Immutable Data Types
    Records and Tuples for JavaScript: The Future of Immutable Data Structures JavaScript is about to usher in two new immutable data types: records and tuples. They are currently in Phase 2 of the TC39 standard approval process and are still being improved and are not available in any browser or runtime environment, but implementation versions are expected to be available within next year. They are designed to solve some of the tough problems developers face when using arrays and objects. Key Points Records and tuples are new immutable data types under development in JavaScript and are expected to be available within next year. They are designed to solve challenges faced by developers, such as ensuring that functions do not intentionally or unintentionally change what is saved in an array or object.
    JS Tutorial 296 2025-02-12 08:25:09
  • Queue Data Structures: How to Build a Node Task Queue
    Queue Data Structures: How to Build a Node Task Queue
    This tutorial explains queue data structures and demonstrates their application in queuing systems, often used for processing long-running tasks like email newsletter delivery. We'll build a simple Node task queue using MongoDB as a message broker.
    JS Tutorial 372 2025-02-12 08:23:09
  • An Overview of JavaScript Promises - SitePoint
    An Overview of JavaScript Promises - SitePoint
    This tutorial explores JavaScript Promises, a powerful tool for managing asynchronous operations. We'll cover promise creation, chaining, error handling, and advanced methods. Key Concepts: Asynchronous Operations: JavaScript tasks that don't immedi
    JS Tutorial 784 2025-02-11 08:37:09
  • Generating Random Numbers in JavaScript with Math.random()
    Generating Random Numbers in JavaScript with Math.random()
    This article will introduce how to use JavaScript's Math.random() function to generate random numbers and build a reusable function to apply to various scenarios, such as loading random pictures, random selection of elements from arrays, and generating random colors and letters. , strings, phrases and passwords. Core points: JavaScript's built-in Math.random() function generates pseudo-random floating point numbers between 0 (inclusive) and 1 (not included). To generate a random number greater than 1, just multiply the result by the scale factor. To generate a random integer, use the Math.floor function to round down. To generate random integers within a specific range, simply add the minimum value of the range to the result. This article shows
    JS Tutorial 952 2025-02-11 08:31:12
  • Top 13 Node.js Books for Beginners and Advanced Coders
    Top 13 Node.js Books for Beginners and Advanced Coders
    Node.js Learning Resource Guide: From Beginner to Enterprise-Level Applications This article provides a detailed list of Node.js books recommendations, covering different needs of beginners to advanced programmers, including web development, full-stack development, and advanced Node.js concepts. When choosing a book, factors such as publication date, author reputation and teaching methods should be considered. The list contains books for beginners, such as Node.js: From Newbie to Ninja and Getting Started with Node.js Programming, as well as books for advanced users, such as Node.js Design Pattern and Using Node.js Building a distributed system. As a popular server-side web development platform, Node.js is becoming increasingly popular in enterprise-level applications.
    JS Tutorial 886 2025-02-11 08:30:10
  • Next.js vs React: Their Differences, and Which One to Choose
    Next.js vs React: Their Differences, and Which One to Choose
    This article compares the differences in popularity, documentation, and performance of React and Next.js, helping you make choices based on the size of your application and the intended use. React and Next.js are both excellent choices for durability and occupy a strong position in the ever-changing JavaScript ecosystem. If you are a JavaScript developer and may be using or considering Next.js, it is crucial to understand the pros and cons of both. Key points: React is a JavaScript library for building user interfaces, focusing on view layers and state management; Next.js is a framework built on React and provides structure
    JS Tutorial 359 2025-02-11 08:28:11
  • Flow Control in JavaScript: Callbacks, Promises, async/await
    Flow Control in JavaScript: Callbacks, Promises, async/await
    Key points of JavaScript asynchronous programming This article will discuss JavaScript asynchronous programming in an easy-to-understand manner, covering three main methods: callback function, Promise and async/await. We will help you master the core concepts of JavaScript asynchronous programming through sample code, key points summary and in-depth learning resource links. Content summary: Single threaded processing Use callback functions to implement asynchronous operations Callback hell Promise Asynchronous chain call The future of Promise? async/await Promise upgrade Limitations of try/catch JavaScript Asynchronous Programming Journey Java
    JS Tutorial 179 2025-02-11 08:26:16
  • Build a Speech-to-text Web App with Whisper, React and Node
    Build a Speech-to-text Web App with Whisper, React and Node
    This article demonstrates building a speech-to-text application leveraging OpenAI's Whisper API, React, Node.js, and FFmpeg. The application accepts audio input, processes it using Whisper, and displays the resulting transcription. Whisper's accurac
    JS Tutorial 275 2025-02-11 08:23:08
  • React Native End-to-end Testing and Automation with Detox
    React Native End-to-end Testing and Automation with Detox
    Detox: Your Comprehensive Guide to React Native End-to-End Testing Rapid software development often leads to unforeseen bugs, especially in large projects. End-to-end (E2E) testing offers a solution by simulating real user interactions to identify
    JS Tutorial 914 2025-02-10 16:33:11
  • Deno Built-in Tools: An Overview & Usage Guide
    Deno Built-in Tools: An Overview & Usage Guide
    Deno vs. Node.js: A Deep Dive into Built-in Tools and Capabilities One key distinction between Deno and Node.js lies in their built-in toolsets. While Node.js relies heavily on third-party modules for tasks like testing and linting, Deno offers a c
    JS Tutorial 1038 2025-02-10 16:21:11

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28