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

  • Angular and RxJS: Adding a REST API Back End
    Angular and RxJS: Adding a REST API Back End
    This article is part 3 of the SitePoint Angular 2 Tutorial on how to create a CRUD App with the Angular CLI. In this article, we’ll update our application to communicate with a REST API back end. Prefer to learn Angular using a step-by-step video c
    JS Tutorial 920 2025-02-15 13:25:11
  • Authenticating Firebase and Angular with Auth0: Part 1
    Authenticating Firebase and Angular with Auth0: Part 1
    (This article, originally published on Auth0.com, is reprinted with permission.) This two-part tutorial demonstrates building a secure application using Auth0 for authentication, a Node.js backend, and an Angular frontend. The application will also
    JS Tutorial 987 2025-02-15 13:21:12
  • ES6 in Action: New Array.* and Array.prototype.* Methods
    ES6 in Action: New Array.* and Array.prototype.* Methods
    This article explores several new ES6 methods enhancing array manipulation, categorized as Array.* (class methods) and Array.prototype.* (instance methods). We'll examine their usage with examples and discuss polyfills for broader compatibility. es
    JS Tutorial 414 2025-02-15 13:17:12
  • Setting up an ES6 Project Using Babel and webpack
    Setting up an ES6 Project Using Babel and webpack
    In this article, we’re going to look at creating a build setup for handling modern JavaScript (running in web browsers) using Babel and webpack. This is needed to ensure that our modern JavaScript code in particular is made compatible with a wider r
    JS Tutorial 633 2025-02-15 13:13:13
  • How to Add Authentication to Your Vue App Using Okta
    How to Add Authentication to Your Vue App Using Okta
    This tutorial guides you through building a Vue.js application secured by Okta's OpenID Connect (OIDC) API, including CRUD operations via a backend REST API. We'll use Vue.js with vue-cli, vue-router, and the Okta Vue SDK, along with Node.js, Expres
    JS Tutorial 749 2025-02-15 13:05:11
  • Capture and Report JavaScript Errors with window.onerror
    Capture and Report JavaScript Errors with window.onerror
    Core points window.onerror is a browser event that is triggered when an uncaught JavaScript error is thrown, providing a simple way to log client errors and report them to the server. All modern browsers support this event, but implementation details vary. The Error object passed to window.onerror is very valuable for debugging because it contains an error stack trace that provides the source location for each frame when a program errors. However, the stack attribute is non-standard and its implementation is different in different browsers. Although window.onerror is widely supported, not all browsers pass Er
    JS Tutorial 743 2025-02-15 12:57:11
  • JSON Schema Validation & Expressive Query Syntax in MongoDB 3.6
    JSON Schema Validation & Expressive Query Syntax in MongoDB 3.6
    Key Improvements to MongoDB 3.6: JSON Schema Verification and Efficient Query Syntax MongoDB 3.6 significantly enhances data integrity and control capabilities through the introduction of JSON Schema validation. Compared with previous document verification, JSON Schema verification is more powerful and flexible, supports enforced patterns within arrays and restricts unauthorized properties. Core benefits of JSON Schema Verification: Use the $jsonSchema operator: Allows detailed specification of properties such as types, required statuses, and additional properties, preventing documents for misspelling or unauthorized properties. Supports complex structures: for example
    JS Tutorial 519 2025-02-15 12:52:11
  • 10 Essential TypeScript Tips and Tricks for Angular Devs
    10 Essential TypeScript Tips and Tricks for Angular Devs
    This article discusses a range of tips and tricks that work in Angular projects and other TypeScript projects. In recent years, the demand for static typing in JavaScript has grown rapidly. Large front-end projects, more complex servers, and complex command-line tools all promote the need for more defensive programming in the JavaScript world. Furthermore, the burden of compiling an application before it actually runs is not seen as a weakness, but rather an opportunity. While there are two strong competitors (TypeScript and Flow), many trends actually indicate that only one is likely to win – TypeScript. In addition to marketing and well-known features, TypeScript has a
    JS Tutorial 727 2025-02-15 12:48:13
  • A Beginner Splurge in Node.js
    A Beginner Splurge in Node.js
    Node.js: An efficient JavaScript running environment for non-blocking I/O This article will briefly introduce the core features of Node.js and demonstrate its key functions through the command line. Node.js is based on Chrome's V8 JavaScript engine, and its non-blocking I/O and asynchronous operation mechanisms make it excellent in handling concurrent requests. Advantages of Node.js: Non-blocking I/O: The design concept of Node.js is to avoid blocking program execution of I/O operations. In traditional synchronous programming, I/O operations (such as file reading, network request) will pause program execution until the operation is completed. Node.js continues to execute other operations while the I/O operation is in progress.
    JS Tutorial 429 2025-02-15 12:47:12
  • Building a Todo App with Angular CLI
    Building a Todo App with Angular CLI
    This tutorial guides you through building a to-do application using the Angular CLI, a powerful tool for streamlining Angular development. We'll cover key concepts and best practices, culminating in a deployable application on GitHub Pages. Key Con
    JS Tutorial 496 2025-02-15 12:44:12
  • Angular Introduction: What It Is, and Why You Should Use It
    Angular Introduction: What It Is, and Why You Should Use It
    This article provides a comprehensive introduction to Angular, a popular client-side JavaScript framework. It's geared towards developers new to JavaScript frameworks, highlighting key differences between Angular and its predecessor, AngularJS. The
    JS Tutorial 683 2025-02-15 12:42:13
  • The Anatomy of a Modern JavaScript Application
    The Anatomy of a Modern JavaScript Application
    This article explores the rapidly evolving landscape of modern JavaScript development. It highlights key advancements and best practices for building robust and efficient front-end web applications. Key Changes in the JavaScript Ecosystem: The Java
    JS Tutorial 597 2025-02-15 12:40:13
  • Creating UIs with Angular Material Design Components
    Creating UIs with Angular Material Design Components
    This tutorial introduces Angular Material Design and guides you through creating a simple Angular application with a Material UI. Leveraging pre-built components speeds development and creates professional-looking applications. Key Concepts: Angul
    JS Tutorial 443 2025-02-15 12:38:13
  • ES6 Collections: Using Map, Set, WeakMap, WeakSet
    ES6 Collections: Using Map, Set, WeakMap, WeakSet
    This article explores four new ES6 collections and the benefits they bring. Most major programming languages ​​have several types of data collections. Python has lists, tuples, and dictionaries. Java has lists, collections, maps, and queues. Ruby has hash and arrays. So far, JavaScript has only arrays. Objects and arrays are JavaScript's right-hand helpers. ES6 introduces four new data structures that will enhance the powerful and expressive capabilities of the language: Map, Set, WeakSet and WeakMap. Key Points ES6 introduces four new data structures: Map, Set, WeakSet and WeakMap. These sets allow for more expressiveness and effectiveness
    JS Tutorial 797 2025-02-15 12:37:11
  • What's new in ES2017: Async functions, improved objects and more
    What's new in ES2017: Async functions, improved objects and more
    ES2017 (ECMAScript 2017) introduces several important updates to JavaScript, which will focus on and briefly outline its update process. Core points Async functions: Allows you to write asynchronous code based on Promise like you write synchronous code. This feature is supported in all modern browsers (except IE and Opera Mini) and Node.js 7.6. New methods for object processing: including Object.values(), Object.entries() and Object.getOwnProper
    JS Tutorial 884 2025-02-15 12:33:12

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