js.md

js

Let's learn about Js via these 118 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn or LearnRepo.com to find the most read blog posts about any technology.

"Not a real programming language" since 1995.

1. A Beginner's Guide to BFS and DFS in JavaScript

Learn BFS and DFS, powerful algorithms to traverse and search data structures. Examples and step-by-step JavaScript code included.

2. Top 10 Javascript File Managers

File management is a helpful tool in any business application. Here is an overview of the most functional, elegant, and popular JavaScript File Managers ready to be built into the client-server solution. Even if you do not have a direct need to work with files, you can borrow the classic file explorer interface for other tasks. For instance, there are some cases of the classic interface becoming the basis for a new web application in this article.

3. Understanding CORS: Why It's Important and How it Works

This article will explain what CORS is, how it works, and why it is important.

4. 5 Free JavaScript Spreadsheet Libraries in 2021

Spreadsheet libraries are in high demand today. Such solutions are convenient as they offer ready-made applications, save the developers' time and the owners' money. They can be used in any business domain to deal with big amounts of data.

5. What Are the Challenges of Learning New JavaScript Frameworks? | GrapeCity JavaScript

Learn about the top challenges developer face when they are learning new JavaScript frameworks. See more from GrapeCity today.

6. What is GRASP? Information Expert and Creator Principles in JavaScript

What is GRASP? Why do we need it? Information expert and creator principles using Javascript examples.

7. JavaScript Spread and Rest Operators: A Guide

Understand Javascript Spread and rest operators

8. How to Use Screen Wake Lock API in React to Manage Screen Locking/Dimming in a Browser

LIVE demo 🚀 on how to integrate the Screen Wake Lock API into any React application with automatic reacquisition of a lock using react-use-wake-lock.

9. How to Get Base64 Encoded Data from an HTML Image Element in JavaScript

This tutorial teaches you how to get the Base64 encoded data of an image displayed in the HTML image element using JavaScript.

10. Top 10 Javascript File Managers to Use in 2022

A brief intro to 10 file managers for software developers

11. Solving the ATM problem with Dynamic Programming

Solving ATM problem with Dynamic Programming

12. How to Manage Multithreaded Node JS Applications for Better Performance

In this post I'm going to show you how to potentially triple your Node application's performance by managing multiple threads.

13. How to Stop an Active Process on a Port

It is common in Node.js and other languages to run a script on a certain port. These are steps to take to stop an active process on a port.

14. Cool JavaScript Libraries To Consider Using in 2023

dJavaScript libraries are incredibly useful tools for any web app developer. They’re designed for boosting the development process and adding extra functionality to your projects with just a few lines of code.

15. Exploring Tree Traversal in JavaScript: Inorder, Preorder, and Postorder With Examples

Explore tree traversal methods in JavaScript: Inorder, Preorder, and Postorder. Learn their differences and how to implement them. #JavaScript #TreeTraversal

16. The ATM Problem: Why the Greedy Algorithm Isn't an Optimal Solution

Solution to a popular Interview problem: Solve ATM task with Greedy Algorithm

17. How Does Node.js Achieve Concurrency?

Ever wondered how Node.js handles multiple requests despite being single threaded? Find out the secret to concurrency in Node.js and how the event loop works

18. The Right Way to Utilize Webpack for Bundling a HTML Page With CSS and JS

The new HTML Bundler plugin makes Webpack setup incredibly simple, as all the configuration happens in one place.

19. Understanding the Power of Proxy in JavaScript

A Proxy object is an object that wraps another object and intercepts fundamental operations on it, such as property access, assignment, and deletion

20. 4 Options to Add a Custom Theme for Frontend Applications

Take a closer look at various options for how we can allow users to choose from various themes, as well as customize them for their needs.

21. How to Use Gulp to Protect Your Code

In this post, we'll show you how to protect your code with Jscrambler while using Gulp with a guide on how to set it all up to streamline the process.

22. A Beginner's Guide to the Sliding Window Algorithm with JavaScript

Learn the basics of the Sliding Window algorithm in JavaScript. Discover how to optimize tasks with practical examples for efficient data processing.

23. How to Build a Newsletter Application with Email Automation via ReactJS and Firebase

NB: I saw I had this tutorial in my draft for close to 2 years now, I just decided to post it.

24. Throttling vs Debouncing in Javascript

Throttling and debouncing, what are they? What is the difference and when and why should we use them in our own javascript-based programming projects?

25. How to Deploy a Serverless Node.js Application on Azure

This article will guide beginners in software development on how to deploy a serverless Node.js application on Microsoft Azure.

26. Working With My First Web Component

My first time building a (very) simple web component.

27. How To Resize an Image Correctly in JavaScript

JavaScript implementation of so-called Seam Carving algorithm for the content-aware image resizing and objects removal. Dynamic programming approach is applied

28. Redis and Node.JS: Learn the Basics

Redis is a powerful piece of technology that lets us store data in memory. Let's look at how to use it with Node.JS

29. How to Add Prefix or Suffix to Each New Line in JavaScript

Learn how to add a prefix or suffix to each new line in JavaScript with our step-by-step tutorial. Create a user-friendly online tool using JS.

30. Algorithms and Data Structures Implemented in ES6 JavaScript

Hello Readers! I’ve launched JavaScript Algorithms and Data Structures repository on GitHub with a collection of classic algorithms and data-structures implemented in ES6 JavaScript with explanations and links to further readings and YouTube videos.

31. SOLID Principles in JavaScript: What Does the "L" Stand For?

Hello, guys, this is the third part of SOLID Principles in JavaScript and if you haven't read the previous two (first part and second part), I highly recommend to read them first and coming back here.

32. Top 15 React Interview Questions & Answers You Need To Know in 2022

In this article, we'll go over some of the most common React interview questions and how to answer them.

33. How Libuv Thread Pool Can Boost Your Node JS Performance

In this 5th instalment of my “Node JS Performance Optimizations” series, I show you how to increase Node JS performance with thread pool management. We achieve this by understanding how Libuv works, how the thread pool works and how to configure the number of threads based on your machine specs.

34. 10 Cool Data Table Libraries with Advanced Features

JavaScript is on the list of requirements for a position as a web developer in any IT company at the moment. It is hard to imagine building modern web applications without JavaScript. This programming language provides IT specialists with an effective and relatively easy way to create interactive applications able to comply with the tastes of any picky customer. The choice of the JS libraries and frameworks adds dedicated followers to this language. 

35. 25+ Beginner Javascript Projects With Source Code on Github

A list of 25+ Javascript projects for beginners with source code available on Github. Easy Javascript projects for beginners.

36. Top 12 Lesser Known Tips for JavaScript Best Practices

There is a lot of information about different JS features. I want to tell you about equally useful, but less popular tips for working with this language!

37. Clean Code: Functions and Methods in TypeScript [Part 1]

Learn how to write cleaner code by avoiding common mistakes in functions and methods.

38. JS Arrow Functions for Newbies

Introduction to new ES6 javascript feature - Arrow Functions.

39. 7 jQuery-Free Admin Dashboard Templates Built with React, Vue or Angular

Recently we decided to make our templates jQuery-free. Please enjoy this list of admin dashboard templates without jQuery dependencies.

40. Secure Your Next.js Apps with Jscrambler

In this article, we’ll look at how you can integrate Jscrambler into your Next.js app development workflow.

41. What Does "SyntaxError: Missing formal parameter" Mean?

SyntaxError missing formal parameter

42. Creating User Interfaces Using 'Variables'

UI series #1 ft. variables

43. Introduction and Setup of an AI Project for Web Devs with QwikJS

In this blog post, we start bootstrapping a web development project using Qwik and get things ready to incorporate AI tooling from OpenAI.

44. Best JavaScript Resources Collection: 2020 Edition 🚲

These are my personal picks of learning JavaScript in 2020, I picked all of these resources myself, most of them are my favorites and I also used them while learning.

45. An Open-Source Firebase Alternative - Introducing Appwrite 0.7

We’re excited to announce the release of Appwrite 0.7, our biggest ever release. The new Appwrite version includes over 100 updates

46. Top Mistakes JavaScript Developers Make

This article will show you some typical mistakes that almost every Javascript programmer has made during his career.

47. New JavaScript Features in 2022

JavaScript is changing fast with a lot of new and exciting features to help us - developers write code better and better. Let's check these latest features.

48. The Best JavaScript Tools in 2022: An Essential Guide to Better Development

A breakdown of the most important JS dev tools in 2022, including their most relevant tradeoffs, and some opinionated advice sprinkled on top.

49. Top 6 Material Design Dashboards

I won’t make the intro too long. I will shortly introduce you to the Material Framework and mention our traditional criteria for evaluating dashboards/admin templates.

50. HTML + CSS Practice Project: Website Slicing

Here we will leave JS challenges for later, and we will focus on integrating the visual part of the frontend in a simple project.

51. JSNation Live 2020, the remote spin-off of a successful JavaScript conference

Would you like to know the future of the JavaScript ecosystem and get connected to a stellar crowd? To help you stay up-to-date on the latest JS tech, the GitNation team has come up with a new remote event taking place on June 18-19, 2020. JSNation Live, their 2-day event on all things JavaScript, will gather 25 thousand software engineers, making it the biggest JavaScript conference in the cloud. 

52. Learn Fundamentals of JavaScript : Number Variable, Multiple Variables, Booleans, Strings

After exams and lots of procrastination, I finally resumed my #100DaysOfCode journey with JavaScript

53. Accessible Custom File Upload

Learn how to create a custom, accessible file upload button using pure HTML, CSS, and JavaScript.

54. JavaScript: The Apocalyptic Dumpster Fire That Has Coders Begging it to Stop

The Frankensteinian Hodgepodge That Puts Mr. Burns' Smithers in Charge of the Starship Enterprise and Leaves Coders Screaming 'Wubba Lubba Dub Dub!'"

In a real

55. SOLID Principles in JavaScript: What Does the "O" Stand For?

Hello, guys. This is the second article about SOLID principles with Javascript examples. In my previous article I described what are patterns in general, what is SOLID and why we should use them. If you haven't read it, pls, read it now and continue read current article after the previous one.

56. How to Create a Simple A-Frame App with Plain HTML

57. Evaluating Conditional Statements in JavaScript

Let's learn about the JavaScript conditional statements!

58. Backend Development 101: Prime Numbers and Multi-threading

Recently, I have been trying to expand my knowledge as a backend developer. I want to understand solving problems at scale and also breaking down big tasks into little chunks of tasks.

59. How My Employer Forced Me To Learn JavaScript

In my student years everybody around me mocked JavaScript. Being part of the tribe, I have never really tried to learn JavaScript. I used quick and dirty solutions, copied code from Stackoverflow, without really understanding it and hoped it will not break. It changed after my first full-time job.

60. Java / JavaScript: Differences Beyond the Name

Java and JavaScript...

Beyond the names that appear "similar," how else do these two programming languages differ from each other?

61. Python vs. JavaScript: A Comparative Review

Python and JavaScript are two of the most used programming languages. Even though both are object-oriented programming languages, they have different scopes.

62. A Nullish Coalescing (in JS) Tutorial for Normal People

Nullish coalescing is a new feature that helps make that a whole lot easier. In this post, we’ll explain nullish coalescing.

63. Building Blocks of DOM Manipulation - Vanilla JS Tutorial (Part One)

Learn the basics of DOM manipulation with Vanilla JS including set up, document.createElement(, .textContent, and more.

64. Making the Snake Game in your Browser: Practicum Coding Bootcamp

Want to make your own classic arcade game?

65. Understanding Optional Chaining in JavaScript

Optional chaining is a modern language feature that allows you to safely navigate through and access deeply nested object properties.

66. How to Use console.log() Like a Pro: A Brief Guide

Using console.log() for JavaScript debugging is the most common practice among developers. But, there is more...

67. 20+ React Tools to Help You Become a More Productive Programmer

The goal of this post is to provide you with tools you need to be more productive when developing React applications.

68. 10 Web Development Boosting Node.js Libraries and Frameworks

Take your Node.js skills to the next level with our top 10 library picks! Streamline workflows, optimize performance, and stay ahead of the competition

69. 19+ Javascript Plugins and Data Table Libraries to Make Your Life Easier

This time we want to introduce libraries for working with tables or grids, since tables are an important part of any great application.

70. 5 Data Visualization Widgets for Modern JavaScirpt Libraries

Data Visualisation is an incredibly important part of conveying information in the world. Getting the best widget types for Data Visualisation is a part of that

71. JSWorld Conference 2022: Part I

JSWorld Conference is the number one JavaScript Conference in the world, and I share a summary of all the talks with you. Part I

72. A Guide on Using the Cookie Store API

A look at an API that makes it easier to work with cookies in the browser.

73. ​​Choosing Between SASS vs CSS Modules vs CSS-In-JS

How we chose our styling: ​​SASS vs CSS Modules vs CSS-In-JS

74. Eliminating Event Storms With Debouncing in JavaScript

Using debounce, the function will be executed only when a certain amount of time has passed since the last function call.

75. Introduction to JavaScript Statements

JavaScript statements give us a energy to implement opposite forms of proof in a code. JavaScript provides us with several of them, all of that has a possess purpose and syntax. Among a many obvious examples we can find countenance statements, iteration statements, redeeming statements, and more

76. A Glance Into Amplication: Easy NodeJS App Development

According to the Amplication website's introduction, it's a tool for creating the structure you want in NodeJS apps.

77. Node.js Inject: How to Conduct and Why to Use

Today, I would like to show you how to execute custom JS code in another Node.js process and to get a proper result. These are relatively simple code examples, which demonstrate basic ideas of native code calls with the help of Frida framework.

78. How To Create A "Night Mode" For Your Website

Are you interested in learning how to create a simple night mode for your website? In this article, I use jQuery and Bootstrap 5.

79. How to Use jQuery: An Introduction to the JavaScript Library

jQuery is a JavaScript library that is used on your websites. jQuery is open source material that is used to make Javascript programming easier.

80. 5 Best JavaScript Templates for Business

Templates can significantly speed up the development process. Here are the 5 Best Javascript Templates - check them out!

81. A Prototype That Leverages Facial Expressions to Facilitate Non-vocal Communication

An introduction into some tools used to develop a facial expression detector as a means to communicate.

82. Function Calling in Generative AI: Mapping Prompts to Functions and Building Smart Applications

Function Calling in Generative AI, where prompts map to functions, unlocking the potential for intelligent and dynamic applications.

83. The Developer's Guide to Updating npm Packages

A simple guide for updating for npm packages.

84. Mastering JavaScript Conditionals

"Mastering Conditionals in JavaScript: A Comprehensive Guide with Example"

85. Mastering the Document Object Model (DOM)

In this blog post, we are going to deep dive into DOM and try to understand what a DOM is, and how it works.

86. The Event Loop Concept and Asynchronous Development in JavaScript

Responsiveness is usually achieved through the use of asynchronous functions. This means that you can let your code do several things at the same time.

87. Circle CI: How To Run Ruby and JavaScript Tests in Parallel

Configure the CI server to run parallel tests in the shortest CI build time. Ruby and JavaScript examples of parallel testing.

88. JS Destructuring For Newbies

The main superpower of destructuring is the ability to take apart an object or an array. So we can extract just the information we need.

89. SOLID Principles in JavaScript: What Does the "D" Stand For?

Hello, guys, this is the last part of SOLID Principles in JavaScript and if you haven't read the previous three (first part, second part, third part, fourth part), I highly recommend to read them first and come back here.

90. Learn About JavaScript Closures: A Beginner's Guide

In this blog post, we will take a deep dive into how JavaScript functions really work. We’ll discuss concepts like higher-order functions (HOF), execution conte

91. How "This" Binding Works in JavaScript

In this article, we will learn how "This" binding works in Javascript.

92. Mastering JavaScript Objects: A Comprehensive Guide

Exploring Object Literals, Properties, Methods, and Object Destructuring, Custom constructors, Mechanism for inheritance and object, and Built-in Objects.

93. Everything You Need To Know About TypeScript

Mastering TypeScript: A Comprehensive Guide,From Fundamentals to Intermediate Techniques for Effective Development

94. How to Create a Web Component for Reveal.js

Using web components to make it easier to build Reveal.js presentations.

95. The Axios Nightmare Is Over: Meet Axios-Fixed

Axios was compromised in a major supply chain attack affecting 100M+ installs. Learn what happened and how to migrate safely to axios-fixed in minutes.

96. Tailwind CSS v4 Beta, New React Framework, BEST JavaScript Animations, and More - This Week in JS

Today, we’ll take a look at the latest Tailwind CSS v4 Beta and explore Tuono’s Rust-powered backends.

97. Use Metho to Safely Add Dynamic Superpowers to JS Objects

Metho allows you to safely 'monkey patch' any object with new capabilities and dynamic properties. Great for extending the functionality of native JS prototypes

98. AI Applications: Advanced Architecture Advice (AKA AAAA!)

This post covers infrastructure improvement ideas for an existing AI application's architecture for better delivery, performance, and cost-reduction.

99. JavaScript Loop: The Best Practices to Have the Optimal Performance

JavaScript Loop is a fundamental part of any programming language, and JavaScript is no exception. JavaScript loop is a powerful tool that allows developers ...

100. From ES6 to ESNext: What Is Node.green?

Node.green is a website that provides a comprehensive and easy-to-use resource for tracking the support for ECMAScript (ES) features in different versions

101. Exploring Common Uses Cases of the JavaScript Spread Syntax (…)

Understanding Javascript spread operator

102. Closures Demystified: Unlocking Hidden Potential in Your JavaScript Code

If you have understood the discussion so far, you should feel confident in your capacity to discuss closures when asked about them during your next interview.

103. What Is Tagged Template Literal In Javascript

Before ES6(ECMAScript 2015), we have used single quotes('...') and double quotes("...") to wrap string literals. A simple example is,

104. Slow SPAs Kill Conversions—This Is Your Speed Optimization Survival Guide

SPA optimization techniques that reduce response times, improve UX, and keep your users coming back.

105. An Overview of the Most Popular JS Frameworks for 2020

JAVASCRIPT'S RICH AND FUNCTIONAL WORLD

106. Building Your First Node-RED Flow: Basic Tutorial

This post introduces a deep dive video tutorial where I teach you the fundamentals of Node-RED and at the same time, show you how to build a Weather dash

107. Using ConfigCat's Feature Flags in a Phaser.io Application

Let's take a look at how practical a feature flag can be in a Phaser.io application.

108. The Internet Is Full of Duplicate Requests—Here’s How Smart Developers Prevent Them

Idempotency is an essential tool for preventing duplicate operations, improving API stability, and ensuring consistent behavior in unsafe HTTP methods.

109. How To Protect Your Vue.js Application With Jscrambler

Disclosure: This post focuses on Jscrambler, a JavaScript protection product to which the author is affiliated (as CTO).

110. Achieving a High Return on Investment in Your Testing Efforts in Angular

Testing is often considered a necessary but time-consuming and ineffective task in software development.

111. How to Dynamically Hide and Show Slot Content in a Web Component

My attempt at dynamically showing/hiding various slots.

112. Getting Started With Functions in JavaScript: Declarations, Parameters, and More

In this guide, we’ll explore various aspects of functions in JavaScript, including their declaration, parameters, function expressions, and more.

113. Removing the Stigma of Using Cucumber and Gherkin in Test Automation Processes

Recently at a meet-up there was a talk on writing Cucumber feature files in Cypress, a question was posed to an audience of around 100 - "Who here has tested their stuff with Cucumber?" to which a mild hubbub felt quite negative including a couple of guffaws and scoffs from the back.

114. 4 Reasons Why People Love Web Design And You Should Love It Too

It's so important how web UI is designed because people perceive images better and quicker than words. Luckily, most of the IT heads understand the value of an eye-catching UI, but few of them realize the real power of it. Actually, web design does much more than you used to think. 

115. A Quick Guide to CAB(Call, Apply, Bind) in JavaScript

Here is the easy and simple way to understand call, apply, bind in JavaScript. With these simple examples, you'll never confuse again with these methods

116. A Fast and Easy Example Showing How To Use AWS Node.js SDK V3 for Signed URLs

The AWS Node.js SDK can be used to generate signed URLs. The SDK is modularized, so instead of installing a giant SDK, you get just what you need.

117. Functional Programming in Javascript for Busy People

You’ve probably used map, reduce, and other functional methods in Javascript before, but there are a few use cases you probably haven’t thought about much or used before. In this post, I’d like to go over these methods (and a few other surprises!) to show what’s possible.

118. My Follow-up to Creating a Web Component for Reveal.js

An update to my earlier demo of building a web component version of Reveal.js.