Fix tags, languages and templates

2023-05-07 12:49:46 +03:00
parent 5c913d20bd
commit 2ecadbada9
245 changed files with 479 additions and 240 deletions
--- a/articles/s/10-vs-code-extensions-for-js-developers.md
+++ b/articles/s/10-vs-code-extensions-for-js-developers.md
@ -2,10 +2,11 @@
 title: 10 must-have VS Code extensions for JavaScript developers
 shortTitle: Essential VS Code extensions
 type: story
 language: javascript
 tags: [devtools,vscode]
 author: chalarangelo
 cover: computer-screens
-excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity.
+excerpt: Boost your productivity with these 10 essential VS Code extensions for JavaScript developers.
 unlisted: true
 dateModified: 2021-06-12T19:30:41+03:00
 ---
--- a/articles/s/25-css-gradients.md
+++ b/articles/s/25-css-gradients.md
@ -2,7 +2,8 @@
 title: 25 CSS gradients for your next project
 shortTitle: CSS gradients
 type: cheatsheet
-tags: [css,visual]
+language: css
 tags: [visual]
 author: chalarangelo
 cover: colors-mural
 excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now!
--- a/articles/s/4-javascript-array-methods.md
+++ b/articles/s/4-javascript-array-methods.md
@ -2,7 +2,8 @@
 title: 4 JavaScript Array methods you must know
 shortTitle: Useful array methods
 type: story
-tags: [javascript,array,cheatsheet]
+language: javascript
 tags: [array,cheatsheet]
 author: chalarangelo
 cover: arrays
 excerpt: JavaScript arrays have a very robust API offering some amazing tools. Learn the 4 must-know JavaScript array methods in this quick guide.
--- a/articles/s/4-seo-tips-for-developers.md
+++ b/articles/s/4-seo-tips-for-developers.md
@ -2,7 +2,7 @@
 title: 4 SEO tips for developers
 shortTitle: SEO tips
 type: story
-tags: [seo,webdev]
+tags: [webdev,seo]
 author: chalarangelo
 cover: sunrise-over-city
 excerpt: SEO is a very relevant topics that most developers are inexperienced in. Here are 4 actionable SEO tips you can implement today.
--- a/articles/s/5-tips-for-better-pull-requests.md
+++ b/articles/s/5-tips-for-better-pull-requests.md
@ -1,7 +1,8 @@
 ---
 title: 5 tips for better Pull Requests
 type: story
-tags: [git,github,programming,webdev]
+language: git
 tags: [github,programming,webdev]
 author: chalarangelo
 cover: keyboard-tea
 excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them.
--- a/articles/s/6-javascript-regexp-tricks.md
+++ b/articles/s/6-javascript-regexp-tricks.md
@ -2,7 +2,8 @@
 title: 6 JavaScript Regular Expression features you can use today
 shortTitle: JavaScript Regular Expression tips
 type: story
-tags: [javascript,string,regexp]
+language: javascript
 tags: [string,regexp]
 author: chalarangelo
 cover: taking-photos
 excerpt: Regular expressions are very powerful, but hard to master. Understand these features and start using them in your JavaScript code.
--- a/articles/s/6-python-f-strings-tips.md
+++ b/articles/s/6-python-f-strings-tips.md
@ -1,7 +1,8 @@
 ---
 title: 6 Python f-strings tips and tricks
 type: story
-tags: [python,string]
+language: python
 tags: [string]
 author: chalarangelo
 cover: sea-view
 excerpt: Python's f-strings can do a lot more than you might expect. Learn a few useful tips and tricks in this quick guide.
--- a/articles/s/7-chrome-extensions-for-web-developers.md
+++ b/articles/s/7-chrome-extensions-for-web-developers.md
@ -2,10 +2,10 @@
 title: 7 essential Chrome extensions for web developers
 shortTitle: Essential Chrome extensions
 type: story
-tags: [devtools,webdev]
+tags: [webdev,devtools]
 author: chalarangelo
 cover: computer-screens
-excerpt: Google Chrome's developer tools are nothing short of amazing. Here are 7 must-have extensions you can add to increase your productivity even further.
+excerpt: Boost your productivity with 7 must-have Google Chrome developer tool extensions.
 unlisted: true
 dateModified: 2021-06-12T19:30:41+03:00
 ---
--- a/articles/s/8-tips-for-accessible-websites.md
+++ b/articles/s/8-tips-for-accessible-websites.md
@ -2,7 +2,8 @@
 title: 8 tips for accessible websites
 shortTitle: Accessibility tips
 type: story
-tags: [javascript,accessibility,webdev]
+language: javascript
 tags: [accessibility,webdev]
 author: chalarangelo
 cover: accessibility
 excerpt: Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips.
--- a/articles/s/8-tips-for-remote-work.md
+++ b/articles/s/8-tips-for-remote-work.md
@ -1,10 +1,10 @@
 ---
 title: 8 tips for working from home
 type: story
-tags: [career,programming,jobs,webdev]
+tags: [webdev,career,programming,jobs]
 author: chalarangelo
 cover: kettle-laptop
-excerpt: Working from home seems like a great alternative to going to the office, but there are challenges that come with it that you need to overcome...
+excerpt: Working from home seems great compared to going to the office, but there are challenges that come with it that you need to overcome.
 unlisted: true
 dateModified: 2021-06-12T19:30:41+03:00
 ---
--- a/articles/s/async-javascript-cheatsheet.md
+++ b/articles/s/async-javascript-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: Asynchronous JavaScript Cheat Sheet
 type: cheatsheet
-tags: [javascript,function,promise]
+language: javascript
 tags: [function,promise]
 author: chalarangelo
 cover: green-plant
 excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet.
--- a/articles/s/bash-alias-dollar-sign.md
+++ b/articles/s/bash-alias-dollar-sign.md
@ -2,7 +2,8 @@
 title: "Tip: A bash alias for copying from the web"
 shortTitle: Bash alias for copying from the web
 type: tip
-tags: [git,configuration]
+language: git
 tags: [configuration]
 author: chalarangelo
 cover: capsule-coffee
 excerpt: Many online resources prefix their terminal commands with a dollar sign. Luckily, we've got a solution to this small annoyance.
--- a/articles/s/benefits-of-writing.md
+++ b/articles/s/benefits-of-writing.md
@ -1,7 +1,7 @@
 ---
 title: The benefits of writing
 type: story
-tags: [career,webdev,programming,jobs]
+tags: [webdev,career,programming,jobs]
 author: chalarangelo
 cover: laptop-view
 excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time.
--- a/articles/s/big-o-cheatsheet.md
+++ b/articles/s/big-o-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: Big-O Cheat Sheet
 type: cheatsheet
-tags: [javascript,algorithm]
+language: javascript
 tags: [algorithm]
 author: chalarangelo
 cover: light-ring
 excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet.
--- a/articles/s/breaking-react.md
+++ b/articles/s/breaking-react.md
@ -1,7 +1,8 @@
 ---
 title: Breaking React - a common pattern to avoid
 type: story
-tags: [react,debugging]
+language: react
 tags: [debugging]
 author: chalarangelo
 cover: broken-screen
 excerpt: As powerful as React is, it is also quite fragile at places. Did you know that a few lines can easily break your entire React application?
--- a/articles/s/code-anatomy-chaining-reduce-for-loop.md
+++ b/articles/s/code-anatomy-chaining-reduce-for-loop.md
@ -2,7 +2,8 @@
 title: Code Anatomy - For loops, array reduce and method chaining
 shortTitle: For loops, array reduce and method chaining
 type: story
-tags: [javascript,array,iterator]
+language: javascript
 tags: [array,iterator]
 author: chalarangelo
 cover: case-study
 excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.
--- a/articles/s/code-anatomy-optimizing-recursion.md
+++ b/articles/s/code-anatomy-optimizing-recursion.md
@ -2,7 +2,8 @@
 title: Code Anatomy - Optimizing recursive functions
 shortTitle: Optimizing recursive functions
 type: story
-tags: [javascript,recursion,performance]
+language: javascript
 tags: [recursion,performance]
 author: chalarangelo
 cover: case-study
 excerpt: Recursive code tends to be inefficient or in need of optimization. Learn a couple of tricks we use to speed up our recursive functions.
--- a/articles/s/code-anatomy-performant-python.md
+++ b/articles/s/code-anatomy-performant-python.md
@ -2,7 +2,8 @@
 title: Code Anatomy - Writing high performance Python code
 shortTitle: Performant Python code
 type: story
-tags: [python,list,performance]
+language: python
 tags: [list,performance]
 cover: walking-on-top
 excerpt: Writing efficient Python code can be tricky. Read how we optimize our list snippets to increase performance using a couple of simple tricks.
 dateModified: 2021-11-07T16:34:37+03:00
--- a/articles/s/common-regexp-cheatsheet.md
+++ b/articles/s/common-regexp-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: Common regular expressions
 type: cheatsheet
-tags: [javascript,string,regexp]
+language: javascript
 tags: [string,regexp]
 author: chalarangelo
 cover: rocky-beach
 excerpt: A collection of regular expressions that can be used to solve common problems.
--- a/articles/s/console-log-cheatsheet.md
+++ b/articles/s/console-log-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: JavaScript console.log() tips & tricks
 type: story
-tags: [javascript,browser,cheatsheet]
+language: javascript
 tags: [browser,cheatsheet]
 author: chalarangelo
 cover: terminal
 excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks.
--- a/articles/s/cookies-local-storage-session.md
+++ b/articles/s/cookies-local-storage-session.md
@ -2,7 +2,8 @@
 title: What is the difference between cookies, local storage, and session storage?
 shortTitle: Cookies, local storage, and session storage
 type: question
-tags: [javascript,browser,webdev]
+language: javascript
 tags: [browser,webdev]
 author: chalarangelo
 cover: three-vases
 excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs.
--- a/articles/s/copy-text-to-clipboard-with-javascript.md
+++ b/articles/s/copy-text-to-clipboard-with-javascript.md
@ -2,7 +2,8 @@
 title: How can I copy text to clipboard with JavaScript?
 shortTitle: Copy text to clipboard
 type: question
-tags: [javascript,browser]
+language: javascript
 tags: [browser]
 author: chalarangelo
 cover: typing
 excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.
--- a/articles/s/cors-explained.md
+++ b/articles/s/cors-explained.md
@ -2,7 +2,8 @@
 title: What is CORS?
 shortTitle: CORS explained
 type: question
-tags: [javascript,browser,webdev]
+language: javascript
 tags: [browser,webdev]
 author: chalarangelo
 cover: chill-surfing
 excerpt: CORS (Cross-Origin Resource Sharing) trips up many developers, but it's pretty easy to wrap your head around.
--- a/articles/s/css-centering.md
+++ b/articles/s/css-centering.md
@ -2,7 +2,8 @@
 title: 4 ways to center content with CSS
 shortTitle: Centering content with CSS
 type: story
-tags: [css,layout]
+language: css
 tags: [layout]
 author: chalarangelo
 cover: mountain-lake
 excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today.
--- a/articles/s/css-clamp.md
+++ b/articles/s/css-clamp.md
@ -2,7 +2,8 @@
 title: "Tip: Use clamp() in CSS for responsive typography"
 shortTitle: CSS clamp()
 type: tip
-tags: [css,visual]
+language: css
 tags: [visual]
 author: chalarangelo
 cover: strawberries
 excerpt: Implement responsive typography with the CSS clamp() function.
--- a/articles/s/css-code-reviews.md
+++ b/articles/s/css-code-reviews.md
@ -2,7 +2,8 @@
 title: How do you review CSS code in Pull Requests?
 shortTitle: CSS code reviews
 type: story
-tags: [css,webdev]
+language: css
 tags: [webdev]
 author: chalarangelo
 cover: green-css
 excerpt: Reviewing CSS code is a skill that takes time to master. Here are some tips from my personal experience to help you get started.
--- a/articles/s/css-current-color.md
+++ b/articles/s/css-current-color.md
@ -1,7 +1,8 @@
 ---
 title: The currentColor CSS keyword
 type: tip
-tags: [css,visual]
+language: css
 tags: [visual]
 author: chalarangelo
 cover: picking-berries
 excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases.
--- a/articles/s/css-easing-variables.md
+++ b/articles/s/css-easing-variables.md
@ -2,7 +2,8 @@
 title: "Tip: CSS easing variables"
 shortTitle: CSS easing variables
 type: tip
-tags: [css,animation]
+language: css
 tags: [animation]
 author: chalarangelo
 cover: curve
 excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.
--- a/articles/s/css-footer-at-the-bottom.md
+++ b/articles/s/css-footer-at-the-bottom.md
@ -2,7 +2,8 @@
 title: How can I ensure the footer is always at the bottom of the page?
 shortTitle: Footer at the bottom
 type: question
-tags: [css,layout]
+language: css
 tags: [layout]
 author: chalarangelo
 cover: flower-shape-sunset
 excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.
--- a/articles/s/css-inherited-properties-cheatsheet.md
+++ b/articles/s/css-inherited-properties-cheatsheet.md
@ -2,7 +2,8 @@
 title: CSS inherited properties cheatsheet
 shortTitle: Inherited properties
 type: cheatsheet
-tags: [css,layout]
+language: css
 tags: [layout]
 author: chalarangelo
 cover: half-trees
 excerpt: A quick reference for inherited CSS properties.
--- a/articles/s/css-nested-border-radius.md
+++ b/articles/s/css-nested-border-radius.md
@ -2,7 +2,8 @@
 title: "Tip: Perfect nested border radius in CSS"
 shortTitle: Perfect nested border radius in CSS
 type: tip
-tags: [css,visual]
+language: css
 tags: [visual]
 author: chalarangelo
 cover: rocky-beach-waves
 excerpt: Nesting elements with rounded borders can look very wrong if not done correctly. Here's a quick tip on how to do it right.
--- a/articles/s/css-pseudo-classes.md
+++ b/articles/s/css-pseudo-classes.md
@ -2,7 +2,8 @@
 title: What are CSS pseudo-classes?
 shortTitle: CSS pseudo-classes
 type: question
-tags: [css,webdev]
+language: css
 tags: [webdev]
 author: chalarangelo
 cover: orange-flower
 excerpt: Learn how to use CSS pseudo-classes to style an element based on changes to its state.
--- a/articles/s/css-reset.md
+++ b/articles/s/css-reset.md
@ -1,7 +1,8 @@
 ---
 title: CSS Reset
 type: story
-tags: [css,visual]
+language: css
 tags: [visual]
 author: chalarangelo
 cover: pink-flower-tree
 excerpt: A short, opinionated CSS reset to make your websites look great everywhere.
--- a/articles/s/css-root-vs-html.md
+++ b/articles/s/css-root-vs-html.md
@ -2,7 +2,8 @@
 title: What's the difference between :root and html in CSS?
 shortTitle: :root vs html
 type: story
-tags: [css,layout,selector]
+language: css
 tags: [layout,selector]
 author: chalarangelo
 cover: tree-roots
 excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences.
--- a/articles/s/css-select-any-link.md
+++ b/articles/s/css-select-any-link.md
@ -2,7 +2,8 @@
 title: "Tip: Select any link with CSS"
 shortTitle: "CSS :any-link pseudo-class"
 type: tip
-tags: [css,visual,interactivity]
+language: css
 tags: [visual,interactivity]
 author: chalarangelo
 cover: round-leaves
 excerpt: You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not.
--- a/articles/s/css-style-default-links.md
+++ b/articles/s/css-style-default-links.md
@ -2,7 +2,8 @@
 title: "Tip: Style links without a class"
 shortTitle: Style default links
 type: tip
-tags: [css,visual,interactivity]
+language: css
 tags: [visual,interactivity]
 author: chalarangelo
 cover: citrus-drink
 excerpt: A short summary of your story up to 180 characters long.
--- a/articles/s/css-unitless-line-height.md
+++ b/articles/s/css-unitless-line-height.md
@ -2,7 +2,8 @@
 title: Why should line-height be unitless in CSS?
 shortTitle: Unitless line height
 type: tip
-tags: [css,layout,visual]
+language: css
 tags: [layout,visual]
 author: chalarangelo
 cover: gold-typewriter
 excerpt: You might have heard that `line-height` should be unitless, but do you know why?
--- a/articles/s/css-units-cheatsheet.md
+++ b/articles/s/css-units-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: CSS units Cheat Sheet
 type: cheatsheet
-tags: [css,layout,cheatsheet]
+language: css
 tags: [layout,cheatsheet]
 author: chalarangelo
 cover: measuring
 excerpt: Learn everything you need to know about CSS units with this handy cheatsheet.
--- a/articles/s/css-variables.md
+++ b/articles/s/css-variables.md
@ -2,7 +2,8 @@
 title: What are CSS variables and where can I use them?
 shortTitle: CSS variables
 type: question
-tags: [css,visual,layout]
+language: css
 tags: [visual,layout]
 author: chalarangelo
 cover: css-variables
 excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs.
--- a/articles/s/custom-file-download-names.md
+++ b/articles/s/custom-file-download-names.md
@ -2,7 +2,8 @@
 title: "Tip: Customize the names of downloadable files"
 shortTitle: Customize the names of downloadable files
 type: tip
-tags: [webdev,html,browser]
+language: html
 tags: [webdev,browser]
 author: chalarangelo
 cover: hard-disk
 excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip.
--- a/articles/s/detect-caps-lock-is-on.md
+++ b/articles/s/detect-caps-lock-is-on.md
@ -2,7 +2,8 @@
 title: How can I detect if Caps Lock is on with JavaScript?
 shortTitle: Detect Caps Lock
 type: question
-tags: [javascript,browser,event]
+language: javascript
 tags: [browser,event]
 author: chalarangelo
 cover: keyboard
 excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
--- a/articles/s/escaping-tutorial-hell.md
+++ b/articles/s/escaping-tutorial-hell.md
@ -1,7 +1,7 @@
 ---
 title: Escaping tutorial hell
 type: story
-tags: [career,webdev,programming,jobs]
+tags: [webdev,career,programming,jobs]
 author: chalarangelo
 cover: campfire
 excerpt: Many beginners get stuck in tutorial hell without even realizing. Here are 4 simple ways to escape tutorial hell and get back to learning.
--- a/articles/s/eslint-refactor-for-in.md
+++ b/articles/s/eslint-refactor-for-in.md
@ -2,7 +2,8 @@
 title: "Tip: Refactoring your for...in loops to avoid ESLint warnings"
 shortTitle: Refactoring for...in loops to avoid ESLint warnings
 type: tip
-tags: [javascript,array,iterator,eslint]
+language: javascript
 tags: [array,iterator,eslint]
 author: chalarangelo
 cover: typing
 excerpt: ESLint is a really useful tool, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning.
--- a/articles/s/flexbox-cheatsheet.md
+++ b/articles/s/flexbox-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: Flexbox Cheat Sheet
 type: cheatsheet
-tags: [css,layout,flexbox,cheatsheet]
+language: css
 tags: [layout,flexbox,cheatsheet]
 author: chalarangelo
 cover: frames
 excerpt: Flexbox allows you to create fluid layouts easily. If you are constantly looking up how it works, this handy cheatsheet is all you need.
--- a/articles/s/git-aliases.md
+++ b/articles/s/git-aliases.md
@ -1,7 +1,8 @@
 ---
 title: Git aliases
 type: cheatsheet
-tags: [git,configuration,cheatsheet]
+language: git
 tags: [configuration,cheatsheet]
 author: chalarangelo
 cover: organizer
 excerpt: Increase your productivity by creating aliases for many common git operations.
--- a/articles/s/git-commit-different-date.md
+++ b/articles/s/git-commit-different-date.md
@ -2,7 +2,8 @@
 title: "Tip: Create a commit with a different date"
 shortTitle: Create a commit with a different date
 type: tip
-tags: [git,commit]
+language: git
 tags: [commit]
 author: chalarangelo
 cover: ice
 excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it.
--- a/articles/s/git-fast-forward.md
+++ b/articles/s/git-fast-forward.md
@ -2,7 +2,8 @@
 title: How does Git's fast-forward mode work?
 shortTitle: Git fast-forward
 type: question
-tags: [git,branch]
+language: git
 tags: [branch]
 author: chalarangelo
 cover: boats
 excerpt: Learn about Git's fast-forward mode works and its benefits when mergin branches, so you can decide if it's a good fit for you and your team.
--- a/articles/s/github-co-authors.md
+++ b/articles/s/github-co-authors.md
@ -2,7 +2,8 @@
 title: "Tip: How to add multiple authors to a commit"
 shortTitle: Add multiple authors to a commit
 type: tip
-tags: [git,github,programming,webdev]
+language: git
 tags: [github,programming,webdev]
 author: chalarangelo
 cover: book-chair
 excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip.
--- a/articles/s/html-head-icons.md
+++ b/articles/s/html-head-icons.md
@ -2,7 +2,8 @@
 title: Recommended HTML head icon tags
 shortTitle: HTML favicons template
 type: story
-tags: [webdev,html,browser]
+language: html
 tags: [webdev,browser]
 author: chalarangelo
 cover: boutique-home-office-3
 excerpt: Ensure your HTML documents have a proper favicon by including these lines in your `<head>` element.
--- a/articles/s/html-head-links.md
+++ b/articles/s/html-head-links.md
@ -2,7 +2,8 @@
 title: Recommended HTML head links
 shortTitle: HTML head links template
 type: story
-tags: [webdev,html,browser]
+language: html
 tags: [webdev,browser]
 author: chalarangelo
 cover: boutique-home-office-4
 excerpt: Make your HTML documents more SEO-friendly by including these lines in your `<head>` element.
--- a/articles/s/html-head-social-tags.md
+++ b/articles/s/html-head-social-tags.md
@ -2,7 +2,8 @@
 title: Recommended social tags for HTML head
 shortTitle: HTML social tags template
 type: story
-tags: [webdev,html,browser]
+language: html
 tags: [webdev,browser]
 author: chalarangelo
 cover: boutique-home-office-2
 excerpt: Ensure your HTML documents can be shared on social media by including these lines in your `<head>` element.
--- a/articles/s/html-recommended-minimum-head.md
+++ b/articles/s/html-recommended-minimum-head.md
@ -2,7 +2,8 @@
 title: Recommended minimum HTML head
 shortTitle: HTML head template
 type: story
-tags: [webdev,html,browser]
+language: html
 tags: [webdev,browser]
 author: chalarangelo
 cover: boutique-home-office-1
 excerpt: Ensure your HTML documents are properly structured by including these lines in your `<head>` element.
--- a/articles/s/javascript-add-key-value-pair-to-object.md
+++ b/articles/s/javascript-add-key-value-pair-to-object.md
@ -2,7 +2,8 @@
 title: How can I add a key-value pair to a JavaScript object?
 shortTitle: Add key-value pair to object
 type: question
-tags: [javascript,object]
+language: javascript
 tags: [object]
 author: chalarangelo
 cover: pineapple-laptop
 excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so.
--- a/articles/s/javascript-array-comparison.md
+++ b/articles/s/javascript-array-comparison.md
@ -2,7 +2,8 @@
 title: How do I compare two arrays in JavaScript?
 shortTitle: JavaScript array comparison
 type: question
-tags: [javascript,array,comparison]
+language: javascript
 tags: [array,comparison]
 author: chalarangelo
 cover: coconuts
 excerpt: Learn how you can compare two arrays in JavaScript using various different techniques.
--- a/articles/s/javascript-array-includes-value.md
+++ b/articles/s/javascript-array-includes-value.md
@ -2,7 +2,8 @@
 title: How can I check if a JavaScript array includes a specific value?
 shortTitle: JavaScript array includes value
 type: question
-tags: [javascript,array]
+language: javascript
 tags: [array]
 author: chalarangelo
 cover: bridge-drop
 excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects.
--- a/articles/s/javascript-arrow-function-event-listeners.md
+++ b/articles/s/javascript-arrow-function-event-listeners.md
@ -2,7 +2,8 @@
 title: Can I use an arrow function as the callback for an event listener in JavaScript?
 shortTitle: Arrow function as callback for event listener
 type: question
-tags: [javascript,browser,event,function]
+language: javascript
 tags: [browser,event,function]
 author: chalarangelo
 cover: coffee-float
 excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.
--- a/articles/s/javascript-arrow-functions.md
+++ b/articles/s/javascript-arrow-functions.md
@ -2,7 +2,8 @@
 title: Introduction to arrow functions in JavaScript
 shortTitle: Arrow functions introduction
 type: story
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: arrow-functions
 excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know.
--- a/articles/s/javascript-arrow-regular-function-differences.md
+++ b/articles/s/javascript-arrow-regular-function-differences.md
@ -2,7 +2,8 @@
 title: What are the differences between arrow functions and regular functions in JavaScript?
 shortTitle: Arrow functions vs regular functions
 type: question
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: fallen-leaves
 excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know.
--- a/articles/s/javascript-async-array-loops.md
+++ b/articles/s/javascript-async-array-loops.md
@ -2,7 +2,8 @@
 title: Asynchronous array loops in JavaScript
 shortTitle: Asynchronous array loops
 type: story
-tags: [javascript,array,function,promise]
+language: javascript
 tags: [array,function,promise]
 author: chalarangelo
 cover: sunflowers
 excerpt: Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for.
--- a/articles/s/javascript-await-timeout.md
+++ b/articles/s/javascript-await-timeout.md
@ -2,7 +2,8 @@
 title: How can I add a timeout to a promise in JavaScript?
 shortTitle: Promise timeout
 type: question
-tags: [javascript,promise,timeout,class]
+language: javascript
 tags: [promise,timeout,class]
 author: chalarangelo
 cover: walking
 excerpt: Oftentimes you might need to add a timeout to a promise in JavaScript. Learn how to do this and more in this short guide.
--- a/articles/s/javascript-blank-value.md
+++ b/articles/s/javascript-blank-value.md
@ -2,7 +2,8 @@
 title: How can I check for a blank value in JavaScript?
 shortTitle: Value is blank
 type: question
-tags: [javascript,type]
+language: javascript
 tags: [type]
 author: chalarangelo
 cover: workspace-with-speaker
 excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one.
--- a/articles/s/javascript-boolean-function.md
+++ b/articles/s/javascript-boolean-function.md
@ -2,7 +2,8 @@
 title: Where and how can I use the Boolean function in JavaScript?
 shortTitle: Boolean function use-cases
 type: question
-tags: [javascript,function,type]
+language: javascript
 tags: [function,type]
 author: chalarangelo
 cover: rocky-lake
 excerpt: JavaScript's Boolean function can be used for truth-checking data among other things. Learn how to use it and level up your code today.
--- a/articles/s/javascript-boolean-trap.md
+++ b/articles/s/javascript-boolean-trap.md
@ -2,7 +2,8 @@
 title: Boolean traps and how to avoid them
 shortTitle: Boolean traps
 type: story
-tags: [javascript,function,type,boolean]
+language: javascript
 tags: [function,type,boolean]
 author: chalarangelo
 cover: lighthouse
 excerpt: Boolean traps can cause readability and maintainability issues in your code. Learn what they are, how to spot and fix them in this article.
--- a/articles/s/javascript-callbacks.md
+++ b/articles/s/javascript-callbacks.md
@ -2,7 +2,8 @@
 title: A cautionary tale about JavaScript callbacks
 shortTitle: Callback pitfalls
 type: story
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: rabbit-call
 excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them.
--- a/articles/s/javascript-classical-vs-prototypal-inheritance.md
+++ b/articles/s/javascript-classical-vs-prototypal-inheritance.md
@ -2,7 +2,8 @@
 title: How does JavaScript's prototypal inheritance differ from classical inheritance?
 shortTitle: Prototypal vs classical inheritance
 type: question
-tags: [javascript,object,class]
+language: javascript
 tags: [object,class]
 author: chalarangelo
 cover: last-light
 excerpt: Understanding the difference between these two object-oriented programming paradigms is key to taking your skills to the next level.
--- a/articles/s/javascript-closures.md
+++ b/articles/s/javascript-closures.md
@ -2,7 +2,8 @@
 title: What are JavaScript closures?
 shortTitle: Closures introduction
 type: question
-tags: [javascript,function,closure]
+language: javascript
 tags: [function,closure]
 author: chalarangelo
 cover: cherry-trees
 excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code.
--- a/articles/s/javascript-copy-array.md
+++ b/articles/s/javascript-copy-array.md
@ -2,7 +2,8 @@
 title: How can I clone an array in JavaScript?
 shortTitle: Clone an array
 type: question
-tags: [javascript,array]
+language: javascript
 tags: [array]
 author: chalarangelo
 cover: colorful-plastic
 excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript.
--- a/articles/s/javascript-date-comparison.md
+++ b/articles/s/javascript-date-comparison.md
@ -2,7 +2,8 @@
 title: How do I compare two dates in JavaScript?
 shortTitle: Date comparison
 type: question
-tags: [javascript,date,comparison]
+language: javascript
 tags: [date,comparison]
 author: chalarangelo
 cover: pineapple-at-work
 excerpt: Learn how you can compare two dates in JavaScript using various different techniques.
--- a/articles/s/javascript-deep-freeze-object.md
+++ b/articles/s/javascript-deep-freeze-object.md
@ -2,7 +2,8 @@
 title: How can I deep freeze an object in JavaScript?
 shortTitle: Deep freeze object
 type: question
-tags: [javascript,object]
+language: javascript
 tags: [object]
 author: chalarangelo
 cover: frozen-globe
 excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant.
--- a/articles/s/javascript-destructuring-assignment.md
+++ b/articles/s/javascript-destructuring-assignment.md
@ -2,7 +2,8 @@
 title: Where and how can I use the destructuring assignment syntax in JavaScript?
 shortTitle: Destructuring assignment introduction
 type: question
-tags: [javascript,array,object]
+language: javascript
 tags: [array,object]
 author: chalarangelo
 cover: building-blocks
 excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide.
--- a/articles/s/javascript-empty-array.md
+++ b/articles/s/javascript-empty-array.md
@ -2,7 +2,8 @@
 title: How do I empty an array in JavaScript?
 shortTitle: Empty an array
 type: question
-tags: [javascript,array]
+language: javascript
 tags: [array]
 author: chalarangelo
 cover: coconuts
 excerpt: You can use a lot of different techniques to empty an array in JavaScript. See which ones best suits your needs with this quick guide.
--- a/articles/s/javascript-encodeuri-encodeuricomponent.md
+++ b/articles/s/javascript-encodeuri-encodeuricomponent.md
@ -2,7 +2,8 @@
 title: What is the difference between encodeURI() and encodeURIComponent() in JavaScript?
 shortTitle: encodeURI() vs encodeURIComponent()
 type: question
-tags: [javascript,browser]
+language: javascript
 tags: [browser]
 author: chalarangelo
 cover: laptop-view
 excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one?
--- a/articles/s/javascript-enum.md
+++ b/articles/s/javascript-enum.md
@ -2,7 +2,8 @@
 title: How can I define an enum in JavaScript?
 shortTitle: Enum implementation
 type: question
-tags: [javascript,object,class,symbol,generator]
+language: javascript
 tags: [object,class,symbol,generator]
 author: chalarangelo
 cover: book-chair
 excerpt: Enums are part of TypeScript, but what about defining enums in plain old JavaScript? Here are a few way you can do that.
--- a/articles/s/javascript-equality.md
+++ b/articles/s/javascript-equality.md
@ -2,7 +2,8 @@
 title: What is the difference between JavaScript's equality operators?
 shortTitle: JavaScript equality operators
 type: question
-tags: [javascript,type,comparison]
+language: javascript
 tags: [type,comparison]
 author: chalarangelo
 cover: beach-pineapple
 excerpt: Learn all you need to know about the differences between JavaScript's double equals and triple equals operators.
--- a/articles/s/javascript-event-bubbling-capturing-delegation.md
+++ b/articles/s/javascript-event-bubbling-capturing-delegation.md
@ -2,7 +2,8 @@
 title: Understanding event bubbling, capturing and delegation in JavaScript
 shortTitle: Event bubbling, capturing and delegation
 type: story
-tags: [javascript,browser,event]
+language: javascript
 tags: [browser,event]
 author: chalarangelo
 cover: fishermen
 excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide.
--- a/articles/s/javascript-event-loop-explained.md
+++ b/articles/s/javascript-event-loop-explained.md
@ -2,7 +2,8 @@
 title: What is the Event Loop in JavaScript?
 shortTitle: Event loop explained
 type: question
-tags: [javascript,browser,event]
+language: javascript
 tags: [browser,event]
 author: chalarangelo
 cover: tranquility
 excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine.
--- a/articles/s/javascript-evil-closures.md
+++ b/articles/s/javascript-evil-closures.md
@ -2,7 +2,8 @@
 title: Are JavaScript closures inherently evil?
 shortTitle: Closures and hidden state
 type: story
-tags: [javascript,function,closure]
+language: javascript
 tags: [function,closure]
 author: chalarangelo
 cover: silver-flat-screen
 excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code.
--- a/articles/s/javascript-expression-statement.md
+++ b/articles/s/javascript-expression-statement.md
@ -2,7 +2,8 @@
 title: What is the difference between an expression and a statement in JavaScript?
 shortTitle: Expressions and statements
 type: question
-tags: [javascript,type]
+language: javascript
 tags: [type]
 author: chalarangelo
 cover: forest-balcony
 excerpt: JavaScript distinguishes expressions and statements. Learn their differences in this short article.
--- a/articles/s/javascript-for-in-for-of-foreach.md
+++ b/articles/s/javascript-for-in-for-of-foreach.md
@ -2,7 +2,8 @@
 title: What is the difference between JavaScript's for...in, for...of and forEach?
 shortTitle: JavaScript iteration methods comparison
 type: question
-tags: [javascript,array,object,iterator]
+language: javascript
 tags: [array,object,iterator]
 author: chalarangelo
 cover: lake-loop
 excerpt: Learn the differences between the three most commonly used iteration methods in JavaScript, that often confuse beginners and veterans alike.
--- a/articles/s/javascript-for-loop-early-break.md
+++ b/articles/s/javascript-for-loop-early-break.md
@ -2,7 +2,8 @@
 title: "Tip: Use JavaScript for loops if you need to break out early"
 shortTitle: For loops for early breaking
 type: tip
-tags: [javascript,array,loop]
+language: javascript
 tags: [array,loop]
 author: chalarangelo
 cover: armchair
 excerpt: Iteration in JavaScript can be done a handfuld of ways, most often using array methods, but sometimes a `for` loop is the best option.
--- a/articles/s/javascript-function-call-apply-bind.md
+++ b/articles/s/javascript-function-call-apply-bind.md
@ -2,7 +2,8 @@
 title: JavaScript function methods - call(), apply() and bind()
 shortTitle: Function methods - call(), apply() and bind()
 type: story
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: canoe
 excerpt: Learn everything you need to know about JavaScript's `call()`, `apply()` and `bind()` in this short guide.
--- a/articles/s/javascript-higher-order-functions.md
+++ b/articles/s/javascript-higher-order-functions.md
@ -2,7 +2,8 @@
 title: Understanding higher-order functions in JavaScript
 shortTitle: Higher-order functions
 type: story
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: rock-climbing
 excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills.
--- a/articles/s/javascript-iife.md
+++ b/articles/s/javascript-iife.md
@ -2,7 +2,8 @@
 title: What is an IIFE in JavaScript?
 shortTitle: IIFE introduction
 type: question
-tags: [javascript,function]
+language: javascript
 tags: [function]
 author: chalarangelo
 cover: tropical-waterfall
 excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know.
--- a/articles/s/javascript-index-for-of-loop.md
+++ b/articles/s/javascript-index-for-of-loop.md
@ -2,7 +2,8 @@
 title: "Tip: Get the index of an array item in a JavaScript for...of loop"
 shortTitle: Array index in for...of loops
 type: tip
-tags: [javascript,array,iterator]
+language: javascript
 tags: [array,iterator]
 author: chalarangelo
 cover: cave-view
 excerpt: Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip.
--- a/articles/s/javascript-iterable-to-array.md
+++ b/articles/s/javascript-iterable-to-array.md
@ -2,7 +2,8 @@
 title: How do I convert an iterable to an array in JavaScript?
 shortTitle: Iterable to array
 type: question
-tags: [javascript,object,array,string]
+language: javascript
 tags: [object,array,string]
 author: chalarangelo
 cover: waves
 excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today.
--- a/articles/s/javascript-iterators.md
+++ b/articles/s/javascript-iterators.md
@ -2,7 +2,8 @@
 title: What are JavaScript Iterators and where can I use them?
 shortTitle: JavaScript iterators introduction
 type: question
-tags: [javascript,array,object,iterator]
+language: javascript
 tags: [array,object,iterator]
 author: chalarangelo
 cover: balloons
 excerpt: Learn how JavaScript's iterators work and how you can use them to level up your projects by understanding these short code examples.
--- a/articles/s/javascript-json-stringify-pick-keys.md
+++ b/articles/s/javascript-json-stringify-pick-keys.md
@ -2,7 +2,8 @@
 title: "Tip: Serialize specific properties from a JSON object"
 shortTitle: Selective property serialization
 type: tip
-tags: [javascript,object,json]
+language: javascript
 tags: [object,json]
 author: chalarangelo
 cover: coffee-drip
 excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this!
--- a/articles/s/javascript-listen-once.md
+++ b/articles/s/javascript-listen-once.md
@ -2,7 +2,8 @@
 title: How can I execute an event handler at most once?
 shortTitle: Execute event handler only once
 type: question
-tags: [javascript,browser,event]
+language: javascript
 tags: [browser,event]
 cover: dog-waiting
 excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article.
 dateModified: 2021-06-12T19:30:41+03:00
--- a/articles/s/javascript-make-iterable.md
+++ b/articles/s/javascript-make-iterable.md
@ -2,7 +2,8 @@
 title: "Tip: Make any JavaScript value iterable"
 shortTitle: Make any value iterable
 type: tip
-tags: [javascript,array,iterator,generator]
+language: javascript
 tags: [array,iterator,generator]
 author: chalarangelo
 cover: colorful-plastic
 excerpt: Did you know you can define an iterator for any JavaScript value? This quick tip will show you how.
--- a/articles/s/javascript-memoization.md
+++ b/articles/s/javascript-memoization.md
@ -2,7 +2,8 @@
 title: Where and how can I use memoization in JavaScript?
 shortTitle: Memoization introduction
 type: question
-tags: [javascript,function,memoization]
+language: javascript
 tags: [function,memoization]
 author: chalarangelo
 cover: cherry-trees
 excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.
--- a/articles/s/javascript-merge-arrays.md
+++ b/articles/s/javascript-merge-arrays.md
@ -2,7 +2,8 @@
 title: How do I merge two arrays in JavaScript?
 shortTitle: Merge arrays
 type: question
-tags: [javascript,array]
+language: javascript
 tags: [array]
 author: chalarangelo
 cover: arrays
 excerpt: Arrays are one of the most used data types in any programming language. Learn how to merge two arrays in JavaScript with this short guide.
--- a/articles/s/javascript-modify-url-without-reload.md
+++ b/articles/s/javascript-modify-url-without-reload.md
@ -2,7 +2,8 @@
 title: How do I use JavaScript to modify the URL without reloading the page?
 shortTitle: Modify URL without reloading
 type: question
-tags: [javascript,browser]
+language: javascript
 tags: [browser]
 author: chalarangelo
 cover: compass
 excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
--- a/articles/s/javascript-module-cheatsheet.md
+++ b/articles/s/javascript-module-cheatsheet.md
@ -1,7 +1,8 @@
 ---
 title: JavaScript modules Cheat Sheet
 type: cheatsheet
-tags: [javascript,cheatsheet]
+language: javascript
 tags: [cheatsheet]
 author: chalarangelo
 cover: mountain-lake-2
 excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet.
--- a/articles/s/javascript-naming-conventions.md
+++ b/articles/s/javascript-naming-conventions.md
@ -2,7 +2,8 @@
 title: JavaScript naming conventions
 shortTitle: Naming conventions
 type: story
-tags: [javascript,variable,cheatsheet]
+language: javascript
 tags: [variable,cheatsheet]
 author: chalarangelo
 cover: naming-conventions
 excerpt: Naming conventions make code easier to read and understand. Learn how to name your variables in JavaScript with this handy guide.
--- a/articles/s/javascript-nullish-coalescing-optional-chaining.md
+++ b/articles/s/javascript-nullish-coalescing-optional-chaining.md
@ -2,7 +2,8 @@
 title: How can I use optional chaining and nullish coalescing in my JavaScript project?
 shortTitle: Optional chaining and nullish coalescing
 type: question
-tags: [javascript,type]
+language: javascript
 tags: [type]
 author: chalarangelo
 cover: purple-leaves
 excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing. Learn everything you need to know with this quick guide.
--- a/articles/s/javascript-numeric-separator.md
+++ b/articles/s/javascript-numeric-separator.md
@ -2,7 +2,8 @@
 title: JavaScript's numeric separators explained
 shortTitle: Numeric separators explained
 type: story
-tags: [javascript,math,type]
+language: javascript
 tags: [math,type]
 author: chalarangelo
 cover: coffee-drip
 excerpt: Numeric separators are a somewhat lesser-known JavaScript syntactic sugar that can make working with large constants a lot easier.
--- a/articles/s/javascript-object-array-proxy.md
+++ b/articles/s/javascript-object-array-proxy.md
@ -2,7 +2,8 @@
 title: Can I use an object as an array without modifying it in JavaScript?
 shortTitle: Object as array
 type: question
-tags: [javascript,object,array,proxy,iterator,pattern]
+language: javascript
 tags: [object,array,proxy,iterator,pattern]
 author: chalarangelo
 cover: birds
 excerpt: Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.
--- a/articles/s/javascript-object-comparison.md
+++ b/articles/s/javascript-object-comparison.md
@ -2,7 +2,8 @@
 title: How do I compare two objects in JavaScript?
 shortTitle: Object comparison
 type: question
-tags: [javascript,object,comparison]
+language: javascript
 tags: [object,comparison]
 author: chalarangelo
 cover: blue-lake
 excerpt: Learn how you can compare two objects in JavaScript using various different techniques.
--- a/articles/s/javascript-object-is-triple-equals.md
+++ b/articles/s/javascript-object-is-triple-equals.md
@ -2,7 +2,8 @@
 title: What's the difference between Object.is() and the triple equals operator in JavaScript?
 shortTitle: Object.is() vs triple equals operator
 type: question
-tags: [javascript,object,type]
+language: javascript
 tags: [object,type]
 author: chalarangelo
 cover: rocky-mountains
 excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?"
--- a/articles/s/javascript-pass-by-reference-or-pass-by-value.md
+++ b/articles/s/javascript-pass-by-reference-or-pass-by-value.md
@ -2,7 +2,8 @@
 title: Is JavaScript pass-by-value or pass-by-reference?
 shortTitle: Pass-by-value or pass-by-reference
 type: question
-tags: [javascript,function,object]
+language: javascript
 tags: [function,object]
 author: chalarangelo
 cover: baloons-field
 excerpt: How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types.
--- a/Show More
+++ b/Show More