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

  • The Frontend Challenge: Cricket League
    The Frontend Challenge: Cricket League
    This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation What I Built I transformed a basic HTML template for the New York Recreational Cricket League into a visually appealing and interactive webpage. My focus
    CSS Tutorial 196 2024-07-27 17:23:32
  • Handling and debugging CORS (Cross-Origin Resource Sharing) issues in a NestJS Application
    Handling and debugging CORS (Cross-Origin Resource Sharing) issues in a NestJS Application
    Handling and debugging CORS (Cross-Origin Resource Sharing) issues in a NestJS app can be a bit tricky. CORS is essentially the security mechanism that makes sure your frontend and backend can talk to each other properly, especially when they’re on d
    JS Tutorial 978 2024-07-27 16:48:37
  • Write a test function while learning javascript
    Write a test function while learning javascript
    Objects everywhere Well, you've probably heard before about objects in JavaScript and how they are important in order to understand the language. Objects make JS extremely readable and useful because of its model "key":"value&quo
    JS Tutorial 917 2024-07-27 16:30:33
  • React  A Game-Changer for Modern Web Development
    React A Game-Changer for Modern Web Development
    Introduction React, the popular JavaScript library for building user interfaces, is about to take a giant leap forward with its upcoming version 19. As we approach the release of React 19, developers worldwide are buzzing with excitement about
    JS Tutorial 487 2024-07-27 16:26:32
  • A Beginners guide to Building Content Scripts
    A Beginners guide to Building Content Scripts
    Browser extensions are add-ons to the browsers which are used to add aesthetics to the site and also provide optimal user experience. The concept of content script in extension development is a quite useful knowledge to be acquired by developers alik
    JS Tutorial 639 2024-07-27 15:27:42
  • Vanilla JS Effect Methods
    Vanilla JS Effect Methods
    In the past, I worked quite a lot with jQuery and the thing I love about jQuery is that it provides many useful methods with simple and lightweight syntax. One of the most used jQuery methods is effects methods - which are used for creating animation
    JS Tutorial 682 2024-07-27 15:02:23
  • Automation for Google Forms
    Automation for Google Forms
    PT-BR I was asked to create a smart form, where it would update a specific item according to what the user entered. Like a kind of ID. Using AppsScript, I created the following code below to accomplish this: function
    JS Tutorial 853 2024-07-27 14:07:52
  • The Never Ending Battle Against Software Complexity
    The Never Ending Battle Against Software Complexity
    What is Complexity? Recently, I finished reading "A Philosophy of Software Design" and in the second chapter, it explores the topic of Software Complexity.  The book "A Philosophy of Software Design" defines complexity practi
    JS Tutorial 722 2024-07-27 07:48:52
  • Understanding Hoisting in JavaScript
    Understanding Hoisting in JavaScript
    Hoisting is one of the fundamental concepts in JavaScript that often confuses new developers. However, once understood, it can greatly help in writing and debugging JavaScript code. In this article, we'll demystify hoisting, explain how it works, and
    JS Tutorial 257 2024-07-27 07:02:02
  • Creating a Chrome extension
    Creating a Chrome extension
    Creating a Chrome extension can be a rewarding experience, whether you're looking to enhance your web browsing, automate repetitive tasks, or just learn something new. Here’s a comprehensive guide on how to create a Chrome extension in 2024, covering
    JS Tutorial 751 2024-07-27 06:53:33
  • Unlocking the Potential of Convex.dev: Revolutionizing Backend Development
    Unlocking the Potential of Convex.dev: Revolutionizing Backend Development
    In the ever-evolving landscape of software development, creating robust and scalable backend systems has always been a challenge. From managing databases to handling real-time updates, developers often juggle multiple tools and frameworks to build ef
    JS Tutorial 635 2024-07-27 06:45:32
  • React Styled Components
    React Styled Components
    What Are Styled Components? Styled Components is a popular library for React that allows developers to write CSS directly within their JavaScript code. This library leverages tagged template literals to style your components. It promotes the us
    CSS Tutorial 763 2024-07-27 06:43:42
  • TypeScript ✔ vs JavaScript ❌ : How TypeScript Outshines JavaScript
    TypeScript ✔ vs JavaScript ❌ : How TypeScript Outshines JavaScript
    JavaScript has been the base of web development for many years. It enables developers to create dynamic and interactive web applications (Obviously used for other purposes, but we will be talking specially about web development). However, as applicat
    JS Tutorial 534 2024-07-27 06:41:52
  • Switch Case Statement
    Switch Case Statement
    Switch case statements are an efficient way to execute different blocks of code based on various conditions. It's like a more structured and readable if-else. Basic Syntax switch (expression) { case value1: // code for val
    JS Tutorial 244 2024-07-27 00:01:14
  • Export JSON to CSV: a note on CSV and Unicode
    Export JSON to CSV: a note on CSV and Unicode
    There are multiple JS libraries that allow export to excel. But what if we want to follow a minimalist approach avoiding extra dependencies. The simplest approach would be to produce CSV from JSON that can easily be opened in excel. But before I s
    JS Tutorial 235 2024-07-27 00:00:03

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
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!