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

  • 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 . http 685 2025-02-15 12:42:13
  • PredictionIO and Lumen: Building a Movie Recommendation App
    PredictionIO and Lumen: Building a Movie Recommendation App
    This tutorial demonstrates building a movie recommendation app using PredictionIO and Lumen. We'll cover data import, random movie selection, recommendation generation, and engine deployment. Key Concepts: PredictionIO & Lumen Integration: Th
    PHP Tutorial . http 656 2025-02-15 12:34:12
  • What SSL Is, and Which Certificate Type is Right for You
    What SSL Is, and Which Certificate Type is Right for You
    This article is sponsored by GoGetSSL. Thank you for supporting the partners who made SitePoint possible. The incidence of cybercrime has risen sharply over the past decade. Many well-known corporate organizations and government agencies that have not yet implemented adequate cybersecurity measures have suffered losses. Google has begun to take a tough stance on sites that do not use HTTPS. If a visitor is about to submit any information through an unsafe connection, a warning will be issued. This article will guide you on how to protect your customers and businesses from privacy violations and data theft. You will learn how to use SSL technology to protect your website and applications from leaking sensitive data to eavesdroppers. This article will not explain how to install SSL, because this is an advanced topic. You can find here
    It Industry . http 841 2025-02-15 12:27:13
  • Contributing to PHP: How to Contribute to PHP's Manual
    Contributing to PHP: How to Contribute to PHP's Manual
    This two-part series explores how to contribute to the PHP project, focusing on documentation in part one. We'll cover account requests and post-approval steps. Key Points: Contributing to PHP's documentation enhances the language and boosts your
    PHP Tutorial . http 815 2025-02-15 12:25:12
  • Angular Router: An Introduction to Component Routing
    Angular Router: An Introduction to Component Routing
    This is part 4 of the SitePoint Angular 2 Tutorial on how to create a CRUD App with the Angular CLI. In this article, we’ll introduce Angular Router and learn how it can update our application when the browser URL changes and vice versa. We’ll also
    JS Tutorial . http 888 2025-02-15 12:20:13
  • Angular 2 Components and Providers: Classes, Factories & Values
    Angular 2 Components and Providers: Classes, Factories & Values
    Core points Angular 2 components are able to use providers, a set of injectable objects that components can use. Providers are the basis of Angular 2 Dependency Injection (DI) systems. Providers can be divided into three types: class provider, factory provider and value provider. The class provider generates an instance of the class, the factory provider generates the return value of the specified function, and the value provider directly returns its value. Angular 2's DI system allows registering classes, functions, or values ​​(called providers), addressing dependencies between providers, making the provider's results work in code, and maintaining the injector hierarchy. Angular's injector creates only one
    JS Tutorial . http 597 2025-02-15 12:07:12
  • Building Apps and Services with the Hapi.js Framework
    Building Apps and Services with the Hapi.js Framework
    Hapi.js, a robust framework for crafting applications and services, simplifies JSON API development with its intelligent defaults. Its modular architecture and plugin ecosystem enable seamless extension and customization. Version 17.0 fully integra
    JS Tutorial . http 255 2025-02-15 11:59:10
  • Build a To-do List with Hyperapp, the 1KB JS Micro-framework
    Build a To-do List with Hyperapp, the 1KB JS Micro-framework
    This tutorial guides you through building a to-do list application using Hyperapp, a lightweight JavaScript framework. Ideal for those wanting to explore functional programming principles without getting bogged down in complexities. Hyperapp's popul
    JS Tutorial . http 748 2025-02-15 11:56:12
  • What the Heck Does 'Script Error' Mean?
    What the Heck Does 'Script Error' Mean?
    Core points When a JavaScript file comes from a different source, the browser sends a "script error" message to the onerror callback function. This is for security reasons to prevent accidental leakage of potentially sensitive information. To gain insight into JavaScript errors provided by files from different sources, two steps must be taken: add the crossorigin="anonymous" script property and add the cross-domain HTTP header. This allows any source to get the file and any errors triggered by the script will be reported to window.onerror. If the HTTP header of the script cannot be adjusted, you can use try/cat
    JS Tutorial . http 964 2025-02-15 11:45:12
  • Browser DevTools Secrets: Start-up, Network and Performance
    Browser DevTools Secrets: Start-up, Network and Performance
    Over the past decade, browser developer tools (DevTools) have evolved from a basic JavaScript console to a fully integrated development and debugging environment. Any aspect of a web application can now be modified and examined, but few people will delve into its advanced features. This article will explore a range of features that you may or have not considered yet. Most of the time, we will cover Chrome's DevTools, but where applicable, Firefox's alternatives will also be shown. Key Points Browser Developer Tools (DevTools) have evolved into a fully integrated development and debugging environment that allows users to modify and inspect any aspect of a web application. Keyboard shortcuts, docking options, settings and
    It Industry . http 514 2025-02-15 11:41:11
  • Sourcehunt: PHP7-Only Alternative to Laravel, HPKP, and More
    Sourcehunt: PHP7-Only Alternative to Laravel, HPKP, and More
    This post highlights several open-source PHP projects, including a potential Laravel alternative and libraries focused on request validation and security. Key Projects: Opulence: A full-stack PHP framework (PHP 7 ) aiming to compete with Laravel.
    PHP Tutorial . http 853 2025-02-15 11:25:11
  • 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 . http 654 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 . http 309 2025-02-15 11:22:12
  • 2025 currency circle market official website directly enter
    2025 currency circle market official website directly enter
    The official website of "Correspondence Circle" is an authoritative platform for real-time updates of global digital asset quotations, trading volumes and market trends. We gather all kinds of information in the currency circle, including the latest information, project analysis, investment and financing data, etc., to help users fully grasp the digital asset market situation. With accurate, comprehensive data and professional and in-depth analysis, the official website of the currency circle market has become one of the most influential information platforms in the global blockchain field, providing investors and practitioners with timely and reliable decision-making basis.
    web3.0 . http 182 2025-02-15 11:12:01
  • 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 . http 834 2025-02-15 11:08: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