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

  • Immutability in JavaScript
    Immutability in JavaScript
    Immutability: A cornerstone of functional programming, offering significant advantages to object-oriented programming as well. This article explores immutability in JavaScript, detailing its implementation and benefits. Key Concepts: Immutability:
    JS Tutorial 479 2025-02-20 11:59:11
  • Writing AngularJS Apps Using ES6
    Writing AngularJS Apps Using ES6
    Leveraging ES6 Features in AngularJS Development: A Comprehensive Guide Key Advantages: ES6 (ECMAScript 2015) significantly enhances AngularJS development with features like arrow functions, template literals, classes, modules, and promises. These
    JS Tutorial 532 2025-02-20 11:49:12
  • Creating Stateful Modals in AngularJS with Angular UI Router
    Creating Stateful Modals in AngularJS with Angular UI Router
    There are a number of ways to approach implementing modals in an AngularJS application, including the popular angular-dialog-service and the official Angular-UI Bootstrap modal. In this article I’ll share how I like to handle modals in Angular, using
    JS Tutorial 616 2025-02-20 11:45:12
  • Replace Make with Jake
    Replace Make with Jake
    Jake: A Modern Build Tool Inspired by Make Jake is a powerful build tool built on Node.js, inheriting the strengths of Make while embracing modern JavaScript development. It offers a flexible and scriptable approach to automating build processes, m
    JS Tutorial 762 2025-02-20 11:37:10
  • Animating Text with Blast.js
    Animating Text with Blast.js
    With the help of libraries, it is now more or less a simple task to animate HTML elements using CSS or JavaScript. However, you can only animation the complete existing elements. This means that if you want to animate a single word in a paragraph, you have to wrap the word in a single element (like a span) and then locate it accordingly. If you only have one or two span elements like this, this is not a big deal, but what if you want to animate every character in a paragraph? For each character, you have to create a span, which adds a lot of extra markup and makes the text hard to edit. This is why Blast.js exists. Key Points Blast.js is a
    JS Tutorial 911 2025-02-20 11:32:11
  • Build a Node.js-powered Chatroom Web App: Chatroom UI with Bootstrap
    Build a Node.js-powered Chatroom Web App: Chatroom UI with Bootstrap
    Key Takeaways This tutorial demonstrates how to create a chatroom UI using Bootstrap in a Node.js-powered web app, with a focus on creating a responsive design that adapts to different devices. The process involves adding Bootstrap to the projec
    JS Tutorial 794 2025-02-20 11:28:09
  • Creating a jQuery Photo Slideshow with fadeIn and fadeOut
    Creating a jQuery Photo Slideshow with fadeIn and fadeOut
    This screencast demonstrates creating a simple slideshow using jQuery's fadeIn and fadeOut methods. These methods offer convenient animation control over element visibility, providing more granular control than CSS3 alone. The video showcases the te
    JS Tutorial 605 2025-02-20 11:25:09
  • How To Build a Trello Chrome Extension - Exporting Lists
    How To Build a Trello Chrome Extension - Exporting Lists
    In the previous part, we built the basics of our extension, implementing authentication through a custom Foundation-powered settings screen and using Trello’s JavaScript client library. In this part, we’ll finish our extension by adding the exporting
    JS Tutorial 540 2025-02-20 11:23:13
  • Finding a Date Picker Input Solution for Bootstrap
    Finding a Date Picker Input Solution for Bootstrap
    Best practices for cross-browser date input This article explores the challenges and best solutions for implementing date input fields in various browsers. Due to inconsistent browser support and neglect of lang attributes, we need a robust solution to deal with date formats, UTC/local time issues, and differences between different browsers. Key points: The browser's support for and lang attributes is uneven, resulting in the inability to display input widgets in non-native languages. Many JavaScript solutions attempt to improve support for date input, but few scripts can handle two different date formats that display and save data at the same time. Datepicker for jQuery UI is a well-tested and supported
    JS Tutorial 976 2025-02-20 11:21:10
  • 6 Node.js Static Site Generators
    6 Node.js Static Site Generators
    Node.js Static Website Generator: A Lightweight Alternative to WordPress Core points Node.js static website generators such as Wintersmith, Assemble, Metalsmith, Hexo, Punch, and DocPad provide viable alternatives to traditional CMSs such as WordPress, providing a lightweight solution for creating blogs or information websites. Each Node.js static website generator has unique features: Wintersmith is a simple and flexible option for mid-to-high-level developers; Assembles Grunt and Yeoman
    JS Tutorial 417 2025-02-20 11:20:16
  • What's New in Chrome 39
    What's New in Chrome 39
    Although Chrome browser has been in the industry for six years, it is rapidly entering its maturity in version numbers. Chrome 39 is now available, and you may have installed it. This release contains some nice new features…and a slightly suspicious addition or two. ECMAScript 6 Generator A generator is a special function declared using function* to create an iterator. An iterator is an object with the next() method that is called to return a value. The generator function uses the yield statement to provide the next value in the sequence. Arunoda Susiripala provides a JavaScript Generator and Callback Prevention Hell
    JS Tutorial 510 2025-02-20 11:16:11
  • A Firefox OS Application Primer
    A Firefox OS Application Primer
    This tutorial guides you through Firefox OS app development, highlighting its relevance for web developers. While Firefox OS is no longer actively developed for smartphones, understanding its principles remains valuable for web development knowledge
    JS Tutorial 193 2025-02-20 11:10:11
  • Creating a Custom Login and Registration Form with Meteor
    Creating a Custom Login and Registration Form with Meteor
    Key Takeaways Creating a custom login and registration form with Meteor involves installing the accounts-password package, which automatically creates a Meteor.users collection to store user data, eliminating the need to write custom logic for use
    JS Tutorial 996 2025-02-20 11:09:12
  • Extending HTML the Aurelia.io Way
    Extending HTML the Aurelia.io Way
    Key Takeaways Aurelia.io, a modern JavaScript framework, allows developers to create custom elements and attributes in HTML, enhancing the flexibility and functionality of web applications. Custom attributes in Aurelia.io can be used to wrap exi
    JS Tutorial 869 2025-02-20 11:05:10
  • Creating an Animated Valentine's Day Card with Snap.svg
    Creating an Animated Valentine's Day Card with Snap.svg
    This tutorial shows you how to create a dynamic, animated Valentine's Day card using the Snap.svg JavaScript library. We'll add cool effects and animations, incorporate Google Web Fonts, and create SVG drawings with advanced text manipulation. Key
    JS Tutorial 613 2025-02-20 11:04: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