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

  • Automated Accessibility Checking with aXe
    Automated Accessibility Checking with aXe
    aXe: Automated auxiliary function testing to make the website easier to access How much time and effort did you spend when designing a website last time to ensure that people with disabilities can also access it? Many people may answer "No". However, a large number of Internet users have difficulty accessing websites due to their difficulty in distinguishing colors, reading text, using a mouse, or browsing complex website structures. Accessibility issues are often overlooked because of the effort required to check and implement accessibility solutions. Not only must developers be familiar with the underlying standards, but they must also constantly check whether they are met. Can we simplify the development of accessibility websites by automating standard checks? This article will show you how to use the aXe library and some related tools to automatically check and report on websites and applications.
    JS Tutorial 670 2025-02-16 11:15:11
  • Setup angular authentication using OpenID Connect and Okta in your app
    Setup angular authentication using OpenID Connect and Okta in your app
    This article was originally published on OKTA Developer Blog. Thank you for supporting the partners who make SitePoint possible. Angular (formerly called Angular 2.0) is quickly becoming one of the most powerful ways to build a modern single-page ap
    JS Tutorial 494 2025-02-16 11:09:10
  • 10 jQuery HTML5 Audio Players
    10 jQuery HTML5 Audio Players
    This article explores ten HTML5 audio players, both open-source and commercial, suitable for website integration. It highlights the increasing popularity of audio streaming, noting a significant rise in audio streams alongside a decline in music sal
    JS Tutorial 668 2025-02-16 11:08:10
  • A Practical Guide to Planning a MEAN Stack Application
    A Practical Guide to Planning a MEAN Stack Application
    This article is excerpted from Manning Press's "Mastering MEAN: Using Mongo, Express, Angular and Node, Second Edition". The second edition has been fully revised and updated to cover Angular 2, Node 6 and the latest mainstream JavaScript version ES2015 (ES6). This edition will walk you through learning how to develop web applications using the updated MEAN stack. Key Points When planning a MEAN stack application, you first need to conceive the screen you want without having to dig deep into what is on each page. Sketches at this stage help visualize the entire application and organize the screen into collections and processes. Will
    JS Tutorial 754 2025-02-16 11:07:09
  • Easily Migrate Your Existing Users to Auth0
    Easily Migrate Your Existing Users to Auth0
    This article details a smooth user migration from Stormpath to Auth0, a process often dreaded by developers but made simpler with Auth0's custom database connection feature. This method avoids user password changes, ensuring a seamless transition.
    JS Tutorial 358 2025-02-16 11:04:11
  • Unit Test Your JavaScript Using Mocha and Chai
    Unit Test Your JavaScript Using Mocha and Chai
    This article was peer reviewed by Panayiotis «pvgr» Velisarakos, Mark Brown and Tom Greco. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! Have you ever made some changes to your code, and later found it
    JS Tutorial 967 2025-02-16 11:03:10
  • Easy AngularJS Authentication with Auth0
    Easy AngularJS Authentication with Auth0
    This article has been updated (11.05.2017) to reflect changes to Auth0's API. Securing single-page applications (SPAs) can be challenging. SPAs often consist of a separate front-end (e.g., AngularJS) and a back-end data API. Traditional session-base
    JS Tutorial 866 2025-02-16 11:02:09
  • JavaScript Design Patterns: The Observer Pattern
    JavaScript Design Patterns: The Observer Pattern
    Key points of JavaScript Observer Pattern Observer pattern in JavaScript allows one-to-many data binding between elements, which is especially useful for keeping multiple elements synchronized with the same data. Observer pattern contains three main methods: subscribe (add new observable events), unsubscribe (remove observable events), and broadcast (use bound data to execute all events). Using ES6 features such as classes, arrow functions, and constants can effectively implement observer patterns, making the code more concise and easier to reuse. Observer pattern can be used to solve practical problems in JavaScript, such as updating words in blog posts every time you click
    JS Tutorial 982 2025-02-16 11:00:15
  • Why I'm Switching from React to Cycle.js
    Why I'm Switching from React to Cycle.js
    Many developers today rely on frameworks to streamline application development. Frameworks provide structure and efficiency, but choosing the right one is crucial. This article shares my experience transitioning from React to Cycle.js. React's popu
    JS Tutorial 350 2025-02-16 10:59:13
  • Create Your Own Yeoman-Style Scaffolding Tool with Caporal.js
    Create Your Own Yeoman-Style Scaffolding Tool with Caporal.js
    This tutorial shows how to create a Node.js command-line interface (CLI) tool using Caporal.js to automate the creation of new JavaScript projects. Tired of repetitive project setup? This solution lets you build a customizable scaffolding tool to st
    JS Tutorial 941 2025-02-16 10:57:14
  • Building a Multiplayer TicTacToe Game with Meteor
    Building a Multiplayer TicTacToe Game with Meteor
    With its full-stack features and efficient prototyping capabilities, the Meteor framework has become an ideal choice for building simple multiplayer browser games. This tutorial will guide you to build a multiplayer tic-toe game using Meteor's default front-end template engine Blaze. Assume that you already have the basics of Meteor and experience in programming JavaScript. If you have never been exposed to Meteor, it is recommended that you complete the TODO application tutorial on the official Meteor website first. The complete code has been uploaded to the GitHub repository. Core points Meteor's full-stack ability and reactive nature make it ideal for creating simple multiplayer games like tic toe. Book
    JS Tutorial 1094 2025-02-16 10:50:09
  • How to Track JavaScript and Ajax Events with Google Analytics
    How to Track JavaScript and Ajax Events with Google Analytics
    Google Analytics: Mastering JavaScript and AJAX Event Tracking Google Analytics is indispensable for understanding website user behavior. This article details how to leverage its power to track crucial JavaScript and AJAX events, providing valuable
    JS Tutorial 231 2025-02-16 10:43:08
  • Instant Form Validation Using JavaScript
    Instant Form Validation Using JavaScript
    Real-time form verification: subtle improvements to enhance user experience Core points: JavaScript can be used to implement real-time form verification, which provides users with instant feedback on input validity, thereby improving user experience and maintaining data integrity, ensuring that only valid data is submitted. HTML5 attributes pattern and required can be used to define the valid input range of form elements. If the browser does not support these properties, its values ​​can be used as the basis for JavaScript compatibility populators. The aria-invalid property can be used to indicate whether the field is invalid. This property provides accessibility information and can be used as a CSS hook to visually indicate an invalid field. Ja
    JS Tutorial 945 2025-02-16 10:40:10
  • Kubernetes: An Introduction to Deploying a Node.js Docker App
    Kubernetes: An Introduction to Deploying a Node.js Docker App
    Kubernetes: Simplifying Containerized Application Management This article explores Kubernetes, an open-source system automating the deployment, scaling, and management of containerized applications. It highlights Kubernetes' key abstractions, decoup
    JS Tutorial 253 2025-02-16 10:36:11
  • How to Write Shell Scripts with JavaScript
    How to Write Shell Scripts with JavaScript
    JavaScript Scripting: Powerful Tools Beyond Browser Limits This article explores the possibility of writing shell scripts using JavaScript, and how to use Node.js to implement features such as file system traversal and text search. Key points: JavaScript applications are no longer limited to browsers, and can be effectively used for desktop scripting, including shell scripting. Node.js is a necessary condition for this process. JavaScript can recursively iterate over files in directories and recognize the occurrence of specified strings. This can be done using Node's native file system module (including the readdir method) and
    JS Tutorial 955 2025-02-16 10:33:09

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