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

  • Top 12 Productivity Tips for WebStorm and Angular: Part 1
    Top 12 Productivity Tips for WebStorm and Angular: Part 1
    WebStorm & Angular: Top 5 Productivity Tips (Part 1) This two-part series, sponsored by JetBrains, explores productivity enhancements for Angular development within WebStorm. Google Developer Experts Jurgen Van de Moere and Todd Motto share the
    JS Tutorial . json 745 2025-02-15 11:48:13
  • User Authentication with the MEAN Stack
    User Authentication with the MEAN Stack
    This article explores user authentication within a MEAN stack application, employing a common architecture: an Angular single-page app interacting with a Node.js, Express.js, and MongoDB-based REST API. We'll cover key aspects of secure user managem
    JS Tutorial . json 500 2025-02-15 11:35:12
  • How to Update Angular Projects to the Latest Version
    How to Update Angular Projects to the Latest Version
    Key Points Before trying to update, make sure the latest version of the Angular CLI is installed by running npm install -g @angular/cli@latest. Use the Angular Update Guide to determine the specific steps to update from the current Angular version to the desired version and adjust it according to the complexity of the application. Replace HttpModule with HttpClientModule to take advantage of the new HttpClient's automatic JSON processing and support for HTTP interceptors. By importing them from rxjs/operators and in .pip
    JS Tutorial . json 763 2025-02-15 11:24:13
  • Introduction to the Fetch API
    Introduction to the Fetch API
    Key Points Due to its Promise-based structure, the Fetch API is gradually replacing XMLHttpRequest for network requests, which makes the syntax more concise and avoids callback hell. The fetch() method is defined on a window object. It only requires a required parameter, that is, the URL of the resource to be retrieved, and returns a promise that can be used to retrieve the request's response. The Fetch API allows explicit configuration of request objects, including changing request methods and headers, which can be done by passing a Request object to the fetch() function. Using the Fetch API for error handling involves checking
    JS Tutorial . json 395 2025-02-15 11:22:12
  • How to Use Selenium WebDriver for Cross Browser Testing
    How to Use Selenium WebDriver for Cross Browser Testing
    This article was originally published on LambdaTest. Thank you for supporting the partners who make SitePoint possible. Selenium is a popular automation testing framework that is primarily used for cross browser testing. It is open source and is ide
    It Industry . json 970 2025-02-15 11:08:12
  • What is SparkPost?
    What is SparkPost?
    SparkPost: A Robust Email Infrastructure Service for Bulk and Transactional Emails SparkPost is a powerful, API-driven email infrastructure platform offering a unified solution for sending both high-volume bulk and individual transactional emails. B
    PHP Tutorial . json 1007 2025-02-15 11:07:11
  • Angular 2 Authentication: Protecting Private Content
    Angular 2 Authentication: Protecting Private Content
    This article demonstrates how to add authentication to an Angular application, safeguarding specific sections from unauthorized access. It's part 5 of a SitePoint Angular 2 tutorial on building a CRUD app with the Angular CLI. This tutorial builds
    JS Tutorial . json 732 2025-02-15 10:49:11
  • Retrofit Your Website as a Progressive Web App
    Retrofit Your Website as a Progressive Web App
    Progressive Web Apps (PWAs): Transforming Your Website into a Native-Like Experience The buzz around Progressive Web Apps (PWAs) is undeniable. Many believe they represent the future of mobile web development, offering a compelling alternative to na
    CSS Tutorial . json 1180 2025-02-15 10:47:11
  • Your First Drupal 8 Migration
    Your First Drupal 8 Migration
    Drupal 8 Migration: A Deep Dive into Content Transfer The Migrate module is a cornerstone of the Drupal ecosystem, so much so that core Drupal 8 integrated some of its functionality. This was crucial for replacing traditional upgrades with content a
    PHP Tutorial . json 1020 2025-02-15 10:45:12
  • Boosting Your Workflow with Angular 5 Snippets and VS Code
    Boosting Your Workflow with Angular 5 Snippets and VS Code
    Angular 5 code snippets in Visual Studio Code significantly improve productivity and reduce the need to write duplicate code. The VS Code market offers a variety of code snippets for different programming languages, including Angular 5. These code snippets can be installed and used in any Angular 5 project. Users can create their own code snippets in VS Code using the same syntax defined in TextMate. These custom code snippets can be interactive by inserting tab stops, placeholders, and selection lists. You can use the team by creating a .vscode folder in the project root directory and submitting it to the repository
    JS Tutorial . json 490 2025-02-15 10:44:11
  • 10 Top Chrome Extensions for Your Web Development Workflow
    10 Top Chrome Extensions for Your Web Development Workflow
    The web development industry is fast paced, and keeping up with the trend is not easy. Therefore, it is crucial to make full use of existing tools. This article will introduce ten Chrome extensions designed to optimize your web development workflow and improve efficiency. Core points: Chrome extensions are small software that enhance the browsing experience and productivity of web developers. Some popular options include Web Developer, Your Framework Developer Tools, Daily 2.0, Toggl Button, Lighthouse, OneTab, CSS Peeper, User CSS, Web Developer Checklist, and Tamp
    It Industry . json 536 2025-02-15 10:43:11
  • Building a WebRTC Video Chat Application with SimpleWebRTC
    Building a WebRTC Video Chat Application with SimpleWebRTC
    Building a real-time video chat application based on SimpleWebRTC This book, 6 JavaScript Projects, contains this article, aims to help you gain insight into modern JavaScript development. With the rise of WebRTC and the enhanced ability of browsers to handle real-time point-to-point communication, building real-time applications is easier than ever. This tutorial will explore SimpleWebRTC and how it can simplify our work when implementing WebRTC. Throughout the process, we will build a WebRTC video chat application with messaging capabilities. If you need background knowledge on WebRTC and peer-to-peer communication, it is recommended to read "Dawn of WebRTC" and "ge"
    JS Tutorial . json 770 2025-02-15 10:42:12
  • How to Build Your First Amazon Alexa Skill
    How to Build Your First Amazon Alexa Skill
    Key Points Developers can use the Alexa Skill Kit (ASK) to create custom skills for Amazon Alexa. ASK is a collection of APIs and tools for handling speech recognition, text-to-speech encoding, and natural language processing. To create a custom Alexa skill, you first need to set up an Amazon developer account. Once set up, you can access the Alexa Skills Kit and create custom skills, define their names and models. Custom Alexa skills include call name (the name used to activate the skill), intent (voice commands for skill understanding), and discourse (example sentences that trigger the intention). Set up skills and define them
    It Industry . json 324 2025-02-15 10:33:11
  • Building Microsoft's What-Dog AI in under 100 Lines of Code
    Building Microsoft's What-Dog AI in under 100 Lines of Code
    This tutorial shows you how to build a dog breed identifier similar to Microsoft's What-Dog AI, but using Diffbot's Image API. The entire application is less than 100 lines of code and leverages Imgur for image hosting to minimize costs. Key Feature
    PHP Tutorial . json 1169 2025-02-15 10:30:12
  • An Introduction to TypeScript: Static Typing for the Web
    An Introduction to TypeScript: Static Typing for the Web
    TypeScript core concepts TypeScript is a superset of JavaScript. It adds powerful type systems and other features without changing existing JavaScript code, improving the maintainability and readability of the code. Key advantages include: Static type: TypeScript introduces static type checking, which can detect type errors in the compilation stage, avoid runtime errors, and improve code reliability. Interfaces: Define the structure of an object, provide code prompts and automatic completion, speed up development and reduce errors. Modules and Classes: Supports modular development and object-oriented
    JS Tutorial . json 480 2025-02-15 10:27: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