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

  • 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 720 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 255 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 749 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 633 2024-07-27 06:45:32
  • 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 532 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 243 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
  • Shallow Copy vs Deep Copy in JavaScript
    Shallow Copy vs Deep Copy in JavaScript
    When working with JavaScript, understanding the difference between shallow copy and deep copy is essential for effective manipulation of objects and arrays. Let's delve into what these terms mean and how to implement each type of copy in your code.
    JS Tutorial 435 2024-07-26 20:45:00
  • Class Components vs. Functional Components in React
    Class Components vs. Functional Components in React
    In React, components can be built using either class components or functional components, each offering unique benefits and use cases. Class components, the traditional way of creating components, are ES6 classes that extend React.Component and come
    JS Tutorial 374 2024-07-26 19:17:43
  • Building a URL Shortener App with Angular and Tailwind CSS
    Building a URL Shortener App with Angular and Tailwind CSS
    In this blog, we will walk you through the process of creating a URL shortener application using Angular for the frontend and Tailwind CSS for styling. A URL shortener is a handy tool that converts long URLs into shorter, more manageable links. This
    JS Tutorial 914 2024-07-26 18:53:31
  • React Voice UI package: Exploring the Power of AI Assistants with Sista AI
    React Voice UI package: Exploring the Power of AI Assistants with Sista AI
    The Evolution of Voice User Interfaces The evolution of voice user interfaces (VUIs) has transformed user interactions, enhancing engagement and accessibility. With Sista AI, developers can now leverage advanced technologies to create immersive voice
    JS Tutorial 239 2024-07-26 18:42:23
  • Higher-Order Components in React
    Higher-Order Components in React
    Higher-Order Components (HOCs) in React stand out as a transformative pattern for enhancing component functionality through composition rather than inheritance. Unique in their approach, HOCs are functions that take a component and return a new compo
    JS Tutorial 607 2024-07-26 18:42:01
  • Integrating MediaElement.js into a Custom HTMLideo Player
    Integrating MediaElement.js into a Custom HTMLideo Player
    Integrating MediaElement.js into a Custom HTML5 Video Player Introduction MediaElement.js is a powerful JavaScript library that allows developers to create a consistent and feature-rich video and audio player across different browser
    JS Tutorial 314 2024-07-26 18:37:17
  • Props Drilling in React
    Props Drilling in React
    Props drilling is a common pattern in React where data is passed through multiple layers of components via props. While this approach is straightforward and works well for small applications, it can become cumbersome and inefficient as the component
    JS Tutorial 623 2024-07-26 18:35:33
  • Unraveling JavaScript: A Deep Dive into Hoisting, Temporal Dead Zone, and Variable States
    Unraveling JavaScript: A Deep Dive into Hoisting, Temporal Dead Zone, and Variable States
    In below I have sweet and simple 2 lines of code. But I can guranty you that It will either confused a lot (as because you ignored the underline principle of JS) or comfort you. But it has fully loaded knowledge concepts as below Hoisting Tempora
    JS Tutorial 432 2024-07-26 18:11:53

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!