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

  • 23 Development Tools for Boosting Website Performance
    23 Development Tools for Boosting Website Performance
    Optimizing website performance can be challenging due to the numerous available tools. This article presents 23 performance analysis and optimization tools categorized for clarity. Some are well-known, others less so, but all are valuable assets for
    PHP Tutorial . json 434 2025-02-09 10:23:10
  • Create a GitHub Tracker with Push Notifications in Svelte
    Create a GitHub Tracker with Push Notifications in Svelte
    In this article, you’ll learn how to build a GitHub tracker that notifies users when there’s a new Issue/PR on a tracked repository by sending push notifications. GitHub already sends notifications through emails if you’ve opted in, but many studie
    JS Tutorial . json 475 2025-02-09 10:11:09
  • How to Write Shell Scripts in Node with Google's zx Library
    How to Write Shell Scripts in Node with Google's zx Library
    This article explores Google's zx library, a powerful tool for streamlining shell scripting within Node.js projects. We'll build a command-line utility to bootstrap new Node.js projects, showcasing zx's capabilities. Key Advantages of Google's zx:
    JS Tutorial . json 1069 2025-02-09 09:59:12
  • Build a Hacker News Clone using React and HarperDB
    Build a Hacker News Clone using React and HarperDB
    This tutorial demonstrates building a Hacker News clone using React and HarperDB. Let's learn how to replicate the Hacker News homepage, focusing on efficient development and deployment. Our goal is to create a clone that looks like this: The comp
    JS Tutorial . json 543 2025-02-09 09:51:09
  • A Beginner's Guide to JavaScript async/await, with Examples
    A Beginner's Guide to JavaScript async/await, with Examples
    Master JavaScript asynchronous operations: Async/Await detailed explanation This article explores async/await in JavaScript in depth, teaches you how to efficiently control asynchronous operations and write clearer and easier to read code. Core points: async/await in JavaScript simplifies the processing of asynchronous operations, making the code look like it is executed synchronously, but is actually still non-blocking. The async function returns a Promise, and the await keyword pauses the function execution until the Promise is resolved, thereby enhancing the readability and flow control of the code. The error handling of async functions can be done using try/catch block or Promise.
    JS Tutorial . json 528 2025-02-09 09:47:09
  • Functional Programming with Phunkie: Building a PHP JSON Parser
    Functional Programming with Phunkie: Building a PHP JSON Parser
    This two-part tutorial demonstrates building parser combinators in PHP using the Phunkie functional library. Marcello Duarte, the library's creator, guides you through the process. This tutorial builds upon basic parser concepts, progressing to mor
    PHP Tutorial . json 818 2025-02-09 09:38:14
  • How to Optimize SQL Queries for Faster Sites
    How to Optimize SQL Queries for Faster Sites
    Image optimization and database query optimization: a practical guide to improving the speed of WordPress websites This article was originally published on the Delicious Brains blog and is reproduced here with permission You know that a fast website means happier users, better Google rankings and higher conversion rates. You might even think your WordPress site is fast enough: you've checked site performance, from best server setup practices to slow code troubleshooting, and offloading images to CDN, but is that just all? For dynamic, database-driven websites like WordPress, you may still face one problem: database queries cause website speed to slow down. In this article, I will guide you through
    PHP Tutorial . json 242 2025-02-09 09:36:15
  • How to Fetch Data in Svelte
    How to Fetch Data in Svelte
    This tutorial demonstrates how to fetch and display data from an API within a Svelte application. We'll use both the built-in fetch API and the Axios library. Key Concepts: REST APIs: REST APIs (Representational State Transfer Application Progra
    JS Tutorial . json 985 2025-02-09 09:35:12
  • Yarn vs npm: Everything You Need to Know
    Yarn vs npm: Everything You Need to Know
    This article will dive into two popular JavaScript package managers, Yarn and npm, and compare their respective pros and cons to help you choose the right tool for your project. Core points Yarn and npm are both popular package managers, each with their pros and cons. Yarn, developed by Facebook, is faster, more secure, and more reliable in dependency management. As the default package manager for Node.js, npm has a larger user base, and its simpler syntax is easier for beginners to use. Yarn parallel installation packages, usually faster than npm (sequential installation packages). However, the latest versions of these two package managers are at the same speed. In terms of security,
    JS Tutorial . json 529 2025-02-09 09:28:13
  • Understanding WordPress Pages and the Pages API
    Understanding WordPress Pages and the Pages API
    WordPress pages and articles: Static content management and API applications WordPress pages and articles differ, and they are suitable for different types of website content. This article will explain the purpose of the page and the difference from the article, and explain how to manage pages on a WordPress website. Finally, we will discuss the related functions of the WordPress page API. Key points: WordPress pages are used to display static, permanent information on a website, such as the Contact Us or About Us page, which is not about time, unlike WordPress articles. Users with editor or administrator rights can manage WordPress pages.
    WordPress . json 1001 2025-02-09 09:25:40
  • How to Build Your Backend with Hasura and PostgreSQL
    How to Build Your Backend with Hasura and PostgreSQL
    Building robust backends often involves extensive coding for CRUD operations, authorization, and business logic—a time-consuming process. This article explores how Hasura and PostgreSQL streamline backend development, enabling faster app launches wi
    JS Tutorial . json 999 2025-02-09 09:22:13
  • How to Master Your API Workflow with Postman
    How to Master Your API Workflow with Postman
    Postman: Streamlining Your API Workflow Building robust APIs is challenging. This article explores how Postman simplifies various API development stages, from testing and documentation to collaboration and mocking. Postman offers an integrated envi
    PHP Tutorial . json 666 2025-02-09 09:16:10
  • Build a Website with React and Tailwind CSS
    Build a Website with React and Tailwind CSS
    This tutorial shows how to create a product website using React and Tailwind CSS. We’ll cover how to set up React with Tailwind CSS using Create React App Configuration Override (CRACO); Tailwind’s CSS utility classes and variants and how to use them
    JS Tutorial . json 1079 2025-02-09 09:13:17
  • Develop WordPress Themes Faster with Gulp
    Develop WordPress Themes Faster with Gulp
    This SitePoint article is part of a series sponsored by SiteGround. Thank you for supporting the partners who make SitePoint possible. Streamline your WordPress theme development with Gulp! Leveraging your existing front-end and PHP skills, combine
    WordPress . json 830 2025-02-09 09:12:11
  • Web App Performance Testing with Siege: Plan, Test, Learn
    Web App Performance Testing with Siege: Plan, Test, Learn
    This article explores web application performance testing using Siege, a powerful command-line tool. It emphasizes the importance of planning, isolating testing environments, and carefully analyzing results to understand application bottlenecks. Th
    PHP Tutorial . json 408 2025-02-09 09:06:15

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