javascript-development.md

<img src="https://hackernoon.com/banner-image.png" alt="drawing" width="1012"/>

# [javascript-development](https://hackernoon.com/tagged/javascript-development)
Why was the JavaScript developer sad? Because he didn’t Node how to Express himself. 

### [1. A Guide on How to Build a Blockchain with Javascript](https://hackernoon.com/a-guide-on-how-to-build-a-blockchain-with-javascript)
![](https://cdn.hackernoon.com/images/dEr5DsADiKOXf3cSyYhd9dUYVNo1-fr93kla.png)
Although JavaScript is now the most widely used programming language worldwide, it is not usually the first language picked for building a blockchain

### [2. How to Update Object Key Values Using Javascript](https://hackernoon.com/how-to-update-object-key-values-using-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-tja3pyz.png)
Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.

### [3. The Array Methods Coming to JavaScript in 2022](https://hackernoon.com/the-array-methods-coming-to-javascript-in-2022)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-si93yhq.jpeg)
Javascript is introducing a few new array methods which let us simultaneously copy an array, rather than changing the original. Let's look at how they work.

### [4. Preact vs. React: A Quick Comparison](https://hackernoon.com/major-differences-between-preact-and-react-which-one-should-you-use)
![](https://cdn.hackernoon.com/images/hQ098u52DzPm2Y4UITQcQXtLRAk2-ev93j9p.jpeg)
Should you choose React or Preact for software developments? It depends. Learn the difference between the JS libraries here.

### [5. "If You Have a Goal, You Can Reach it" Nominee Nominee Yan Tsishko](https://hackernoon.com/if-you-have-a-goal-you-can-reach-it-nominee-nominee-yan-tsishko)
![](https://cdn.hackernoon.com/images/oO6rUouOWRYlzw88QM9pb0KyMIJ3-yr33n64.jpeg)
 Yan Tsishko is a chief software engineer at Oxagile. He believes Javascript/TypeScript is the most exciting technology & that frontend is the future of tech. 

### [6. The Best Practices for Front-End Development](https://hackernoon.com/the-best-practices-for-front-end-development)
![](https://cdn.hackernoon.com/images/oO6rUouOWRYlzw88QM9pb0KyMIJ3-ll93rjy.jpeg)
The Best Practices for Front-End Development

### [7. Speeding up Promises in JavaScript](https://hackernoon.com/speeding-up-promises-in-javascript)
![](https://cdn.hackernoon.com/images/zoOctYrZ1RX1tldfBOyGfrmZq7f1-g693se1.jpeg)


### [8. Modern Style of Javascript with Arrow Functions](https://hackernoon.com/modern-style-of-javascript-with-arrow-functions-lg1x3474)
![](https://images.unsplash.com/photo-1527427337751-fdca2f128ce5?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
The complete explanation of Arrow functions in Javascript, and how it helps developers to write flexible and consistent code.

### [9. An Intro to Middleware in NextJS 12](https://hackernoon.com/an-intro-to-middleware-in-nextjs-12)
![](https://cdn.hackernoon.com/images/eUT0WvJnuqUhEFMKqi6Mi1hExjy2-kl0387a.jpeg)
NextJS 12 was announced yesterday at the NextJS Conf and they announced a new feature called middleware which allows one to modify the response to a request.

### [10. 6 Things You Should Not Do in JavaScript](https://hackernoon.com/6-things-you-should-not-do-in-javascript)
![](https://cdn.hackernoon.com/images/XIlys8PrM8eJ7n0qjETjuC0lbkB2-f093or8.jpeg)
In JavaScript, there are many ways to do the same things. But not all of them are equally good. And some of them you should not use at all.

### [11. Add Event Listener to Multiple Elements in Javascript ](https://hackernoon.com/add-event-listener-to-multiple-elements-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-r493oaz.jpeg)
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula: 

### [12. How to Build a Model Train Calculator the Right Way](https://hackernoon.com/how-to-build-a-model-train-calculator-the-right-way)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-xg93oxb.jpeg)
Using Javascript to build a calculator for the cost of assembling model trains by combining API functions and a Wordpress site to streamline the process.

### [13. 3 Things You Will Love About Micro Frontends](https://hackernoon.com/3-things-you-will-love-about-micro-frontends)
![](https://cdn.hackernoon.com/images/lmcwhIPXHyPIgqoOoDrA9xd8umf1-dyb3ok6.jpeg)
3 cool things that will make you love micro frontend architecture - flexibility in managing codebase, a wide choice of frameworks, and independent deployments.

### [14. ​​Choosing Between SASS vs CSS Modules vs CSS-In-JS](https://hackernoon.com/choosing-between-sass-vs-css-modules-vs-css-in-js)
![](https://cdn.hackernoon.com/images/gnyfKpa42Tg3VsBOtfaRMvz66182-bn93nrk.png)
How we chose our styling: ​​SASS vs CSS Modules vs CSS-In-JS

### [15. Getting Out Of ReferenceError Because of Scope in Javascript](https://hackernoon.com/getting-out-of-referenceerror-because-of-scope-in-javascript-qo7k37n5)
![](https://cdn.hackernoon.com/images/vJZjNRXjG5OwQ3VPCR4tScyGSEC3-rf163bpf.jpeg)
Everything happens within spaces and Environments. Basic knowledge of javascript is highly recommended, before proceeding with this content. 

### [16. Node.js Vs AngularJS: Which is Best for your Web App?](https://hackernoon.com/nodejs-vs-angularjs-which-is-best-for-your-web-app)
![](https://cdn.hackernoon.com/images/TvTYNUYMkbMcEoiUNlmIK59YQI63-8l93o3e.jpeg)
Now when you understand well the difference between both the platforms, you must agree with the fact that both the platforms are great as well in their respect.

### [17. 3 Steps to Adding End-to-end Tests to Your Project](https://hackernoon.com/3-steps-to-adding-end-to-end-tests-to-your-project)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-0t12nbu.jpeg)
E2E enables extensive testing as soon as the changes are available. It has a chance of catching potential issues before merging changes to the main branch.

### [18. Java vs JavaScript: Everything You Need to Know](https://hackernoon.com/java-vs-javascript-heres-what-you-need-to-know-9b1b708394e2)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-2c1p37cx.jpeg)
Java vs JavaScript raises many questions. Are they the same? Is JavaScript an extended part of Java? Are they entirely different? Can I mix the code? Which one should I learn first? Which one is suitable for a startup web app? 

### [19. 5 Free JavaScript Spreadsheet Libraries in 2021](https://hackernoon.com/5-free-javascript-spreadsheet-libraries-in-2021-581r3zfn)
![](https://cdn.hackernoon.com/images/DgIHgUcx99gVUPhnmk5o7713Bzl2-4ud31pg.jpeg)
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.

### [20. How to Implement Caching Efficiently in NestJS Using Redis](https://hackernoon.com/how-to-implement-caching-efficiently-in-nestjs-using-redis)
![](https://cdn.hackernoon.com/images/JaI04JxjP5WiiJKlOeLrImL5dAw2-qo93axy.jpeg)
In this post, we’ll look at using Redis to give cache capabilities to a NestJS project. We’ll discuss Redis, what caching is, and the implementation procedure.

### [21. How to Use Type Casting in Typescript](https://hackernoon.com/how-to-use-type-casting-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-31a3ofx.jpeg)
To cast something in TypeScript, we use the 'as' keywords. Here's how type casting works in TypeScript.

### [22. Why Do Programmers Choose to Learn Java as a Programming Language?](https://hackernoon.com/why-do-programmers-choose-to-learn-java-as-a-programming-language)
![](https://cdn.hackernoon.com/images/YxeikCmVwxTWERLHZSjS59TfD9v2-mbi3pqo.jpeg)
What is the best programming language to learn for a developer? Can’t name the best, but yes, Java is surely one of the Best! You can dive in for the reasons.

### [23. The 7 Most Useful Array Methods in JavaScript](https://hackernoon.com/the-7-most-useful-array-methods-in-javascript)
![](https://cdn.hackernoon.com/images/R8cbpKzhckgtteks9CAGVh7VJqp2-ix93nly.jpeg)
Article about useful Array methods in JavaScript.

### [24. 3 Practical Tasks for Your Next React Interview](https://hackernoon.com/practical-tasks-for-your-next-react-interview)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-gq93qsc.jpeg)
Here are 3 React tasks to check your coding skills, way of thinking, and ability to create good understandable code.

### [25. Node.js Tutorial: How to Build a Video Streaming Application in 10 Minutes](https://hackernoon.com/nodejs-tutorial-how-to-build-a-video-streaming-application-in-10-minutes)
![](https://cdn.hackernoon.com/images/AjW2GKacl2guqCy2y7pi5AGU8U02-gl92hzr.jpeg)
hi folks, in this blog we will build a Node.js video streaming application in like 10 minutes.


### [26. How to Use .env Environment Variables in Vue](https://hackernoon.com/how-to-use-env-environment-variables-in-vue)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-n3a3o3b.jpeg)
Vue.js also lets us use .env variables, but it works slightly differently. So let's look at how to use .env variables in Vue.

### [27. 10 Fantastic JavaScript Projects for Beginners](https://hackernoon.com/10-fantastic-javascript-projects-for-beginners)
![](https://cdn.hackernoon.com/images/jAe8nDJHWuhNTYfeZVmoqHUgxXz2-4893pmi.jpeg)
Here are 10 Fantastic JavaScript Projects for Beginners.

### [28. 10 Repositories that Will Transform the Way You Approach Technical Interviews](https://hackernoon.com/10-repositories-that-will-transform-the-way-you-approach-technical-interviews)
![](https://cdn.hackernoon.com/images/jAe8nDJHWuhNTYfeZVmoqHUgxXz2-qzl3w11.jpeg)
A complete computer science study plan to become a software engineer. This GitHub repo will take you from ground level to advanced concepts.

### [29. How Memoization Can Help You Boost Your Javascript Code](https://hackernoon.com/how-memoization-can-help-you-boost-your-javascript-code)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-6u93pjh.jpeg)
Memoization is a technique that saves the results of executing functions to avoid recalculations. In this article, we will use this to find Fibonacci numbers.

### [30. How to Add  Notifications to your React Navigation bar](https://hackernoon.com/how-to-add-notifications-to-your-react-navigation-bar)
![](https://cdn.hackernoon.com/images/ZuuM3fSjXmf2oETrekt5pezKail2-y0h3qsn.jpeg)


### [31. 5 Great JavaScript Projects to Code During Quarantine](https://hackernoon.com/5-great-javascript-projects-to-code-during-quarantine-np103y26)
![](https://cdn.hackernoon.com/drafts/ow1f3y36.png)
We’re only three months into the new decade and we’ve already had the threat of WW3, Australia being on fire, and an outbreak of a new Coronavirus. Surprisingly, it’s the latter that has forced many people to isolate themselves at home.

### [32. A TCP Flow and HTTP Flow Guide: Changing HTTP Messages](https://hackernoon.com/a-tcp-flow-and-http-flow-guide-changing-http-messages)
![](https://cdn.hackernoon.com/images/SnVhdDNm3fMGfftKZO7mnXldvQm2-2f03bnp.jpeg)
Let’s take a closer look under the hood at what the process of changing HTTP messages is.

### [33. 24 Best JavaScript Blogs and Websites](https://hackernoon.com/24-best-javascript-blogs-and-websites)
![](https://cdn.hackernoon.com/images/ugoTV1vwcgR4mN8MMDUUN4vt6p02-qj03bmw.jpeg)
In this overview, we have compiled a list of popular sites, as well as JS blogs that are worth reading and keeping in your bookmarks.

### [34. Removing Items From a JavaScript Array](https://hackernoon.com/removing-items-from-a-javascript-array)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7z930tk.jpeg)
Let's look at how to remove a particular array item in Javascript.

### [35. dappKit:A Simpler Way to Start Your Web3 Project](https://hackernoon.com/dappkita-simpler-way-to-start-your-web3-project)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-v5930gb.jpeg)
Start your own web3 app with just 3 lines of code. NFT, ERC-20 tokens, DeFi platforms, DAOs and more.

### [36. Javascript: No More callbacks, Use Promisify to Convert Callback to Promise](https://hackernoon.com/javascript-no-more-callbacks-use-promisify-to-convert-callback-to-promise)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-fm93qjx.jpeg)
We need to convert callback to promise because the promise is more readable and easier to handle. 

### [37. Setting Default Inject/Provide Values in Vue](https://hackernoon.com/setting-default-injectprovide-values-in-vue)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-esa3of0.jpeg)
Vue uses provide and inject to send data down multiple levels without having to use properties - did you know you can set default values for any injected data?

### [38. Javascript Sets: An Essential Guide](https://hackernoon.com/javascript-sets-an-essential-guide)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-4493pln.jpeg)
A Set in Javascript is a unique list of values, similar to the set data type in Python.

### [39. The JavaScript Logical OR Operator: How Does it Work?](https://hackernoon.com/the-javascript-logical-or-operator-how-does-it-work)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ho93orn.jpeg)
The logical OR operator in JavaScript is an operator which returns the left-hand side if it is truthy, but otherwise defaults and return the right-hand side.

### [40. How To Take Screenshots In The Browser Using JavaScript](https://hackernoon.com/how-to-take-screenshots-in-the-browser-using-javascript-l92k3xq7)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FMYtW3HmjyRZIy54jKC8y5dnTZ6f1-cn63eof.jpeg?alt=media&token=ad6b951f-6a79-4666-805c-c89d8f4684f5)
Taking screenshots in-browser (or 'client-side') is all about tradeoffs - there's no perfect solution for every situation. Let's take a look at three different ways you can take screenshots, and then how you can use them by sending them to a server or letting the user download the image.

### [41. Understanding Function Overloading in TypeScript](https://hackernoon.com/understanding-function-overloading-in-typescript)
![](https://cdn.hackernoon.com/images/EcYmLynaRBbkbJ7D5Yqnc48tbNt1-hhb3p4v.jpeg)
Function overloads, generics and union types — excellent tools for full-fledged work with types in TypeScript.

### [42. Making HTTP Requests With Axios in TypeScript](https://hackernoon.com/making-http-requests-with-axios-in-typescript)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-q893stj.jpeg)
We decided to rewrite our simple fetch service to a more powerful solution with the ability to cancel requests which were sent previously.

### [43. Learning ReactJS From Scratch](https://hackernoon.com/learning-reactjs-from-scratch-pe153ubv)
![](https://cdn.hackernoon.com/images/z2xg2bpo.jpg)
React is a product of Facebook. It is a very flexible and efficient JavaScript library for building interactive user interfaces. React forms the view layer of the web application which is technically the frontend. This makes it easier to make web applications with essential features such as reusable components, state management, DOM rendering and many more which are explained later. React is mainly used in making single-page web applications. In this article we’ll see the fundamentals of react library and why is it so popular.

### [44. We Created JavaScript Data Grids So You Don't Have To Reinvent the Wheel](https://hackernoon.com/we-created-javascript-data-grids-so-you-dont-have-to-reinvent-the-wheel)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-k3930ya.jpeg)
Avoid these pitfalls when deciding whether to build a JavaScript data table (Grid) on your own. Learn from engineers who’ve built multiple grids.

### [45. A Kanban Board Component for Project Management](https://hackernoon.com/a-kanban-board-component-for-project-management)
![](https://cdn.hackernoon.com/images/DgIHgUcx99gVUPhnmk5o7713Bzl2-ufe3nfe.jpeg)
Project management is a crucial domain in the sphere of IT. 

### [46. Why JavaScript Should Be Your Technology For Startups in 2022](https://hackernoon.com/why-javascript-should-be-your-technology-for-startups-in-2022)
![](https://cdn.hackernoon.com/images/l1m0jH88k2aMTkDZ6NfLrlB7sl63-1ng3ovy.jpeg)
Startups choose JavaScript as main technology in 2022 thanks to impressive number of frameworks, its libraries and third-party APIs integrations.

### [47. 7 Optimization Recommendations for JavaScript Developers](https://hackernoon.com/7-optimization-recommendations-for-javascript-developers)
![](https://cdn.hackernoon.com/images/7DtulTMuZUNhuHGe0I2LlQhRAdu1-0193q0o.jpeg)
In this article, I'll share 7 optimization tips that every JavaScript developer should know.

### [48. A Quick Guide to CAB(Call, Apply, Bind) in JavaScript](https://hackernoon.com/a-quick-guide-to-cabcall-apply-bind-in-javascript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-i203m0j.jpeg)
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

### [49. Getting Started Building a Svelte App with SvelteKit](https://hackernoon.com/getting-started-building-a-svelte-app-with-sveltekit)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-i593y2v.jpeg)


### [50. What Is The Best Widgets Library In 2022?](https://hackernoon.com/what-is-the-best-widgets-library-in-2022)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-qf93n96.jpeg)
An easy-to-use and comprehensive JavaScript framework are of utmost importance if you are a web developer. 

### [51. What are Truthy and Falsy Values in JavaScript?](https://hackernoon.com/what-are-truthy-and-falsy-values-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-94b3obp.jpeg)
In JavaScript, things can be true, or false, but they can also be truthy or falsy.

### [52. Understanding Chrome V8 — Chapter 1：Checkout, Build, Run V8 ](https://hackernoon.com/understanding-chrome-v8-chapter-1checkout-build-run-v8)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-ek93j5i.jpeg)
Welcome to the first chapter of Let’s Understand Chrome V8. 

### [53. 7 Frameworks to Create Ideal UI/UX Prototypes in Javascript](https://hackernoon.com/7-frameworks-to-create-ideal-uiux-prototypes-in-javascript)
![](https://cdn.hackernoon.com/images/CKmRGGkAYMW8guYVaoBjcds5HUt1-dfb36fv.jpeg)
Here is a list of 7 frameworks that can be used in creating prototypes.

### [54. 5 Best JavaScript Chat Libraries](https://hackernoon.com/5-best-javascript-chat-libraries)
![](https://cdn.hackernoon.com/images/V9YyIjSNWnMHBlBO4TSj5cPSIBj2-ll5359z.jpeg)
Chats and messengers increase users' interest in the site. With online chats customers may get immediate information about the products they are looking for.

### [55. 5 Exciting New JavaScript Features You Can Use Today](https://hackernoon.com/5-exciting-new-javascript-features-you-can-use-today)
![](https://cdn.hackernoon.com/images/Pag22dDowMftWpOYNEh2VnQtjy63-gy92rea.jpeg)
5 Must-Know Features in JavaScript ES2022: Enhance Your Code and Boost Your Productivity

### [56. How to Install NVM to Manage Node Versions Easily](https://hackernoon.com/how-to-install-nvm-to-manage-node-versions-easily)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-d093off.jpeg)
nvm is used to manage the versions of Node.js installed on your computer, so it's a really useful tool.

### [57. Evaluating Conditional Statements in JavaScript ](https://hackernoon.com/evaluating-conditional-statements-in-javascript)
![](https://cdn.hackernoon.com/images/XWk05i8rnIh4jD7Lpxp4izORJrq2-v793qwx.jpeg)
Let's learn about the JavaScript conditional statements!

### [58. How to Use Default Parameters in TypeScript](https://hackernoon.com/how-to-use-default-parameters-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-z0a3ojj.jpeg)
When we talk about default parameters, we are talking about giving arguments values that should be used, if that argument is undefined.

### [59. One Hour JavaScript Coding Exercises  ](https://hackernoon.com/one-hour-javascript-coding-exercises-cv6r3035)
![](https://cdn.hackernoon.com/drafts/s2qm3yj9.png)
Here are some most recommended JavaScript Mini Projects.

### [60. Understanding Javascript's Array Slice Method](https://hackernoon.com/understanding-javascripts-array-slice-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-cb93p0l.jpeg)
The slice method on arrays returns a shallow copy of a part of an array. It takes two numbers, a start, and an end. Every array has a slice method. 

### [61. Making Debugging Easy With Console Wrangling](https://hackernoon.com/making-debugging-easy-with-console-wrangling)
![](https://cdn.hackernoon.com/images/b66oRVnNiXgYlaoE0y90ySkK6Up1-bie3q8u.jpeg)
Here we talk about two of the functions available on the console object: console.table() and console.trace(). 

### [62. Javascript Development & Security](https://hackernoon.com/javascript-development-and-security-va2bm2gbi)
![](https://cdn.hackernoon.com/drafts/z4u2glu.png)
Javascript is a high level, dynamically typed interpreted, sixth most popular programming language. It interacts with the user DOM to perform various functionalities. 

### [63. I Created a Bot to Solve Wordle so I Never Have to Ever Again](https://hackernoon.com/i-created-a-bot-to-solve-wordle-so-i-never-have-to-ever-again)
![](https://cdn.hackernoon.com/images/PAvDPagOxFNLfOhJ2d7DslfLJV03-y293hzh.jpeg)
I hear everyone loves Wordle, that's cool. However, I suck at this. I'm better at code than English - so I wrote code to solve it for me, everyday.

### [64. Why You Should be Learning about the Remix Framework ](https://hackernoon.com/why-you-should-be-learning-about-the-remix-framework)
![](https://cdn.hackernoon.com/images/YhQrn2uriTN9SEA31DxtfMz7glu1-nla3yql.jpeg)
Are you looking to build an app with minimal effort? With Remix, you can do just that! Learn how this relatively new web framework compares.

### [65. Let’s Understand Chrome V8 — Chapter 7: Stack Frame ](https://hackernoon.com/lets-understand-chrome-v8-chapter-7-stack-frame)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-tp93jkf.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [66. Using JavaScript Grid Tutorial to Solve Issues With App Development](https://hackernoon.com/using-javascript-grid-tutorial-to-solve-issues-with-app-development)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-imd3ofs.jpeg)
The importance of web and mobile apps that can handle massive volumes of data has skyrocketed over the past few years. As a result, small and large enterprises want to make the most of their data for monitoring and better decision-making. 

### [67. Why It's Your Destiny To Become A Full-Stack JavaScript Developer](https://hackernoon.com/why-its-your-destiny-to-become-a-full-stack-javascript-developer)
![](https://cdn.hackernoon.com/images/3FnIKHGgbNVQq1IJMsgvsFiWteK2-udc3ihj.jpeg)
I've never met a true, passionate web developer who isn't a multi-dimensional specialist interested in a wide variety of topics related to their job. 

### [68. Redis and Node.JS: Learn the Basics](https://hackernoon.com/redis-and-nodejs-learn-the-basics)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-iw93s2a.jpeg)
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

### [69. How to Build a Scalable URL Shortener With Cloudflare Workers and KV Under 10 Minutes](https://hackernoon.com/how-to-build-a-scalable-url-shortener-with-cloudflare-workers-and-kv-under-10-minutes)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-7h93pd2.jpeg)
In this article, we will use Cloudflare Workers and KV to create a scalable URL shortener service that you can use to shorten your application links.

### [70. JavaScript Loops: for/forEach/for.. in/for.. of Explained](https://hackernoon.com/javascript-loops-forforeachfor-infor-of-explained)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-8293sm4.jpeg)
There are quite a few ways in Javascript to loop through an array of items or any other iterable item in Javascript. You may have seen them:



### [71. Send Emails From Node.JS Using Sendinblue in Just 5 Steps](https://hackernoon.com/send-emails-from-nodejs-using-sendinblue-in-just-5-steps)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-0793lh4.jpeg)
In this article, you will learn how to send emails from Node.js using SendInBlue.

### [72. How to Print images with TSPL and JavaScript](https://hackernoon.com/how-to-print-images-with-tspl-and-javascript)
![](https://cdn.hackernoon.com/images/uwos0chJX2fO3WCG9AogsFGrN4S2-d99338x.jpeg)
How to Print images with TSPL and JavaScript

### [73. Pocket Guide to Javascript Array Some Method](https://hackernoon.com/pocket-guide-to-javascript-array-some-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-sk93skq.jpeg)
The some array method lets us check if some elements pass certain criteria. Let's look at how it works.

### [74. Learn Fundamentals of JavaScript : Number Variable, Multiple Variables, Booleans, Strings](https://hackernoon.com/learn-fundamentals-of-javascript-number-variable-multiple-variables-booleans-strings)
![](https://cdn.hackernoon.com/images/Z7fkxfDpjOT4JTLVKWPSiyFHz1j1-lla2amd.jpeg)
After exams and lots of procrastination, I finally resumed my #100DaysOfCode journey with JavaScript

### [75. Creational Design Patterns In JavaScript: A Brief Tutorial](https://hackernoon.com/creational-design-patterns-in-javascript-a-brief-tutorial-35w3304)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-472033lk.jpeg)
Object creation mechanisms increase the flexibility and reuse of existing code. Here in this post, we will see the Object Creation Pattern in JavaScript

### [76. A Quick Look at NodeLists and How They Work](https://hackernoon.com/a-quick-look-at-nodelists-and-how-they-work)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-3ha3o1b.jpeg)
Did you know that Javascript does not class a selection of multiple elements as an array?

### [77. How to Determine Whether a JavaScript Object Is Empty](https://hackernoon.com/how-to-determine-whether-a-javascript-object-is-empty)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ygc3shd.jpeg)
Defining a new object in Javascript is pretty easy - but what if you want to find out if it's empty?

### [78. Practical tasks for JavaScript interview](https://hackernoon.com/practical-tasks-for-javascript-interview)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-w693oso.jpeg)
Practical tasks like phrase reverse, event loops and using keywords are likely to be used to test you if you are applying to a job that uses Javascript.

### [79. How to Remove Console Statements From Production Build in 3 Easy Ways](https://hackernoon.com/how-to-remove-console-statements-from-production-build-in-3-easy-ways)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-i093pe9.jpeg)
Console statements create performance or security issues if you mishandle them. This article explains three ways to remove them from your production build.

### [80. How to Remove Duplicate Elements in Javascript Arrays ](https://hackernoon.com/how-to-remove-duplicate-elements-in-javascript-arrays)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-n2f3sp2.jpeg)
Javascript arrays can contain duplicates - which is fine most of the time, but can sometimes cause some issues. 

### [81. Why Reading JavaScript Is More Difficult When Default Exports Are Used](https://hackernoon.com/why-reading-javascript-is-more-difficult-when-default-exports-are-used)
![](https://cdn.hackernoon.com/images/v2vbcF16oXZmHSCzmO79EscR2hQ2-bb93lpq.jpeg)
How using default exports hurts your codebase readability and refactoring.

### [82. How to Delete an Item in an Array at a Specific Index](https://hackernoon.com/how-to-delete-an-item-in-an-array-at-a-specific-index)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-um93pfh.png)
If we want to delete items from an array, we can use the splice method that all arrays have. Let's look at how it works.

### [83. Determine Whether an Array in JavaScript Is a Subset of Another Array](https://hackernoon.com/determine-whether-an-array-in-javascript-is-a-subset-of-another-array)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-24a3s7o.png)
There are many cases where knowing when an array is a subset of another can be pretty useful.

### [84. The Right Way to Utilize Webpack for Bundling a HTML Page With CSS and JS](https://hackernoon.com/the-right-way-to-utilize-webpack-for-bundling-a-html-page-with-css-and-js)
![](https://cdn.hackernoon.com/images/XfDhI90yXVVZsGby00eZbp7tNvU2-ar93col.png)
The new HTML Bundler plugin makes Webpack setup incredibly simple, as all the configuration happens in one place. 

### [85. The State of Copy-Pasting in JavaScript](https://hackernoon.com/the-state-of-copy-pasting-in-javascript)
![](https://cdn.hackernoon.com/images/FEungAXiith56Pk6XkyqIOhi1I43-4a02le9.jpeg)
You may think "Surely there's a library for that!", and yet, there isn't.

### [86. VS Code Extensions to Power Up Your JavaScript Development](https://hackernoon.com/vs-code-extensions-to-power-up-your-javascript-development)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-09931jm.jpeg)
Important VS Code Extensions for JavaScript Developers.

### [87. Using Union Types to Improve Your TypeScript Code](https://hackernoon.com/using-union-types-to-improve-your-typescript-code)
![](https://cdn.hackernoon.com/images/v2vbcF16oXZmHSCzmO79EscR2hQ2-ov93l20.jpeg)
What are union types and how you can use them to your advantage!

### [88. 10 Useful JavaScript Functions to Learn](https://hackernoon.com/10-useful-javascript-functions-to-learn)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-s6s3o8z.jpeg)
Read about the 10 must-know JavaScript array functions.

### [89. Top 10 JavaScript UI Frameworks & Libraries for 2022](https://hackernoon.com/top-10-javascript-ui-frameworks-and-libraries-for-2022)
![](https://cdn.hackernoon.com/images/h2XnsfW9qjbuqoJSJ1SnogTK87r1-x7b39ur.jpeg)
From a client-side programming perspective, the language JavaScript has grown into the language of web development. 

### [90. How To Future-Proof Your React File Uploader](https://hackernoon.com/how-to-future-proof-your-react-file-uploader)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-gy93nrq.jpeg)
Web developers who want to build an application using ReactJS must consider the react file upload to ensure that users can upload any file they need.

### [91. How to Remove the Last Element of a JavaScript Array](https://hackernoon.com/how-to-remove-the-last-element-of-a-javascript-array)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-xt93s9y.jpeg)
One of the most frequent operations we perform on an array is removing the last element. There are a few different ways to do this - but one of the most common 

### [92. Utility Types in Typescript - Part 2: Pick, Omit, Record](https://hackernoon.com/utility-types-in-typescript-part-2-pick-omit-record)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-xu92ixh.jpeg)
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Pick, Omit and Record.

### [93. TypeScript vs JavaScript: Understanding the Differences](https://hackernoon.com/the-difference-between-typescript-and-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-wg93pnd.jpeg)
 In this guide, I'll explain exactly what TypeScript is and why it's different from Javascript. 

### [94. Building a Simple Tic-Tac-Toe Game with JavaScript](https://hackernoon.com/building-a-simple-tic-tac-toe-game-with-javascript)
![](https://cdn.hackernoon.com/images/awSK9UBJcfNNXiYmqyT1Ihlw5Hr2-sp93qrm.jpeg)
In this article, we will be building a simple version of Tic Tac Toe using HTML, CSS, and JavaScript.



### [95. What are Generics in Java and How do they work? Explained with Examples](https://hackernoon.com/what-are-generics-in-java-and-how-do-they-work-explained-with-examples)
![](https://cdn.hackernoon.com/images/NpqicsTECgcwu98XGUQQ1oo2kTJ2-fv93pbj.jpeg)
Generics were introduced in version J2SE 5.0 of Java in 2004. It is a pure compile-time concept. 

### [96. How to Create Dynamic CSS Using Vue Reactive Variables](https://hackernoon.com/how-to-create-dynamic-css-using-vue-reactive-variables)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-i093070.jpeg)
If you use Vue, you might be used to having to apply different classes to tags based on the logic in your code. 

### [97. Defend your Node.js Apps With Jscrambler](https://hackernoon.com/how-to-protect-nodejs-apps-with-jscrambler)
![](https://cdn.hackernoon.com/images/1JNoLAkx1ZO5O8qO5dcdNjh6RQw1-x2a3fdg.jpeg)
This tutorial will explain how to integrate Jscrambler seamlessly into the build process of a typical Node.js app in just a few minutes.

### [98. How to Use Data Grid to Render Great Info in Your Web Apps](https://hackernoon.com/how-to-use-data-grid-to-render-great-info-in-your-web-apps)
![](https://cdn.hackernoon.com/images/3T7C9VLnvkbALyRtM666V4ptB0C3-oz93nb9.jpeg)
Using a data grid is important if your web application renders a lot of data, such as tracking stats or reports.

### [99. 7 YouTube Channels That Make Programming/Web Development Simple](https://hackernoon.com/7-youtube-channels-that-make-programmingweb-development-simple)
![](https://cdn.hackernoon.com/images/jAe8nDJHWuhNTYfeZVmoqHUgxXz2-9693wve.jpeg)
7 YouTube Channels to get started coding.

### [100. Top 7 JavaScript Pivot Widgets in 2022](https://hackernoon.com/top-7-javascript-pivot-widgets-in-2022)
![](https://cdn.hackernoon.com/images/h2XnsfW9qjbuqoJSJ1SnogTK87r1-wqk3hw4.png)
Pivot Charts are useful tools that can be relied on to visualise huge amounts of data. These 7 JavaScript Pivot Widgets are some of the best ways to use them.

### [101. Using JavaScript to Create and Generate UUIDs](https://hackernoon.com/using-javascript-to-create-and-generate-uuids)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-2m93san.jpeg)
Universally Unique Identifiers (UUIDs) are used everywhere in software development for everything from identifying object elements to DOM elements on a web page

### [102. Use Metho to Safely Add Dynamic Superpowers to JS Objects](https://hackernoon.com/use-metho-to-safely-add-dynamic-superpowers-to-js-objects)
![](https://cdn.hackernoon.com/images/XSQf5P0LccUUd3IxzsUa7TcxCkx1-yja2fjd.jpeg)
Metho allows you to safely 'monkey patch' any object with new capabilities and dynamic properties. Great for extending the functionality of native JS prototypes

### [103. Conditional Rendering in Vue](https://hackernoon.com/conditional-rendering-in-vue)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-d393s9g.jpeg)
v-if and v-show are two ways to conditionally render content in Vue. 

### [104. How to Power Up Your Logging in JavaScript](https://hackernoon.com/how-to-power-up-your-logging-in-javascript)
![](https://cdn.hackernoon.com/images/9u6FwQhzjdOYa0Qc5R7bA7IyYAR2-sj93gzk.png)
Power up your logging and build good developer habits. As your codebase grows you'll need to debug it more easily and one tool is logging.

### [105. How to Compile Angular Component To HTML String With All The Bindings](https://hackernoon.com/how-to-compile-angular-component-to-html-string-with-all-the-bindings)
![](https://cdn.hackernoon.com/images/dT2gniFD0Ia4guClOIrr2nP5h4O2-r493uz2.jpeg)
Compile Angular Component To HTML String With All The Bindings

### [106. How To Enhance JavaScript File Upload Experience In Your Web App](https://hackernoon.com/how-to-enhance-javascript-file-upload-experience-in-your-web-app)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-vh93jb6.jpeg)
Many web applications collect information from the selected files and transmit it to the page. While a basic upload form can do the trick, an API service is needed to expand on modern features. 

### [107. The Array Every Method in JavaScript](https://hackernoon.com/the-array-every-method-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-5y93s5e.png)
Sometimes, with arrays, we want to test every element for a certain condition.

### [108. Everything You Need to Know About Promise.all() in JavaScript](https://hackernoon.com/everything-you-need-to-know-about-promiseall-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-e7b3srl.jpeg)
The Promise.all method in Javascript is a function that accepts many promises and then does something only after they have all been settled. 

### [109. Exploring Common Uses Cases of the JavaScript Spread Syntax (…) ](https://hackernoon.com/exploring-common-uses-cases-of-the-javascript-spread-syntax)
![](https://cdn.hackernoon.com/images/computer-screen-with-javascript-code-clee8ivjl000001s62r62bz78.png)
Understanding Javascript spread operator

### [110. The Developer's Guide to Updating npm Packages](https://hackernoon.com/the-developers-guide-to-updating-npm-packages)
![](https://cdn.hackernoon.com/images/bcFWRJ5sFoP1gqnxXoU3iohjidG2-k692lsn.jpeg)
 A simple guide for updating for npm packages. 

### [111. How To Yield Generators (Javascript)](https://hackernoon.com/how-to-yield-generators-javascript-o74b31nb)
![](https://cdn.hackernoon.com/images/Up825JZF5yROkBJQEVNelNrvnOn1-ot4931qp.jpeg)
Generators are a kind of special function that can stop its execution midway and start again from the same point where it stopped after some time. 

### [112. Let’s Understand Chrome V8 — Chapter 5: Compilation Parser](https://hackernoon.com/lets-understand-chrome-v8-chapter-5-compilation-parser)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-yd93jtg.jpeg)
In Chrome V8, the parser works with the scanner to create tokens to understand what functions it needs to carry out next, letting the browser work as intended. 

### [113. How to Schedule and Run Recurring Cron Jobs in Node.JS](https://hackernoon.com/how-to-schedule-and-run-recurring-cron-jobs-in-nodejs)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-qwa3ob9.jpeg)
Scheduling and Running Recurring Cron Jobs in Node.JS

### [114. Let’s Understand Chrome V8 — Chapter 8: V8 Interpreter Ignition](https://hackernoon.com/lets-understand-chrome-v8-chapter-8-v8-interpreter-ignition)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-zg93jaw.jpeg)
"Let's Understand Chrome V8" is serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [115. A Closer Look at Immediately Invoked Function Expressions (IIFE) in JavaScript](https://hackernoon.com/a-closer-look-at-immediately-invoked-function-expressions-iife-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-0393spr.jpeg)
Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function. 

### [116. 5 Data Visualization Widgets for Modern JavaScirpt Libraries](https://hackernoon.com/5-data-visualization-widgets-for-modern-javascirpt-libraries)
![](https://cdn.hackernoon.com/images/CKmRGGkAYMW8guYVaoBjcds5HUt1-uq63785.jpeg)
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

### [117. Why Order in React Hooks Matters](https://hackernoon.com/why-order-in-react-hooks-matters)
![](https://cdn.hackernoon.com/images/LrlTQmoSCkNaSYh7rdFItbc5Yoz2-u693hux.jpeg)
React Hooks are a new feature in React 16.8. They are a powerful way to write stateful components. All this power comes at a cost, however.

### [118. How to Fetch Data in Javascript like a Pro](https://hackernoon.com/how-to-fetch-data-in-javascript-like-a-pro)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-db93p6b.jpeg)
Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.

### [119. Exploring Javascript Console Object](https://hackernoon.com/exploring-javascript-console-object)
![](https://cdn.hackernoon.com/images/e8iYFeVmyLg0fVAbPx1z0FG7pCl1-hpj2bnv.jpeg)
The specifics of how console object works vary from browser to browser, but there is a de facto set of features that are typically provided.

### [120. Scraping Amazon using Puppeteer and Browserless](https://hackernoon.com/scraping-amazon-using-puppeteer-and-browserless)
![](https://cdn.hackernoon.com/images/1YXFIyZr1ESaAbiPktwpv7ignz73-sh93ii8.jpeg)
An easy tutorial showcasing the power of puppeteer and browserless. Scrape Amazon.com to gather prices of specific items automatically!

### [121. Let’s Understand Chrome V8 — Chapter 10: Ignition Execution Unit](https://hackernoon.com/lets-understand-chrome-v8-chapter-10-ignition-execution-unit)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-ne93jt9.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel fundamentals such as ignition execution.

### [122. Future Javascript: Types May Finally be Coming to Javascript](https://hackernoon.com/future-javascript-types-may-finally-be-coming-to-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-we93jnd.jpeg)
The type annotations specification specifies how Javascript will, in the future, implement types. Let's look at how types in Javascript will work.

### [123. Advanced JavaScript Tutorial: How to Reload a Page with Location.reload(true)](https://hackernoon.com/advanced-javascript-tutorial-how-to-reload-a-page-with-locationreloadtrue)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-m692k92.jpeg)
Have you ever felt like you needed to start over and press the refresh button? 

### [124. Implement Form Validation in React Without Any Libraries](https://hackernoon.com/implement-form-validation-in-react-without-any-libraries)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-1v93oq3.jpeg)
You don’t need a fancy library when you have HTML5 and Constraint API to implement Form Validation and Submission in React.

### [125. Utility types in Typescript - Part 1: Partial, Required, Readonly](https://hackernoon.com/utility-types-in-typescript-part-1-partial-required-readonly)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-5j92ixo.jpeg)
Typescript utility types allows Javascript developers to carry out type transformations. Some examples of utility types are Partial, Required and Readonly.

### [126. Monolith to Microservices: Build Your First Microservice App With Spring Boot](https://hackernoon.com/monolith-to-microservices-build-a-microservice-app-with-spring-boot)
![](https://cdn.hackernoon.com/images/BlBIttNGqzO1aF2OOzYkWig7w1V2-aib3h75.jpeg)
Microservices are a part of cloud computing which will become more important over time. This is how to create microservices using Spring Boot for the process.

### [127. Understanding Chrome V8 - Chapter 20: How Compilers and Parsers Work](https://hackernoon.com/understanding-chrome-v8-chapter-20-how-compilers-and-parsers-work)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-9293jzp.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [128. DOM Readiness in Javascript](https://hackernoon.com/dom-readiness-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-pu93pnv.jpeg)
If your Javascript appears before your HTML, then trying to do things like attach events to your HTML is not possible.

### [129. Understanding Nullish Coalescing (or ??) in Javascript](https://hackernoon.com/understanding-nullish-coalescing-or-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-psb3ojm.jpeg)
The nullish coalescing operator is useful in situations where something can be returned as either null or undefined, and helps us tighten up our code.

### [130. Send Google Forms Responses in an Email Automatically Using Google Apps Script](https://hackernoon.com/send-google-forms-responses-in-an-email-automatically-using-google-apps-script)
![](https://cdn.hackernoon.com/images/gjQkVcwbXQPVp1wM6h9gfXvD0Vp1-zod2o8m.jpeg)
Learn how to automatically send google form responses with Gmail with google apps scripts.

### [131. Build Your Own JavaScript Library to Detect Mobile Browsers](https://hackernoon.com/build-your-own-javascript-library-to-detect-mobile-browsers)
![](https://cdn.hackernoon.com/images/7TFKjn3oLpbHgnTw2EhtFa9CVPv2-8593jk0.png)
What are the most common methods for detecting mobile browsers with JavaScript? This article covers both independent snippets and popular libraries.

### [132. Understanding Optional Chaining in JavaScript ](https://hackernoon.com/understanding-optional-chaining-in-javascript)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-it93pl5.jpeg)
Optional chaining is a modern language feature that allows you to safely navigate through and access deeply nested object properties.

### [133. Meet Clockwise Software](https://hackernoon.com/meet-clockwise-software)
![](https://cdn.hackernoon.com/images/8FD0lTsprUPLcLCvTCcuOvUtakm1-zuc3pjs.jpeg)
Meet Clockwise Software - a Ukrainian JavaScript development company with a head office in Dnipro.

### [134. Here's How I Built a Video, Audio, and Screen Recorder Web App with JavaScript](https://hackernoon.com/heres-how-i-built-a-video-audio-and-screen-recorder-web-app-with-javascript-f42z338r)
![](https://cdn.hackernoon.com/images/uiWOqE3Wq9Ptl0KC059x3a5RAt82-1x4d2c42.jpeg)
Here are some simple steps to build your Audio, Video and Screen Recorder with JavaScript and HTML with MediaRecorder, getUserMedia, getDisplayMedia

### [135. 3 Basic Principles You MUST Know Before Using Redux](https://hackernoon.com/3-basic-principles-you-must-know-before-using-redux-es6o3y1c)
![](https://cdn.hackernoon.com/images/jcy1tgd.jpg)


### [136. Who Would Win Between Flutter and React Native](https://hackernoon.com/who-would-win-between-flutter-and-react-native)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-6j931yx.jpeg)
This Flutter Vs. React Native comparison is going to be fun so stick with me till the end and you will have an answer to which one's worthy of your app idea.

### [137. jQuery is Not Defined: How to Fix This Common Error](https://hackernoon.com/jquery-is-not-defined-how-to-fix-this-common-error)
![](https://cdn.hackernoon.com/images/G7JOCMInhTbqoh3WpBaCwVWcsc22-l5037l9.jpeg)
One of the most common JavaScript errors we see affecting our customers is jQuery is not defined. A pretty serious problem if your web app relies on jQuery .

### [138. How to Insert an Item Into an Array at a Specific Index in Javascript](https://hackernoon.com/how-to-insert-an-item-into-an-array-at-a-specific-index-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-0k93p31.jpeg)
We use the splice method to insert an item into an array at a specific index in javascript, which takes 3 arguments - and also lets us delete items too. 

### [139. Let’s Understand Chrome V8 — Chapter 9: Builtin](https://hackernoon.com/lets-understand-chrome-v8-chapter-9-builtin)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-sq93joo.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [140. How Records Can Help You Implement Complex Data in Typescript ](https://hackernoon.com/how-records-can-help-you-implement-complex-data-in-typescript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-js93o9s.jpeg)
TypeScript Records are a great way to ensure consistency when trying to implement more complex types of data.

### [141. Power Up Your Logging in Node.js](https://hackernoon.com/power-up-your-logging-in-nodejs)
![](https://cdn.hackernoon.com/images/9u6FwQhzjdOYa0Qc5R7bA7IyYAR2-7x93glv.jpeg)
Power up your logging and build good developer habits. As your codebase grows you'll need to debug it more easily and one tool is logging.

### [142. Javascript Cheatsheet: Spread Operators ](https://hackernoon.com/javascript-cheatsheet-spread-operators)
![](https://cdn.hackernoon.com/images/CgwKts4sVugksXLr8a82EIIKfpB2-ub93jhm.png)
This Javascript Cheatsheet for Spread Operators explains the use case scenarios and the basic concepts behind Spread Operators when coding in Javascript.

### [143. 7 Tips For Becoming A Better JavaScript Developer](https://hackernoon.com/7-tips-for-becoming-a-better-javascript-developer-bw1w32mt)
![](https://cdn.hackernoon.com/images/VQee2H7b9MdqlHMpVjYYgK9YsSu2-3k1033qr.jpeg)
Sometimes I find myself going through the same steps when I work on different projects. These are just some of the things I've found helpful over the years.

### [144. Using Redis Streams with NestJS: Part 3 - Consumer groups](https://hackernoon.com/using-redis-streams-with-nestjs-part-3-consumer-groups)
![](https://cdn.hackernoon.com/images/CgB3JUoAMba0EfivxJcY6vlIFNU2-7f93pyx.png)
This is part 3 of a 3-part series, where we will explore how to use Redis streams with NestJS.

### [145. What Are Template Literals In Javascript And Why You Should Use Them](https://hackernoon.com/what-are-template-literals-in-javascript-and-why-you-should-use-them-ese03yxu)
![](https://cdn.hackernoon.com/drafts/e6t3ywr.png)


### [146. Python vs JavaScript: Main Differences, Performance Comparison, and Areas of Application](https://hackernoon.com/python-vs-javascript-main-differences-performance-comparison-and-areas-of-application)
![](https://cdn.hackernoon.com/images/6EORd3lScrVTxxVB0ulAUeFzv0E2-1893k8j.jpeg)
The complexity of modern web apps lies far beyond creating eye-catching user interfaces with countless elements. To enable lag-free experience and effortless scalability, it’s important to pay due attention to the architecture design, which can be pretty challenging. Under the hood of a full-featured online app, different frameworks and libraries can peacefully coexist with different programming languages used to build software. Since the equation may contain so many variables, it’s essential to master your knowledge of each potential system component to know when and why to use them.

### [147. Everything About the Javascript Logical AND Operator](https://hackernoon.com/everything-about-the-javascript-logical-and-operator)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-6k93oic.jpeg)
In this complete guide, let's look at how && works, and go through some examples to explain when it returns values, and what values it will return.

### [148. 10 JavaScript Apps to Power your Business](https://hackernoon.com/10-javascript-apps-to-power-your-business)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-zd93znq.jpeg)


### [149. Validate Form Inputs with HTML, CSS and JavaScript](https://hackernoon.com/validate-form-inputs-with-html-css-and-javascript)
![](https://cdn.hackernoon.com/images/b6CEcKb3r7fXUh1nxtO76COfXdn1-rm93kt5.jpeg)
Form validation is a way of making your form input secure by not letting any malicious code in your website.

### [150. Understanding isObject Method in JavaScript](https://hackernoon.com/understanding-isobject-method-in-javascript)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-90a3qez.jpeg)
Hence, in this article, we will see how to create an isObject function and use it to check if an object is actually an object. So, let's get started!

### [151. Next.JS vs. React: What Should You Use?](https://hackernoon.com/nextjs-vs-react-what-should-you-use)
![](https://cdn.hackernoon.com/images/0kymacDO55Vh1xdKhOVvdqBUy7G3-j493m8f.jpeg)
React is a tool for building a front end. Next.js serves the same purpose. However, both instruments offer a slightly different set of features.

### [152. How to Handle Injection Attacks With JavaScript - Fighting Unauthorized Access](https://hackernoon.com/how-to-handle-injection-attacks-with-javascript-fighting-unauthorized-access-xf2p31ay)
![](https://cdn.hackernoon.com/images/VQee2H7b9MdqlHMpVjYYgK9YsSu2-atp351z.jpeg)
There are certain cyberattacks, like attackers trying to inject data from the front-end, that you can guard against with some regular JavaScript best practices.

### [153. How to Create and Publish Your First NPM Package](https://hackernoon.com/how-to-create-and-publish-your-first-npm-package)
![](https://cdn.hackernoon.com/images/MM8znQHHo5PO8CucT9ftiFOGCOD2-7893usd.jpeg)
A Comprehensive Guide To Creating and Publishing Your First NPM Package

### [154. A Simple Web Component for Building a Slideshow](https://hackernoon.com/a-simple-web-component-for-building-a-slideshow)
![](https://cdn.hackernoon.com/images/5wpKgV75aONqkTJlafw2yQmK9yd2-mu93om5.jpeg)
Building a web component that renders one picture at a time. 

### [155. Understanding Chrome V8 -  Chaper 21: Token, AST ](https://hackernoon.com/understanding-chrome-v8-chaper-21-token-ast)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-83b3j6j.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [156. Comparing Node.js and PHP in 2022: Between Modernity and Tradition](https://hackernoon.com/comparing-nodejs-and-php-in-2022-between-modernity-and-tradition)
![](https://cdn.hackernoon.com/images/6EORd3lScrVTxxVB0ulAUeFzv0E2-uh93jcg.jpeg)
Want to know advantages, weak sides, and the types of projects that will better suit NODE.JS or PHP? Read our article!

### [157. Using Redis Streams with NestJS: Part 2 - Reading from Stream](https://hackernoon.com/using-redis-streams-with-nestjs-part-2-reading-from-stream)
![](https://cdn.hackernoon.com/images/CgB3JUoAMba0EfivxJcY6vlIFNU2-pkc3p57.png)
This is part 2 of a 3-part series, where we will explore how to use Redis streams with NestJS.

### [158. CheatSheet: 20 JavaScript Array Methods](https://hackernoon.com/cheatsheet-20-javascript-array-methods)
![](https://cdn.hackernoon.com/images/IwasHOxtJGhHQhXIk72ArsvJjMq1-exb3vac.jpeg)
Arrays are objects that enable storing a collection of items and data under a single variable name and have the capability to perform a certain operation.

### [159. JavaScript Ordinals: Adding st, nd, rd and th Suffixes to a Number](https://hackernoon.com/javascript-ordinals-adding-st-nd-rd-and-th-suffixes-to-a-number)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-wr93sby.jpeg)
In Javascript, it's usually considered best practice to work with absolute numbers, as number is a defined type. However, when expressing these numbers in user 

### [160. Understanding Chrome V8 — Chapter 2: Hello World ](https://hackernoon.com/understanding-chrome-v8-chapter-2-hello-world)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-mba3jua.jpeg)
Welcome to other chapters of Let’s Understand Chrome V8 

### [161. The Web Development Courses to Help you Kickstart a Career in Web Development](https://hackernoon.com/the-web-development-courses-to-help-you-kickstart-a-career-in-web-development)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-5g93zc2.jpeg)
If you want to learn web development and become a web developer, or looking for web development resources like books, online courses, and tutorials, but are not

### [162. How to Write Your First Unit Test With Jasmine](https://hackernoon.com/how-to-write-your-first-unit-test-with-jasmine)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-xv92dzb.jpeg)
Let’s take a more practical look at a simple case for testing.

### [163. Get the Last Element of a Javascript Array Using These Easy Steps](https://hackernoon.com/get-the-last-element-of-a-javascript-array-using-these-easy-steps)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-vcb3p0d.png)
So you have a Javascript array, and you want to get the last element. Follow these steps.

### [164. Recreate a Simple Pokemon Game With 70 Lines of Javascript](https://hackernoon.com/recreate-a-simple-pokemon-game-with-70-lines-of-javascript)
![](https://cdn.hackernoon.com/images/ARCWTrgYpoc531106B2eMedWoT42-u493nw5.jpeg)
Creating the "Who's that Pokemon" segment from the anime as a web game  can be easily done with just 70 lines of javascript and with the help of an API

### [165. What’s the Difference Between C++ vs Java](https://hackernoon.com/c-vs-java-whats-the-difference-with-examples)
![](https://cdn.hackernoon.com/images/yEdfehOz04Tz81ubT9EowaqdqG03-it1375s.jpeg)
C++ vs. Java programming languages are designed for everyone, no matter if you are new to programming or you already have extensive programming experience.

### [166. A Quick Introduction to Jamstack ](https://hackernoon.com/a-quick-introduction-to-jamstack-jl4l35hj)
![](https://cdn.hackernoon.com/images/L2ZzoLGpt8d6cP7hjSEpZluSjt72-za9m35rr.jpeg)
This approach is not a framework but is actually an architectural guideline using many of the tools and skills developers were already familiar with.

### [167. The 9 Mistakes JavaScript Developers Make the Most](https://hackernoon.com/the-9-mistakes-javascript-developers-make-the-most)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-4f93sgn.jpeg)
In this article, we'll take a look at some of the most common JavaScript mistakes and how to avoid them.

### [168. How I Created My First Google Sheets Add-On and Why You Should Try It Too](https://hackernoon.com/how-i-created-my-first-google-sheets-add-on-and-why-you-should-try-it-too)
![](https://cdn.hackernoon.com/images/HE6x84cnhCRlNTrNStEwshag9Ql1-3wb3p4x.jpeg)
In this article, I'll share my story of how I created my first Google Sheets add-on. 

### [169. Javascript Array Concat Method](https://hackernoon.com/javascript-array-concat-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-hh93sn1.jpeg)
The concat method on arrays is used to take two arrays and concatenate them into one. 

### [170. Testing for Image Format Support Using Simple JavaScript ](https://hackernoon.com/testing-for-image-format-support-using-simple-javascript)
![](https://cdn.hackernoon.com/images/kOGh8yb1TiVOy67Rvji043cXEXj1-gv93rkl.jpeg)
Here are two simple Async/Await JavaScript scripts that will detect and indicate browser support for the AVIF and WEBP image formats.

### [171. A Review of Arrays in Javascript ](https://hackernoon.com/a-review-of-arrays-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-lde3sxq.jpeg)
Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).

### [172. Insert JavaScript into HTML Using the Script Tag](https://hackernoon.com/insert-javascript-into-html-using-the-script-tag-u91k355d)
![](https://cdn.hackernoon.com/images/2URpjmJLkjVeYGsWZeCo2hCb90Y2-tz4837gg.jpeg)
The script tag is the primary method to insert JavaScript into the HTML page. We will look at all the ways to use the script tag and the importance of each.

### [173. Understanding Chrome V8 — Chapter 4: Scanner, Token generation](https://hackernoon.com/understanding-chrome-v8-chapter-4-scanner-token-generation)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-aqa3jy5.jpeg)
Welcome to other chapters of Let’s Understand Chrome V8

### [174. Top 10 Javascript File Managers](https://hackernoon.com/top-10-javascript-file-managers-8o2p34vw)
![](https://cdn.hackernoon.com/images/DgIHgUcx99gVUPhnmk5o7713Bzl2-ef7o31ix.jpeg)
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.

### [175. Authenticate Your Users Using Facial Recognition With FaceIO, Next.JS and Tailwind CSS](https://hackernoon.com/authenticate-your-users-using-facial-recognition-with-faceio-nextjs-and-tailwind-css)
![](https://cdn.hackernoon.com/images/htVjKcTLFYes7Isse0vYEolH3GF2-9m92isc.jpeg)
FaceIO is a facial authentication framework that can easily be integrated into any website or web app using a simple JavaScript snippet.

### [176. A Simple Introduction to Arrays In JavaScript](https://hackernoon.com/a-simple-introduction-to-arrays-in-javascript)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-5793p3p.jpeg)
Arrays are one of the most used Data Structures in JavaScript and pretty much any language. 

### [177. The Best React Frameworks to Help you Get to Production Faster](https://hackernoon.com/the-best-react-frameworks-to-help-you-get-to-production-faster)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-7293zi9.jpeg)


### [178. 6 Reasons why JavaScript is the GOAT of Programming Languages](https://hackernoon.com/6-reasons-why-javascript-is-the-goat)
![](https://cdn.hackernoon.com/images/TqjYgi5ui3Nr0brkDUy9j1XhOUx2-tu92mmn.jpeg)
Often considered as a tool to build applications in your web browser, JavaScript can also be used as a general-purpose scripting language. Discover why

### [179. Javascript Pointers Do Exist!](https://hackernoon.com/javascript-pointers-do-exist)
![](https://cdn.hackernoon.com/images/KZkb1zzObqdx1sjOAplc30l7Kpp1-38136li.jpeg)
I bet you didn’t know that Javascript has pointers. Well, it does! Let’s take a quick look at how they are implemented and how they work. 

### [180. Understanding Chrome V8 - Chapter 22: Compiler Workflow Bytecode, Constant Pool](https://hackernoon.com/understanding-chrome-v8-chapter-22-compiler-workflow-bytecode-constant-pool)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-caa3jbd.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [181. 12 Websites That Will Help You Learn Web Development Faster (completely Free)](https://hackernoon.com/12-websites-that-will-help-you-learn-web-development-faster-completely-free)
![](https://cdn.hackernoon.com/images/jAe8nDJHWuhNTYfeZVmoqHUgxXz2-qme3wz3.jpeg)
12 Websites That Will Help You Learn Web Development Faster (completely Free)

### [182. How to Install Node Versions and Upgrade or Downgrade Them](https://hackernoon.com/best-way-to-install-node-and-keep-it-up-to-date)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-da93p9r.jpeg)
Learn the best way to install Node and keep it up to date.

### [183. 32 Awesome JavaScript Snippets (one-liners) You Should Use in 2023 ](https://hackernoon.com/32-awesome-javascript-snippets-one-liners-you-should-use-in-2023)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-n692kiv.jpeg)
I'd like to share some useful JavaScript stuff I have saved 

### [184. Long Polling — Comparative and Sample Coded Expression](https://hackernoon.com/long-polling-comparative-and-sample-coded-expression-qgd3y4h)
![](https://cdn.hackernoon.com/images/k3m83wt8.jpg)
Of course, there is never a single truth during software development. We always come up with multiple options and try to determine which one suits us the best according to the requirements we have.

### [185. An Intelligent Tool That Attends Your Meetings For You](https://hackernoon.com/an-intelligent-tool-that-attends-your-meetings-for-you-kv1a3tpt)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FCGMMAnoSP0WzMWVUlWJ4KoiKk5J3-2e4c3eaf.gif?alt=media&token=72aa6483-76d7-4d61-8436-f01ec306ba5a)
Ever been to meetings you didn't want to be a part of? Meetings you could do better without but, you had to go through thoroughly because you didn't know when your name can be announced and you knew you'd have to respond then. Yeah, we have all been there.

That's where "MSorryWhat!?" - my weekend project comes into play. It's a simple speech-recognition which comes with hot word detection which a user can set, upon complete configuration (which doesn't take more than 5 minutes), MSorryWhat listens to your meeting while you do whatever else it is that you want to do and it notifies you whenever your selected hot word is detected!

It is a simple javascript based application living here. It leverages the Webhooks and Notifications services of IFTTT (If this then that) app, to notify you when your name is announced, on the backend it leverages chrome's speech recognition engine.

I spent 10 minutes to create a demo for the tool which can be viewed here:

### [186. 5 Best JavaScript Templates for Business](https://hackernoon.com/5-best-javascript-templates-for-business)
![](https://cdn.hackernoon.com/images/V9YyIjSNWnMHBlBO4TSj5cPSIBj2-yu835e7.jpeg)
Templates can significantly speed up the development process. Here are the 5 Best Javascript Templates - check them out!

### [187. Keeping Your Units Testable in JavaScript](https://hackernoon.com/keeping-your-units-testable-in-javascript)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-5l92em0.jpeg)
Unit tests are a challenging topic, with many interconnected aspects that make it difficult for beginners. 

### [188. How to Install and Use React Image Upload](https://hackernoon.com/how-to-install-and-use-react-image-upload)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-6593og7.jpeg)


### [189. 2 Quick and Easy Ways to Fix 'Uncaught SyntaxError: Cannot use import statement outside a module'](https://hackernoon.com/2-quick-and-easy-ways-to-fix-uncaught-syntaxerror-cannot-use-import-statement-outside-a-module)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-fc93osr.jpeg)
In this quick guide we'll look at how you can solve the very common error, "Uncaught SyntaxError: Cannot use import statement outside a module".

### [190. Next.js vs React: Who Wins the Battle?](https://hackernoon.com/nextjs-vs-react-who-wins-the-battle)
![](https://cdn.hackernoon.com/images/7DtulTMuZUNhuHGe0I2LlQhRAdu1-yza3pzb.jpeg)
There are two popular options for creating web applications with React: Next.js and React Router. Both have their pros and cons, but which one.

### [191. Top 5 React Interview Questions in 2022](https://hackernoon.com/top-5-react-interview-questions-in-2022)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-ok93q4o.jpeg)
ReactJS is the most popular choice, and this lesson on how to answer ReactJS interview questions will help you get the job. 

### [192. A Very Early Introduction to Building your Own Web App With Code](https://hackernoon.com/a-very-early-introduction-to-building-your-own-web-app-with-code)
![](https://cdn.hackernoon.com/images/GRZpzqpoJyMvFZW6lPH4PI3T5HB2-aue3pzj.jpeg)
Here is a brief guide to getting started with coding and building your website online.

### [193. JavaScript Essentials (Concepts + Code) Frontend Development For Beginners](https://hackernoon.com/javascript-essentials-concepts-code-for-frontend-developers-5qv322a)
![](https://cdn.hackernoon.com/drafts/id45u32ek.png)
JavaScript was is and will always be the first language of choice for developing front-end of any web application. We all know it. 

### [194. Understanding the Javascript Array Reduce Method](https://hackernoon.com/understanding-the-javascript-array-reduce-method)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-pg93pt6.jpeg)
The JS reduce method is a recursive way to perform a computation based on every element in the array while considering the previous elements of the array.

### [195. How to Declare Variables in Javascript: Let Vs. Var Vs. Const](https://hackernoon.com/how-to-declare-variables-in-javascript-let-vs-var-vs-const)
![](https://cdn.hackernoon.com/images/mSt0I6vQ4mV1GXRDOZYH6p7UlOx2-v12e39qg.jpeg)
A brief introduction on Let, Var, and Const keywords in Javascript.

### [196. 5 Complex TypeScript Problems Solved Using One Simple Example](https://hackernoon.com/5-complex-typescript-problems-solved-using-one-simple-example)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-9g93pmd.jpeg)
I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.

### [197. A Handy Guide to Parsing URLs in JavaScript](https://hackernoon.com/a-handy-guide-to-parsing-urls-in-javascript)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-h792kzy.jpeg)
In this article, we’ll be diving deep into the topic of URL parsing in JavaScript and understanding how to access certain data from a URL string.

### [198. Checking if a Value is a Number in Javascript with isNaN()](https://hackernoon.com/checking-if-a-value-is-a-number-in-javascript-with-isnan)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-wt93sqf.jpeg)
In Javascript, we have numerous ways to check if something is or is not a number.

### [199. Understanding Chrome V8 — Chapter 15: Debugging in V8 More Easily](https://hackernoon.com/understanding-chrome-v8-chapter-15-debugging-in-v8-more-easily)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-j193j2r.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [200. 4 Reasons Why React JS Has Taken Over the Front End Web Development](https://hackernoon.com/4-reasons-why-react-js-has-taken-over-the-front-end-web-development)
![](https://cdn.hackernoon.com/images/XzHPuJxAd3aeUjUxw9gCGbNFUEI3-pr93na0.jpeg)
React.Js has taken the role of a standard resource in front-end development and here are some of the reasons why the language has done so well recently.

### [201. Divide and Conquer: Binary Search in JavaScript](https://hackernoon.com/divide-and-conquer-binary-search-in-javascript-et233zgt)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FugoTV1vwcgR4mN8MMDUUN4vt6p02-n3f3z77.jpeg?alt=media&token=89eaa382-f809-4baf-8321-1f9decfad7c3)
In the beginning, you will most likely try to use a brute force method to solve search problems; this is because it is the easiest and most rudimentary way to find a target. However brute force has a time cost; The Big O notation of brute force is usually and unacceptably equal to or greater than bigO(n²). 

### [202. Reading Uploaded File Content in JavaScript](https://hackernoon.com/reading-uploaded-file-content-in-javascript)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-e993nt3.jpeg)
Web developers have many reasons to read uploaded file content in JavaScript. 

### [203. Understanding Chrome V8 - Chapter 17: How Chrome Implements the JavaScript Object](https://hackernoon.com/understanding-chrome-v8-chapter-17-how-chrome-implements-the-javascript-object)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-vn93jrh.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [204. Take These 12 Quick Challenges to Find Out if You Know Javascript](https://hackernoon.com/take-these-12-quick-challenges-to-find-out-if-you-know-javascript)
![](https://cdn.hackernoon.com/images/sRxI3vZiX2Qj4CDJaY5YTK4h9DB3-4593p30.jpeg)
Do you know Javascript? The language we all love has some weird and sometimes unexpected behaviors.

### [205. Why Are UI Components Important For Web-Based Development](https://hackernoon.com/why-are-ui-components-important-for-web-based-development)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-qu93nle.jpeg)
Organizations are looking for web applications that provide users with many unique functionalities. For example, the User Interface is the essential part of a web application for anything they provide. 

### [206. How To Add A Data Grid To A React Application](https://hackernoon.com/how-to-add-a-data-grid-to-a-react-application)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-xae3kpx.jpeg)
As a developer, when building a data-driven application, a data table with columns and rows can be what you need to display data to users of your application. 

### [207. Understanding Chrome V8 - Chapter 24: How does V8 Describe Your JavaScript Function](https://hackernoon.com/understanding-chrome-v8-chapter-24-how-does-v8-describe-your-javascript-function)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-nwa3j56.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [208. How to Super Charge Your Web Design Skills This Year](https://hackernoon.com/how-to-super-charge-your-web-design-skills-this-year)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-rn93zeg.jpeg)
This story discusses 22 actionable tips that will help you all to improve your web design skills in 2022. 

### [209. Let's Talk About Vanilla JavaScript: What Is Vanilla JS, and Why Should I Spend Any Time On It?](https://hackernoon.com/lets-talk-about-vanilla-javascript-what-is-vanilla-js-and-why-should-i-spend-any-time-on-it-sb2f3522)
![](https://cdn.hackernoon.com/images/Leo4OZTSXUZzooAPCmafUlbqBo63-sdn33mj.jpeg)
Know a little JavaScript, but can't do much with it yet? This tutorial, "Vanilla JS in the DOM", will help you understand the background of Vanilla Javascript.

### [210. Checkers on React - Part 2 - Creating the Gameboard](https://hackernoon.com/checkers-on-react-part-2-creating-the-gameboard)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-p093psu.jpeg)
In this tutorial, we will start with creating the game board.

### [211. How I Redesigned my Entire B2B SaaS App in 30 days](https://hackernoon.com/how-i-redesigned-my-entire-b2b-saas-app-in-30-days-1s2m2g3c)
![](https://images.unsplash.com/photo-1460925895917-afdab827c52f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
Instagram is currently one of the most popular platforms and has seen an explosion of business accounts, ad money spent and even purchases made directly in the app in the last year. Businesses of all sizes are flocking to the platform to get in on a piece of the action. The popularity of Instagram is what makes it a great marketing tool but it is what also makes it difficult to stand out and reach potential customers. Hashtags are a social media concept that is heavily used on Instagram to help classify posts and allow users to get their content in front of more people than just their followers. 

### [212. Understanding innerHTML in Javascript](https://hackernoon.com/understanding-innerhtml-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-5ba3s3i.jpeg)
In Javascript, we have lots of different ways to manipulate DOM elements. Here, we take a look at one of the simplest ways to do so. 

### [213. Why Do You Need A JavaScript Test Framework?](https://hackernoon.com/why-do-you-need-a-javascript-test-framework)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-0u93rn4.jpeg)
The JavaScript testing framework enables you to boost your development workflow significantly. In addition, it increases your team’s speed and efficiency. 

### [214. The Advantages of Using Node.js: Caching, Scalability, and a Rich Ecosystem ](https://hackernoon.com/the-advantages-of-using-nodejs-caching-scalability-and-a-rich-ecosystem-q23t33c1)
![](https://cdn.hackernoon.com/images/EIcuB1BaaCgyysQkgxzCoeejxvt2-ltk33so.jpeg)
If you’re wondering why Node.js is so popular with developers, here’s a list of advantages of using Node.js

### [215. The ABCs of JavaScript: apply, bind, and call](https://hackernoon.com/the-abcs-of-javascript-apply-bind-and-call-up4c33ld)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-y18832fn.jpeg)
The ABCs of Javascript are: A - apply(), B - bind(), and C - call(). Using them, we can set what 'this' should refer to.

### [216. JavaScript Challenges: Prime Numbers & Sophie Germain Primes](https://hackernoon.com/javascript-challenges-prime-numbers-and-sophie-germain-primes)
![](https://cdn.hackernoon.com/images/prime-numbers-clbyx1s3t000001s6anfqhuuh.png)
Let's create a function that will return true if string is a prime number and return false if a number is not a prime.

### [217. Everything You Need To Know About Angular Material Components](https://hackernoon.com/everything-you-need-to-know-about-angular-material-components)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-fi93nmg.jpeg)
A good UI design also increases user interaction on your website and makes it easy for users to get things done. 

### [218. 5 Simple Ways to Replace All String Occurrences in JavaScript](https://hackernoon.com/5-simple-ways-to-replace-all-string-occurrences-in-javascript)
![](https://cdn.hackernoon.com/images/RX8xMnl8Q5fsB6oGTIzeeX6BLfh1-j992kud.jpeg)
Have you ever been in a situation where you had a string of text and wanted to replace all of its occurrences with something else?

### [219. Using Next.js 13’s Bleeding-Edge Features for Data Fetching](https://hackernoon.com/using-nextjs-13s-bleeding-edge-features-for-data-fetching)
![](https://cdn.hackernoon.com/images/g6d7uBnJu9SKvFzrtcQcdoIYCzW2-bpa3o5c.jpeg)
The app directory, Streaming, Suspense, and hybrid Server and Client Components were demystified — with a little help from GraphQL + WunderGraph.

### [220. 10 JavaScript Interview Questions and Answers to Help you Land Your Next Role](https://hackernoon.com/10-javascript-interview-questions-and-answers-to-help-you-land-your-next-role)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-az93qbu.jpeg)
10 JavaScript questions for experienced developers that can help you crack your next interview.

### [221. How to Navigate Between Views in Vue with Vue Router](https://hackernoon.com/how-to-navigate-between-views-in-vue-with-vue-router)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-nk93pmb.jpeg)
After creating an application in Vue, you'll often want it to consist of multiple views or pages. 

### [222. A Step by Step Guide to JavaScript Localization](https://hackernoon.com/a-step-by-step-guide-to-javascript-localization)
![](https://cdn.hackernoon.com/images/IzBcwKW22YbKX9ISDhGhrR1eFst1-3x934nr.jpeg)
JavaScript Localization Guide

### [223. JavaScript Maps: Everything You Need to Know](https://hackernoon.com/javascript-maps-everything-you-need-to-know)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-p893pta.png)
You might be using Javascript plain old objects right now when a map may be a better solution to your problem.

### [224. The Fallacy of Strongly Typed Languages](https://hackernoon.com/the-fallacy-of-strongly-typed-languages)
![](https://cdn.hackernoon.com/images/1jP4AN8YLrbDBYfB3aT5eoM6KS02-g493155.jpeg)
This is a story of how I moved from hate to love for NodeJS language while being a Java developer, filled with insights I encountered during this process.

### [225. How to Use GraphQL with the Remix Framework](https://hackernoon.com/how-to-use-graphql-with-the-remix-framework)
![](https://cdn.hackernoon.com/images/YhQrn2uriTN9SEA31DxtfMz7glu1-f7b3yrx.jpeg)
Learn how to integrate GraphQL into your Remix project! Follow this step-by-step tutorial and learn about how GraphQL and Remix can be best friends!

### [226. Understanding Chrome V8 — Chapter 14: What is Dynamically Typed JS ](https://hackernoon.com/understanding-chrome-v8-chapter-14-what-is-dynamically-typed-js)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-3n93jyk.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

### [227. How to Debug JavaScript Right Inside Your Chrome Browser](https://hackernoon.com/how-to-debug-javascript-right-inside-your-chrome-browser)
![](https://cdn.hackernoon.com/images/hxgB3A2KjtPk4sJXB1ezGnusKBx1-iej3o30.jpeg)
Chrome dev tools are a must have tools for modern day developers. Take your first step learning chrome dev tools by learning source debugger. 

### [228. You Can Become a Job Ready Web Developer From Scratch in Less Than a Year](https://hackernoon.com/you-can-become-a-job-ready-web-developer-from-scratch-in-less-than-a-year)
![](https://cdn.hackernoon.com/images/Fv452oXsO4Q8F6fiL8N5qvMxevA2-kya34qs.jpeg)
Developers are some of the best-paid people on the planet thanks to their skillset. It's something that you can learn a in less than a year with the right tools

### [229. Using Provide and Inject in Vue](https://hackernoon.com/using-provide-and-inject-in-vue)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-nq93occ.jpeg)
With properties in Vue, we can pass data from a parent element or vue template to a child element. It's easy in Vue to give properties to a child element.

### [230. Exploring Bitwise Operations in JavaScript: A Beginner's Guide](https://hackernoon.com/exploring-bitwise-operations-in-javascript-a-beginners-guide)
![](https://cdn.hackernoon.com/images/XlA9cknHGBbfyNT6GHhk5MAt5Qz1-5ua3ury.jpeg)
Learn how to use & | ^ ~ << >> >>> operators in JS with clear examples. Demystify bitwise operations for a more powerful and efficient code.

### [231. Let’s Understand Chrome V8 — Chapter 16: What is Runtime? Why is it important?](https://hackernoon.com/lets-understand-chrome-v8-chapter-16-what-is-runtime-why-is-it-important)
![](https://cdn.hackernoon.com/images/ch5XBFpd9NU6CWx3O4zoVROt0pm1-w493js8.jpeg)
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals like runtime.

### [232. Nucleoid: A Low-code Framework for Node.js](https://hackernoon.com/nucleoid-a-low-code-framework-for-nodejs)
![](https://cdn.hackernoon.com/images/ZfW2FmULqJg70a4vxjbep3OZIBf1-zhc3oad.jpeg)
Nucleoid is low-code framework for Node.js, lets you build your APIs with the help of AI and built-in datastore in declarative runtime engine.

### [233. How to Manage Multithreaded Node JS Applications for Better Performance](https://hackernoon.com/how-to-manage-multithreaded-node-js-applications-for-better-performance-654t35od)
![](https://cdn.hackernoon.com/images/EVKIyOE5g0e70Zsmj3IswB8Udbk2-1ez3fuf.jpeg)
In this post I'm going to show you how to potentially triple your Node application's performance by managing multiple threads.

### [234. How Javascript Was Created and Why The History Behind It Is Important](https://hackernoon.com/how-javascript-was-created-and-why-the-history-behind-it-is-important-fwh3tco)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F3nhao37bBEfHA9RTQ0WNVWfXPD02-ppd3tly.jpeg?alt=media&token=b31469ee-6cb9-453b-a740-9318d731a65e)
Having a humble beginning of starting as a language that was intended to handle browser validations to a full-blown programming language that powers a lot of desktop applications as well, JavaScript has traveled a long journey.

### [235. The Advantages of Using REST API with Amplication for Your NodeJS Apps](https://hackernoon.com/the-advantages-of-using-rest-api-with-amplication-for-your-nodejs-apps)
![](https://cdn.hackernoon.com/images/j5OOW9CwS9gaqunTWf9E1krzQWI2-h893p2c.jpeg)
In this article, we will discuss how to develop a REST API in NodeJS, as well as some of it's advantages when done with Amplication.

### [236. Everything You Need to Know About Javascript Arrays](https://hackernoon.com/everything-you-need-to-know-about-javascript-arrays)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-qa93p45.png)
Here is a list of pretty much any action you would want to perform on an array, and how to do it in Javascript. 

### [237. Building Your Own BMI Calculator: A Step-by-Step Guide](https://hackernoon.com/building-your-own-bmi-calculator-a-step-by-step-guide)
![](https://cdn.hackernoon.com/images/36JsQ9cMvBffzf3fNJjP0R8jnwg2-wa93pl6.jpeg)
This is a simple BMI Calculator made with pure HTML, CSS & JavaScript.


### [238. The Difference Between a Class and a Prototype in JavaScript](https://hackernoon.com/the-difference-between-a-class-and-a-prototype-in-javascript-mg6337jt)
![](https://cdn.hackernoon.com/images/cINIFbqqBHP6eJ0PSVZp9TroFeI3-i79n3570.jpeg)
Dive into JavaScript to understand key differentiators between use of a Class and a Prototype - plus the impact each has on Lightning Web Components.

### [239. Sencha Announces Release of Ext JS 7.4 at Annual SenchaCon Virtual Conference](https://hackernoon.com/sencha-announces-release-of-ext-js-74-at-annual-senchacon-virtual-conference-ac1w228o)
![](https://cdn.hackernoon.com/images/07PslBywmoc0M3yGp1a5mxKeJxB2-3cx33hf.jpeg)
Sencha Announces Release of Ext JS 7.4 at Annual SenchaCon Virtual Conference


### [240. TypeScript Interfaces and Types: A Comparison](https://hackernoon.com/typescript-interfaces-and-types-a-comparison)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-xk93pij.jpeg)
Let's take a look at how Typescript Interfaces and types differ.

### [241. Setting Up .gitignore For Your JavaScript Project](https://hackernoon.com/setting-up-gitignore-for-your-javascript-project)
![](https://cdn.hackernoon.com/images/cPKBkmirofPe9l3sgbPBAqdKwGF3-zc92dw8.jpeg)
Gitignore lets you give instructions to Git that makes it ignore name patters that you designate, making it possible for you to control the files tracked by it.

### [242. Implementing Infinite Scroll with Vanilla JS: It's Easy as A.B.C & D](https://hackernoon.com/implementing-infinite-scroll-with-vanilla-js-its-easy-as-abc-and-d)
![](https://cdn.hackernoon.com/images/W52YwjC3ouZdnCcU474aDrPsYbg2-kai4584.gif)
This article will focus on how to use JavaScript to make use of some properties to achieve infinite scroll.

### [243. Difference between let, var and const in Javascript](https://hackernoon.com/difference-between-let-var-and-const-in-javascript-t28c3ydp)
![](https://cdn.hackernoon.com/drafts/8xt3y42.png)
With javascript, variable declarations have always been one of its tricky parts. Unlike most of the C-based languages, javascript variables are always not created at the spot where you declare them. Where a variable is created usually depends on how you declare it. 

### [244. There Are No Excuses Left for NOT Migrating to JAMStack](https://hackernoon.com/there-are-no-excuses-left-for-not-migrating-to-jamstack-2h9r32ko)
![](https://cdn.hackernoon.com/drafts/ftt30ud.png)
This article will help you learn about JAMStack development techniques and benefits and will help you get to move forward on your migration path.

### [245. Understanding JavaScript Event Loop](https://hackernoon.com/understanding-javascript-event-loop-qf3935u7)
![](https://cdn.hackernoon.com/images/hQ098u52DzPm2Y4UITQcQXtLRAk2-j62o35gv.jpeg)
JavaScript Event Loop is a fundamental concept. In this tutorial, we will know JavaScript Event Loop on a high level. 

### [246. The 4 Main Principles of React That Made It So Popular](https://hackernoon.com/the-4-main-principles-of-react-that-made-it-so-popular)
![](https://cdn.hackernoon.com/images/E9wk9VmYAffu4uCpvu3n5aJXn1L2-69m2ftz.jpeg)
React is popular for a reason. It offers not only a solid paradigm of programming but also makes code much more maintainable.

### [247. SEO Analysis: How to Improve JavaScript Module for "Related Stories" & HackerNoon's Internal Linking](https://hackernoon.com/seo-analysis-how-to-improve-javascript-module-for-related-stories-and-hackernoons-internal-linking)
![](https://cdn.hackernoon.com/images/N0ENUd29UdNJCFcl7GnmZHdk2fA2-nfg3nfe.jpeg)
Launched in 2016 covering tech, entrepreneurship and productivity. Hackernoon has gone through an amazing transformation over the years. 

### [248. Hemingway's Lessons on Building Reusable React Components](https://hackernoon.com/hemingways-lessons-on-building-reusable-react-components)
![](https://cdn.hackernoon.com/images/3FnIKHGgbNVQq1IJMsgvsFiWteK2-od93jwp.jpeg)
What can we learn about coding and creating reusable components with react from one of the greatest novelists ever?

### [249. 5 Tips for a Novice React Developer](https://hackernoon.com/5-tips-for-a-novice-react-developer-9nq35vv)
![](https://cdn.hackernoon.com/images/M6G22rxQzLTqx37eMqcSVG1Ybvj2-v51w3of7.jpeg)
There's a lot to learn when you're a new React Developer. These 5 Intro Tips will help you avoid simple mistakes many new developers make when starting out. 

### [250. Building A Node.js Based CLI For Real-Time COVID-19 Vaccination Tracking](https://hackernoon.com/building-a-nodejs-based-cli-for-real-time-covid-19-vaccination-tracking-b9o34w5)
![](https://hackernoon.com/images/4HtDd2gu7Ya3rJQk75OcK0ERkP73-qf8i447a.jpeg)
Learn how to create Node.js based CLI’s
Get real time info about vaccination slots for your area in current time of COVID19 and customize it.

### [251. Angular vs AngularJS: What is the Difference](https://hackernoon.com/angular-vs-angularjs-what-is-the-difference)
![](https://cdn.hackernoon.com/images/KQ9Nx7oEhfNwepTX7PHW2WLj3mD2-f093p5y.jpeg)
The fact that Angular is based on TypeScript and AngularJS is based on JavaScript is one of the most significant differences between the two frameworks.

### [252. Remix Framework Review](https://hackernoon.com/remix-framework-review)
![](https://cdn.hackernoon.com/images/HMfDlkGVkoMk0WzhOX2zil9gTLj1-ta93zk2.jpeg)
Edge SSR, nested routes, and no client-side state differentiate Remix from Next.js, Gatsby but not best suited for realtime apps and sharing data across routes.

### [253. How to Use a Hook in a Class Component](https://hackernoon.com/how-to-use-a-hook-in-a-class-component)
![](https://cdn.hackernoon.com/images/too6UlyK1RTQqOrRsiS7PVQp20d2-0p93krf.jpeg)
Did you know that you can use hooks in class components?

OK, I'm lying, kind of. You can't use a hook directly in a class component, but you can use a hook in 

### [254. Getting started with React Native for Windows & macOS](https://hackernoon.com/getting-started-with-react-native-for-windows-and-macos)
![](https://cdn.hackernoon.com/images/7FWGsynngiU89ohyitGw0qxV0L42-fj93zxk.jpeg)
News flash! React Native is not only for mobile development. It can also be used to create desktop apps for Windows and macOS. Learn how to get started with it.

### [255. Let’s Know the Key Aspects of Building Single Page Applications using Angular ](https://hackernoon.com/lets-know-the-key-aspects-of-building-spas-using-angular-y54sh29dc)
![](https://cdn.hackernoon.com/images/604ru29y0.jpg)
As an IT Software Consultant, I keep looking for new Angular development frameworks and AngularJS development tools, recently I have been looking for the best Angular development framework to develop single page applications (SPAs) for businesses. And, I got this:

### [256. How to Set the Default Node.JS version with nvm](https://hackernoon.com/how-to-set-the-default-nodejs-version-with-nvm)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-8q93p4w.jpeg)


### [257. The Fastest Ways to Teach Yourself JavaScript](https://hackernoon.com/the-fastest-ways-to-teach-yourself-javascript-jk3h33bh)
![](https://cdn.hackernoon.com/images/iFi5tolUgxW81No4JJjbMu7c37s1-uno32wj.jpeg)
JavaScript,  the language known for “running the internet,” is entrenched in the programming world. Here are a few of the best ways to learn JavaScript. 

### [258. What is ECMAScript and How is it Different From JavaScript?](https://hackernoon.com/what-is-ecmascript-and-how-is-it-different-from-javascrip-m1263u76)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F2URpjmJLkjVeYGsWZeCo2hCb90Y2-up1g3yt6.jpeg?alt=media&token=5732d5b6-c303-4c6e-b10a-cd1decea1095)
Many times developers use JavaScript and ECMAScript synonymously for each other. Though they are very closely linked to each other, it does not mean they are the same thing.

### [259. Changing Async/Await to Promises.all to Speed Up API Calls in Node.JS](https://hackernoon.com/changing-asyncawait-to-promisesall-to-speed-up-api-calls-in-nodejs)
![](https://cdn.hackernoon.com/images/aB1iH9EywvPq9hVfSmPiN3dTswD2-h993g9v.jpeg)
Converting Async/await to Promises.all in Nodejs helps us reduces processing time from 50+ secs to less than 5 secs

### [260. 20 JavaScript Libraries Every Programmer Should Know](https://hackernoon.com/20-javascript-libraries-every-programmer-should-know-883w34ic)
![](https://cdn.hackernoon.com/images/RV7pi7rhFfPvU6Z2JzjXQYzBQ3c2-4lq347q.jpeg)
A JavaScript library is a library of pre-written JavaScript that allows for easier development of JavaScript-based applications

### [261. Creating a Screen Sharing Application With JavaScript](https://hackernoon.com/creating-a-screen-sharing-application-with-javascript)
![](https://cdn.hackernoon.com/images/n9Ke2bdHGjd78LxYbPMAVSFOZKk1-hi93wen.jpeg)
Have you ever wondered how hard or easy it would be to create your own screen-sharing application? Learn how today using HTML, CSS & JavaScript.

### [262. JavaScript Strict Mode vs. Bad Programming Practices](https://hackernoon.com/javascript-strict-mode-vs-bad-programming-practices)
![](https://cdn.hackernoon.com/images/SfLKUONj1dNQfd8Bo4oz4aGegv73-p593fv5.jpeg)
JavaScript Strict mode is used to turn mistakes into errors for easier debugging and to help you write better code. 

### [263. Redoor: New Alternative to Redux](https://hackernoon.com/redoor-new-alternative-to-redux-m57635vu)
![](https://cdn.hackernoon.com/images/2Ifc6qkdD0Xbi03kYCdtLNYDR1h2-kh3224wu.png)
I bring to your attention the state management library for React. The library is still under development, but you can already try it.

### [264. How to Find Location Using IP Address in NodeJS](https://hackernoon.com/how-to-find-location-using-ip-address-in-nodejs)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-l1b3qb3.jpeg)
Ever wondered why Google shows you content based on your location, or ads you see on websites are customized to your location? All this happens because of geolocation which makes it possible to identify the country, state and sometimes even the city based on your IP address of your device.

### [265. How to Create a Custom Source for File Upload With Angular](https://hackernoon.com/how-to-create-a-custom-source-for-file-upload-with-angular)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-nx93npz.jpeg)
In this article, we will learn how to Create a Custom Source for File Upload With Angular.

### [266. Understanding the Magic of 'this' in JavaScript](https://hackernoon.com/understanding-the-magic-of-this-in-javascript)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-b793y6e.jpeg)
It's something used all the time in Javascript, but often what it refers to is a mystery. Let's look at how this works in Javascript in different contexts.

### [267. How to Add an Announcement Banner to your React Navbar](https://hackernoon.com/how-to-add-an-announcement-banner-to-your-react-navbar)
![](https://cdn.hackernoon.com/images/ZuuM3fSjXmf2oETrekt5pezKail2-zpl3p2s.jpeg)


### [268. Mutability And Immutability In JavaScript Explained In Detail](https://hackernoon.com/mutability-and-immutability-in-javascript-explained-in-detail-x7q33ag)
![](https://cdn.hackernoon.com/images/2URpjmJLkjVeYGsWZeCo2hCb90Y2-616h3749.jpeg)
The concept of mutability and immutability in JavaScript is essential to understand to avoid errors. Whether a data type is mutable or not is strictly tied to w

### [269. The Weird Parts of JavaScript](https://hackernoon.com/the-weird-parts-of-javascript-zxo34i8)
![](https://cdn.hackernoon.com/images/Sua4Vah9KeWsdoxYnT7CG0Vp9iV2-nf6o31wj.jpeg)
This article highlights some of the weird parts of JavaScript by contrasting the language with others such as HTML, CSS and Python.

### [270. 5 Reasons to Convert from React to Next.js](https://hackernoon.com/5-reasons-to-convert-from-react-to-nextjs)
![](https://cdn.hackernoon.com/images/eQHzh6rz7ETBHLjs0KzCl1Dooqp2-c993qjb.jpeg)
React itself is a great solution already. But why are there many guides on "How to convert React to Next.js"? Let's find out why and when Next.js is better.

### [271. Protecting Your React.js Source Code with Jscrambler](https://hackernoon.com/protecting-your-reactjs-source-code-with-jscrambler)
![](https://cdn.hackernoon.com/images/1JNoLAkx1ZO5O8qO5dcdNjh6RQw1-0oa3ktl.jpeg)
In this step-by-step guide, you'll learn how to protect your React.js application with Jscrambler to prevent code theft and reverse engineering.

### [272. How to Write a Simple NPM Package ](https://hackernoon.com/how-to-write-a-simple-npm-package-pu8359z)
![](https://cdn.hackernoon.com/images/WnwPGlES2WY4nze2ShULktvmMBF2-3p83d05.jpeg)
Imagine that you don't need any compiler or bundler to prepare your NPM package written in ES2020 standard. Yes, you can.

### [273. How to Use else if in JavaScript with Examples](https://hackernoon.com/how-to-use-else-if-in-javascript-with-examples-19123510)
![](https://cdn.hackernoon.com/images/0yoL1qaNrbha3fHvYlEynf39lG12-qx9l33co.jpeg)
Syntax of if else, else-if, nested if, and logical operators like AND OR and NOT in Javascript. Switch statement can be used as an alternate to If statement.

### [274. A Post-Mortem in 5 Acts: How Microsoft Privatized Open Source And Killed JavaScript in the Process](https://hackernoon.com/a-post-mortem-in-5-acts-how-microsoft-privatized-open-source-and-killed-javascript-in-the-process-5s5i33ma)
![](https://cdn.hackernoon.com/images/5URxBcBGLKNzh7IugyxdUmvDGgi1-v1a32gr.jpeg)
After Microsoft’s blitzkrieg take-over, the Open-Source JavaScript community as we know it is coming to an end. It’s a ‘secret’ war with high-tech propaganda.

### [275. Introducing the Map Method in Javascript ES6](https://hackernoon.com/introducing-the-map-method-in-javascript-es6-101-nk2h319j)
![](https://cdn.hackernoon.com/images/GvaUlAhhRtfNi79Dei3C0qqsJWk1-w8n31pu.png)
The map method is a part of ES6 that is especially useful for React developers. What is it and how does it work? Let's take a look.

### [276. How to Improve Website and Rendering Speed with JavaScript Code Optimization](https://hackernoon.com/how-to-improve-website-and-rendering-speed-with-javascript-code-optimization-l4y3711)
![](https://cdn.hackernoon.com/images/NPpeHHzuHSQz9hZ52qrNTgG9C6a2-uq1gf35lq.jpeg)
Poorly written code will surely slow down your website loading speed. To enhance the website's performance, let's consider JavaScript code optimization tactics.

### [277. How to Build Your Own Discord Bot with Discord.js (v13) 🤖](https://hackernoon.com/how-to-build-your-own-discord-bot-with-discordjs-v13-k88l35xh)
![](https://cdn.hackernoon.com/images/hQ098u52DzPm2Y4UITQcQXtLRAk2-vr2035gq.jpeg)
Learn how to use the updated discord.js library and make your own Discord bot.

### [278. Mocha+Chai: Writing a reusable Test Suite for an expressjs/mongoose API](https://hackernoon.com/mochachai-writing-a-reusable-test-suite-for-an-expressjsmongoose-api-qd1734vc)
![](https://cdn.hackernoon.com/images/CTrBJW5MhvUIWXT9PA0yBXdfTRM2-5caj23xj.jpeg)
Here is a workable, reusable way to test an expressjs/mongoose application.

### [279. Angular JS or React - What's Best for Client-side JS Framework](https://hackernoon.com/angular-js-or-react-whats-best-for-client-side-js-framework)
![](https://cdn.hackernoon.com/images/WXXGGd4rPWYhtAZUmeftwq2hnlC2-dd93cny.jpeg)
 AngularJS and React are two of the most popular choices for developing client-side applications. Both offer a variety of benefits and differences .

### [280. The Most Progressive Web Apps of 2022](https://hackernoon.com/10-best-example-of-progressive-web-app-2022)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-kq93yhw.jpeg)
Progressive Web Apps (PWAs) can be called an intermediate between mobile apps and traditional websites. But, why exactly do we need them? As technology advances, it brings new devices. In turn, this upgrades the requirements of your average user. The success of your business depends upon the ability to provide these requirements.

### [281. How to Build a Voice App in 30 Minutes](https://hackernoon.com/how-to-build-a-voice-app-in-30-minutes-uz6132kj)
![](https://images.unsplash.com/photo-1526398977052-654221a252b1?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjEwMDk2Mn0)
You have mastered building web apps. Maybe even building mobile apps. But what about these smart speakers that are now sitting in people's living rooms? What about our new found ability to talk to apps on our phones?

### [282. Three Main Components of JavaScript](https://hackernoon.com/three-main-components-of-javascript-0bp3tjx)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F2URpjmJLkjVeYGsWZeCo2hCb90Y2-fd363yht.jpeg?alt=media&token=ddbcd010-f6bd-4411-a2c5-5dfde21bab7b)
 JavaScript is certainly one of those programming languages which you can get started within a few hours due to its simple syntax, but would probably take you years to master it.

### [283. 7 Best JavaScript File Uploads APIs in 2023](https://hackernoon.com/7-best-javascript-file-uploads-apis-in-2023)
![](https://cdn.hackernoon.com/images/0sm1KIKmbZhu9AD2GAr4cKywoN43-za93o89.jpeg)
File uploads are a necessary thing for many web applications. They allow users to share their files, photos, and videos on your site with others. 

### [284. What is JavaScript? - A Beginner's Guide](https://hackernoon.com/what-is-javascript-a-beginners-guide)
![](https://cdn.hackernoon.com/images/NpclsXHLfPf1qjBCjmjlbDg2CFo1-si93keq.jpeg)
An overview of the JavaScript programming language, its uses, basic concepts, and brief history, all tailored for beginners.

### [285. How to Efficiently Manage JavaScript Monorepos With Lerna](https://hackernoon.com/how-to-efficiently-manage-javascript-monorepos-with-lerna)
![](https://cdn.hackernoon.com/images/6g4iRTcVxZPmE5qB6OmXygtLFfl2-nw93s7b.jpeg)
Manage JavaScript 'monorepos' with Lerna, Build a React Icon Library & Publish to NPM 

### [286. Top 15 Ideas for React Apps that Web Devs Can Build in 2022](https://hackernoon.com/top-15-ideas-for-react-apps-that-web-devs-can-build-in-2022)
![](https://cdn.hackernoon.com/images/9ln0OHvfuhgKBqQIuNFg8jiCzrI2-t4337z8.jpeg)
Choose one of these React project ideas and build your next React application in 2022! 

### [287. Writing a Production Ready Express Server [A Step by Step Guide]](https://hackernoon.com/writing-a-production-ready-express-server-a-step-by-step-guide-2k6732x5)
![](https://cdn.hackernoon.com/images/owd02ed6.jpg)
In this article I will be explaining how to write a simple express server that is of Production Grade.

### [288. The Best React Native UI Component Kits To Use In 2021](https://hackernoon.com/the-best-react-native-ui-component-kits-to-use-in-2021-3f11344u)
![](https://cdn.hackernoon.com/images/CPZcQZuKTIRNEmHkkkOCBTvsTyd2-c7eb344y.jpeg)
React Native was created by Facebook to accelerate and reduce the cost of developing mobile applications. It is clear that React Native is currently the best solution for creating cross-platform mobile applications.

### [289. Decoding the Three Dots (…) Or Spread Operator in Javascript](https://hackernoon.com/decoding-the-three-dots-or-spread-operator-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-ri93p3k.jpeg)
The spread operator, spread syntax or 3 dots (...), is a type of syntax in Javascript that is used by both function calls and arrays/objects.

### [290. Using Decorators in Typescript](https://hackernoon.com/using-decorators-in-typescript)
![](https://cdn.hackernoon.com/images/GyReioOm4SYrQtHDFZYR7Ot7i3w1-2ic2epq.jpeg)
Typescript is a superset of Javascript. Decorators in Typescript are functions that add special behaviors to a class or members of a class.


### [291. How to Sort an Array by Date in Javascript](https://hackernoon.com/how-to-sort-an-array-by-date-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-3j93ozp.jpeg)
We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly. 

### [292. SAINE is Mathematically One of the Best WORDLE Starting Words - Here's Why](https://hackernoon.com/saine-is-mathematically-one-of-the-best-wordle-starting-words-heres-why)
![](https://cdn.hackernoon.com/images/PAvDPagOxFNLfOhJ2d7DslfLJV03-udw3kef.jpeg)
How SAINE is arguably the best wordle starting word. Proven by math and statistics. Beating out common advice such as CRANE, and ADEPT

### [293. 5 Best Practices to Follow for Node.js Development](https://hackernoon.com/5-best-practices-to-follow-for-nodejs-development)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-9g039ja.jpeg)
Node.js has become popular among developers. The rising popularity has dramatically changed the face of web development.

### [294. We Built A Search Engine With MeiliSearch and JavaScript: Here's How You Can Too](https://hackernoon.com/we-built-a-search-engine-with-meilisearch-and-javascript-heres-how-you-can-too-zz2d3zae)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2F83Q593Q01ZbEJfEJP1UgpqjbzdA3-i48c3dvm.jpeg?alt=media&token=d2a261d8-803b-4774-b76e-53c03bcb4716)
Struggle to find the chemistry Nobel prize winner for 1979? Try out MeiliSearch's super-fast-search JavaScript tutorial to find Nobel prize winners in a matter of milliseconds. 🌬️

### [295. Top Startups and Enterprises Using ReactJS ](https://hackernoon.com/top-startups-and-enterprises-using-reactjs-j2173t42)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FJErJXky5MfaAbQdfTlFCmcUKbGG2-h4743u8j.jpeg?alt=media&token=4aae7eb8-db09-4ece-bff1-19794d1ee202)
React is a framework released by Facebook for creating Single Page Applications (SPA). What is a Single Page Application? Most web applications are traditionally server-side applications. The server holds the business logic, stores data, and renders the website to the client. When a client clicks on a link, it sends a request to the server, and the server will handle this request and send back a response with HTML code which the browser will render and be viewed by the user. 

### [296. Dynamic Programming: Using Memoization to Improve Your Javascript Functions](https://hackernoon.com/dynamic-programming-using-memoization-to-improve-your-javascript-functions)
![](https://cdn.hackernoon.com/images/vJZjNRXjG5OwQ3VPCR4tScyGSEC3-l6a2hbe.jpeg)
In this article, we will learn about what memoization is, what value memoization provides to Javascript developers, and how to use it to improve JS functions.

### [297. Write Your Own D&D Encounter Tables in JavaScript for Dungeon Masters](https://hackernoon.com/write-your-own-dandd-encounter-tables-in-javascript-for-dungeon-masters)
![](https://cdn.hackernoon.com/images/PG9GJ9It2FOXrr2T8EAC6UYf0Vj1-it93ion.jpeg)
Calling all Dungeon Masters! Here's a short beginner-friendly introduction to writing your own web and printer-friendly D&D encounter tables.

### [298. Building Blocks of DOM Manipulation - Vanilla JS Tutorial (Part One)](https://hackernoon.com/building-blocks-of-dom-manipulation-vanilla-js-tutorial-part-one-dy54356y)
![](https://cdn.hackernoon.com/images/Leo4OZTSXUZzooAPCmafUlbqBo63-x6cq33fd.jpeg)
Learn the basics of DOM manipulation with Vanilla JS including set up, document.createElement(, .textContent, and more.

### [299. Webix Datatable. From a simple table to a complex solution](https://hackernoon.com/presenting-data-with-the-webix-datatable-yy4132zn)
![](https://cdn.hackernoon.com/images/V9YyIjSNWnMHBlBO4TSj5cPSIBj2-b9k359i.jpeg)
The DataTable widget is a simple and at the same time powerful solution of the Webix UI library.  

### [300. Top 10 Javascript File Managers to Use in 2022](https://hackernoon.com/top-10-javascript-file-managers-to-use-in-2022)
![](https://cdn.hackernoon.com/images/h2XnsfW9qjbuqoJSJ1SnogTK87r1-n6b3g7l.png)
A brief intro to 10 file managers for software developers

### [301. Introducing the at() Method for JavaScript Arrays](https://hackernoon.com/introducing-the-at-method-for-javascript-arrays)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-vf93z4j.jpeg)
This article is about latest ecma script or ES22 update of at() method of array. at() method of array is used for getting the value based on index

### [302. Using KeyExtractor in React Native's FlatList](https://hackernoon.com/using-keyextractor-in-react-natives-flatlist)
![](https://cdn.hackernoon.com/images/oBJp5NI1CqWkTYoCtrcit0KrDza2-1v93jyw.jpeg)
In React Native, the FlatList component works well to render a long list of data. 

### [303. Top 7 Bootstrap Admin Dashboard Templates](https://hackernoon.com/top-7-bootstrap-admin-dashboard-templates-f4s3nhh)
![](https://cdn.hackernoon.com/drafts/3ndu3nrb.png)
There is a huge number of admin dashboard templates on the internet and a significant number of free ones to download. They usually include such kind of things like graph/chart libraries, dashboard page, alert boxesbuttons, navigation schemes, icons, tables and so on. We will try to find some best suitable UI (user interface) toolkit for your project.

### [304. Create a Morphing 3D Sphere in Javascript with Three.js](https://hackernoon.com/create-a-morphing-3d-sphere-in-javascript-with-threejs)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-7p93osk.jpeg)
In this guide, I  create a morphing sphere with a cool, wireframe background.

### [305. How Optional Chaining Can Save You From Unexpected Errors in Javascript](https://hackernoon.com/how-optional-chaining-can-save-you-from-unexpected-errors-in-javascript)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-1o93o5c.jpeg)
Optional chaining is a feature in Javascript which lets us access the child properties of an object, even if the parent object doesn't exist.

### [306. The Ultimate JavaScript Beginner's Guide To Static Code Analysis](https://hackernoon.com/the-ultimate-javascript-beginners-guide-to-static-code-analysis-fe4u31ki)
![](https://cdn.hackernoon.com/images/0I6R35A9RIUYkz5dLhzMlFeYfki2-q83p31kk.png)
The answers to every what, why, when, and how about Static Code Analysis in JavaScript. Information about in-depth scanning, guard rails, and more.

### [307. Display Desktop Notifications Using JavaScript](https://hackernoon.com/display-desktop-notifications-using-javascript)
![](https://cdn.hackernoon.com/images/U4SCXdx97IXFkbcjJsSVwy1SvkG2-ua93qcw.jpeg)
Learn how to use the Notification Web API to display desktop notifications in JavaScript.

### [308. How to Transport Your Components Anywhere With React Portals](https://hackernoon.com/how-to-transport-your-components-anywhere-with-react-portals)
![](https://cdn.hackernoon.com/images/NpN8WH8v6CfA6j7dKAzuoiE5Lit2-mb93pph.jpeg)
To solve this problem, we can teleport the modal out of its own component and into another part of our template using createPortal.

### [309. Handling Node.JS as an Asynchronous Application with Error Handling](https://hackernoon.com/handling-nodejs-as-an-asynchronous-application-with-error-handling-hi3p355b)
![](https://cdn.hackernoon.com/images/c19IlEQcgCXavk4OhbVTzHb68O12-vm453ze5.jpeg)
In this article, you will learn how to implement the following coding practices to differentiate between Synchronous and Asynchronous Calls.

### [310. JS SEO: How to Optimize JavaScript For High Rank in Search Results](https://hackernoon.com/js-seo-how-to-optimize-javascript-for-high-rank-in-search-results)
![](https://cdn.hackernoon.com/images/8MyHa2m0xxN2aXT1ACdOlkbhlZ13-8z93qsa.jpeg)
There's a good chance that your website is made in JavaScript. If you want to know how to improve its SEO ranking using JS, this guide covers the basics.

### [311. How to Use Rest Parameters in JavaScript](https://hackernoon.com/how-to-use-rest-parameters-in-javascript-ig3o35t3)
![](https://cdn.hackernoon.com/images/hQ098u52DzPm2Y4UITQcQXtLRAk2-q93j35r2.jpeg)
This short article will cover Rest parameters and how to use them in JavaScript programming.

### [312. Implementing Password Validation in React With HTML5](https://hackernoon.com/implementing-password-validation-in-react-with-html5)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-h593o6t.jpeg)
Let's implement the Password component in React, supporting 5 validation rules.

### [313. Coding for Gamers: The Long Dark](https://hackernoon.com/learn-to-code-with-games-the-long-dark-1r7c3ylq)
![](https://cdn.hackernoon.com/drafts/lh9v3yp2.png)
Before I became a programmer I loved to play games. I played games for many years before I even knew the most basic concepts about coding. However these days I see that people are trying to introduce their kids to programming and looking for ways to make programming concepts more approachable. I think that using existing games people love is a great way to do just that. That is why I wanted to start this new coding for gamers blog series. In this tutorial I will show you how to do that by walking you through the process of extracting a feature from a video game called The Long Dark and recreating it on your own.

### [314. The Top 7 Tricks and Tips to Give Your Java Learning a SpeedHack](https://hackernoon.com/the-top-7-tricks-and-tips-to-give-your-java-learning-a-speedhack)
![](https://cdn.hackernoon.com/images/qeIv6rNygoYrUXBwG7uA2lPpLSj2-5t038j5.jpeg)
In the world of powerful open Internet resources like books, tutorials, libraries, Youtube videos, blogs, and programming courses, everybody is talking about online learning. Now you have everything to study fast and effectively, at your own pace.

### [315. Java Vs. JavaScript: Know the Difference](https://hackernoon.com/java-vs-javascript-know-the-difference-8k7j35e6)
![](https://cdn.hackernoon.com/images/qeIv6rNygoYrUXBwG7uA2lPpLSj2-h12x36tc.jpeg)
Why do these two languages have such similar names? How do they differ from each other? This article will provide the answers.

### [316. A/B Experiments with Statsig Layers](https://hackernoon.com/ab-experiments-with-statsig-layers)
![](https://cdn.hackernoon.com/images/KxRkTgv1gpSPa9SHlryZYBtdbac2-ci93j27.png)
A/B Experiments with Statsig Layers

### [317. Introducing a New, Lightweight WYSIWYG HTML Editor That Fits Any Technology Framework](https://hackernoon.com/introducing-a-new-lightweight-wysiwyg-html-editor-that-fits-any-technology-framework)
![](https://cdn.hackernoon.com/images/da7H4NzOhAdhje46xkTgaLorF5m2-9k93y25.jpeg)


### [318. 10 Resources That’ll Make You Better At Dashboard Creation](https://hackernoon.com/10-resources-thatll-make-you-better-at-dashboard-creation)
![](https://cdn.hackernoon.com/images/3T7C9VLnvkbALyRtM666V4ptB0C3-a293nkn.jpeg)
More and more organizations rely on business dashboards for various reasons – including gaining critical insights into their data, monitoring and tracking key performance indicators, studying past performance, and predicting future trends. 

### [319. The Implications of Javascript being a Single-threaded Language ](https://hackernoon.com/what-makes-javascript-a-single-threaded-language)
![](https://cdn.hackernoon.com/images/ZfZ1q2Bn1YYq5hGoc3wuc7PPcOt2-3ta3qji.gif.webp)
Learn how Javascript async/await works and what it means by Javascript is a single-threaded language.

### [320. How to Add a Blog to Your Wix Website and Edit JavaScript via Velo](https://hackernoon.com/how-to-add-a-blog-to-your-wix-website-and-edit-javascript-via-velo-81o33x4)
![](https://cdn.hackernoon.com/images/rqLhYzJjWATiN82xawdrCnlXZCI3-371133xj.jpeg)
Making things like a journal or blog with Velo is easy as all hell! All you have to do is go to the Velo code editor.

### [321. How to Send and Schedule E-mails via a Node.js app](https://hackernoon.com/send-and-schedule-e-mails-from-a-nodejs-app-xp5ev3x1r)
![](https://cdn.hackernoon.com/images/qtj93xtw.jpg)
As an application developer, how often we sense the need of a service that would send e-mails to specified or subscribed email ids? Even if there is no real need, we still fantasize about it while developing a pet-project or an app for fun, don't we 😁?

### [322. Setup Environment Variables for Web Dev projects [A How To Guide]](https://hackernoon.com/how-to-setup-environment-variables-for-web-dev-projects-h83o3yfu)
![](https://cdn.hackernoon.com/drafts/2l3h325n.png)
Setting up Environment Variables is the best practices in web dev world. But it seems troublesome for most people in practices, so few applied it. Well, it actually not that hard and it is necessary in most cases, let me show how you in this article. 

### [323. How I Adopted the Model, View, Controller (MVC) Architectural Pattern in JavaScript](https://hackernoon.com/how-i-adopted-the-model-view-controller-mvc-architectural-pattern-in-javascript-x45p32i3)
![](https://cdn.hackernoon.com/images/ii6sw326z.jpg)
...for Better Code Separation

### [324. What's New in REACT 18: A Quick Overview](https://hackernoon.com/whats-new-in-react-18-a-quick-overview-tz5y35b0)
![](https://cdn.hackernoon.com/images/hQ098u52DzPm2Y4UITQcQXtLRAk2-ibt35zc.jpeg)
This article considers the new features that have just be included to React 18, its applications, and other essential things that are worth knowing.


### [325. How to Recreate the Iconic Mr Potato Head 🥔 with Vanilla Javascript](https://hackernoon.com/how-to-recreate-the-iconic-mr-potato-head-with-vanilla-javascript-ny293exp)
![](https://firebasestorage.googleapis.com/v0/b/hackernoon-app.appspot.com/o/images%2FY5pgfcYeb2WkzcbAON1f4rfpLAW2-oh2q3tyf.jpeg?alt=media&token=603b5b8f-c9ae-4348-a06f-a10e6072c8ad)
Who doesn't like Mr. and Mrs. Potato Head!

### [326. Using the Spread Operator in JavaScript](https://hackernoon.com/using-the-spread-operator-in-javascript-423t35fn)
![](https://cdn.hackernoon.com/images/ZXvwWhuaiAY0BoWkm8U7fJ1XTLI2-gl6s35qt.jpeg)
This article will cover the spread operator and how you can use them in your day to day JavaScript programming. This article assumes you have some familiarity with coding in the JavaScript ecosystem.

### [327. Crucial React Design Patterns Every Dev Should Know](https://hackernoon.com/crucial-react-design-patterns-every-dev-should-know)
![](https://cdn.hackernoon.com/images/MUo6MihNAVUIcUvRBbcToKZ7MKh1-b493p9s.jpeg)
Checkout the various React Design Patterns to use in building React components that are extensible and reusable for your next React project.

### [328. Everything You Need to Know About Text String Manipulation](https://hackernoon.com/everything-you-need-to-know-about-text-string-manipulation-3hgv35cs)
![](https://cdn.hackernoon.com/images/PfQtRbvKH3UTFjmz7FgATdL8tVI2-5le2b6o.jpeg)
For those new to coding or even experienced coders, this guide details how to manipulate text strings, just like the pros. 

### [329. What is 'this’ in JavaScript?](https://hackernoon.com/what-is-this-in-javascript-835o35kx)
![](https://cdn.hackernoon.com/images/Nv9z8Cle3QV673MG2frRypYu7br1-kw938rf.jpeg)
‘this’ is always been a pain in the a** for many JavaScript developers, but it’s time to say ‘I got this’.

### [330. 10+ Ridiculously Cool Admin Themes And Templates](https://hackernoon.com/10-ridiculously-cool-admin-themes-and-templates-3lw338l)
![](https://cdn.hackernoon.com/images/3nhao37bBEfHA9RTQ0WNVWfXPD02-1jk339y.jpeg)
In today’s article, we will have a quick look at 10 admin templates and themes that are simple to use and good to look at.

### [331. How to Achieve Schema and Validation in NoSQL Using Ottoman and Couchbase](https://hackernoon.com/how-to-achieve-schema-and-validation-in-nosql-using-ottoman-and-couchbase-8n1z35cq)
![](https://cdn.hackernoon.com/images/BgHW3YNONNccYOFle6n2wM6EQVz1-qth3331.jpeg)
Ottoman is an Object Data Modeler (ODM) for Couchbase's Node.js SDK providing JSON schema and validation for a NoSQL database.

### [332. 19+ Javascript Plugins and Data Table Libraries to Make Your Life Easier](https://hackernoon.com/19-javascript-plugins-and-data-table-libraries-to-make-your-life-easier-bd2e355l)
![](https://cdn.hackernoon.com/images/HrzvBX6xNSVZBKImURJl23sRwcQ2-2hk35vl.jpeg)
This time we want to introduce libraries for working with tables or grids, since tables are an important part of any great application. 

### [333. 19 JavaScript Data Chart Libraries](https://hackernoon.com/19-javascript-data-chart-libraries-jj1435m7)
![](https://cdn.hackernoon.com/images/CPZcQZuKTIRNEmHkkkOCBTvsTyd2-iyf2354s.jpeg)
Javascript charting library is important when you need to present data in the most informative way. Check our top of the best JS chart libraries here!

### [334. 20+ React Tools to Help You Become a More Productive Programmer ](https://hackernoon.com/20-react-tools-to-help-you-become-a-more-productive-programmer-ys3635li)
![](https://cdn.hackernoon.com/images/HrzvBX6xNSVZBKImURJl23sRwcQ2-5dk35r6.png)
The goal of this post is to provide you with tools you need to be more productive when developing React applications.