Make expertise a field

CONTRIBUTING.md

@@ -33,6 +33,7 @@ In order to create a new snippet, you should follow the steps below:
 - Snippet titles must be short enough and correspond to the type of the snippet. Titles for each type must follow the format of previous snippets (e.g. `The trickiest thing about X` for a story, `X things that are awesome` for a list, `How do I do X in Y?` for a question).
 - Snippet types must be one of the following: `story`, `list`, `tip`, `cheatsheet` or `question`.
 - Snippet tags must be comma-separated. You are allowed to specify a single language tag (e.g. `react` or `javascript`), preferably as the first tag.
+- Snippet expertise must be specified (`beginner`, `intermediate` or `advanced`).
 - Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
 - Snippet authors must be added in JSON format as seen in `blog_data/blog_authors.json`.
 - Snippet covers must be added inside the `blog_images` directory and have the exact same name as the snippet filename. Snippet covers must be Unsplash images of appropriate theme and content and their links must be provided as part of the PR, so that they can be added to the appropriate collection.

blog_posts/10-vs-code-extensions-for-js-developers.md

@@ -2,6 +2,7 @@
 title: 10 must-have VS Code extensions for JavaScript developers
 type: story
 tags: devtools,vscode
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/computer-screens.jpg
 excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity.

blog_posts/25-css-gradients.md

@@ -2,6 +2,7 @@
 title: 25 CSS gradients for your next project
 type: cheatsheet
 tags: css,visual
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/colors-mural.jpg
 excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now!

blog_posts/4-javascript-array-methods.md

@@ -2,6 +2,7 @@
 title: 4 JavaScript Array methods you must know
 type: story
 tags: javascript,array,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/arrays.jpg
 excerpt: JavaScript arrays have a very robust API offering a plethora of amazing tools. Learn the 4 must-know JavaScript array methods in this quick guide.

blog_posts/4-seo-tips-for-developers.md

@@ -2,6 +2,7 @@
 title: 4 SEO tips for developers
 type: story
 tags: seo,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sunrise-over-city.jpg
 excerpt: As time goes by, SEO is becoming increasingly relevant, but most web developers seem to have little experience with it. Here are 4 actionable SEO tips you can implement today.

blog_posts/5-tips-for-better-pull-requests.md

@@ -2,6 +2,7 @@
 title: 5 tips for better Pull Requests
 type: story
 tags: git,github,programming,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/keyboard-tea.jpg
 excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them.

blog_posts/6-javascript-regexp-tricks.md

@@ -2,6 +2,7 @@
 title: 6 JavaScript Regular Expression features you can use today
 type: story
 tags: javascript,string,regexp
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/taking-photos.jpg
 excerpt: Regular expressions, while very powerful, are notoriously hard to master. Start using them in your JavaScript code by understanding these 6 features.

blog_posts/6-python-f-strings-tips.md

@@ -2,6 +2,7 @@
 title: 6 Python f-strings tips and tricks
 type: story
 tags: python,string
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sea-view.jpg
 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.

blog_posts/7-chrome-extensions-for-web-developers.md

@@ -2,6 +2,7 @@
 title: 7 essential Chrome extensions for web developers
 type: story
 tags: devtools,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/computer-screens.jpg
 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.

blog_posts/8-tips-for-accessible-websites.md

@@ -2,6 +2,7 @@
 title: 8 tips for accessible websites
 type: story
 tags: javascript,accessibility,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/accessibility.jpg
 excerpt: Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips.

blog_posts/8-tips-for-remote-work.md

@@ -2,6 +2,7 @@
 title: 8 tips for working from home
 type: story
 tags: career,programming,jobs,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/kettle-laptop.jpg
 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...

blog_posts/async-javascript-cheatsheet.md

@@ -2,6 +2,7 @@
 title: Asynchronous JavaScript Cheat Sheet
 type: cheatsheet
 tags: javascript,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/green-plant.jpg
 excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet.

blog_posts/benefits-of-writing.md

@@ -2,6 +2,7 @@
 title: The benefits of writing
 type: story
 tags: career,webdev,programming,jobs
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/laptop-view.jpg
 excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time.

blog_posts/breaking-react.md

@@ -2,6 +2,7 @@
 title: Breaking React - a common pattern to avoid
 type: story
 tags: react,debugging
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/broken-screen.jpg
 excerpt: As powerful as React is, it is also quite fragile at places. Did you know that just a few lines are more than enough to break your entire React application?

blog_posts/code-anatomy-chaining-reduce-for-loop.md

@@ -2,6 +2,7 @@
 title: Code Anatomy - For loops, array reduce and method chaining
 type: story
 tags: javascript,array,object,iterator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/case-study.jpg
 excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.

blog_posts/code-anatomy-optimizing-recursion.md

@@ -2,6 +2,7 @@
 title: Code Anatomy - Optimizing recursive functions
 type: story
 tags: javascript,recursion,performance
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/case-study.jpg
 excerpt: Recursive code has a tendency of being inefficient and can leave a lot of space for optimization. Learn a couple of tricks we use to speed up our recursive functions.

blog_posts/code-anatomy-performant-python.md

@@ -2,6 +2,7 @@
 title: Code Anatomy - Writing high performance Python code
 type: story
 tags: python,list,performance
+expertise: intermediate
 author: maciv
 cover: blog_images/walking-on-top.jpg
 excerpt: Writing short, efficient Python code is not always straightforward. Read how we optimize our list snippets to increase performance using a couple of simple tricks.

blog_posts/console-log-cheatsheet.md

@@ -2,6 +2,7 @@
 title: JavaScript console.log() tips & tricks
 type: story
 tags: javascript,browser,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/terminal.jpg
 excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks.

blog_posts/cookies-local-storage-session.md

@@ -2,6 +2,7 @@
 title: What is the difference between cookies, local storage, and session storage?
 type: question
 tags: javascript,browser,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/three-vases.jpg
 excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs.

blog_posts/copy-text-to-clipboard-with-javascript.md

@@ -2,6 +2,7 @@
 title: How can I copy text to clipboard with JavaScript?
 type: question
 tags: javascript,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/typing.jpg
 excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.

blog_posts/css-centering.md

@@ -2,6 +2,7 @@
 title: 4 ways to center content with CSS
 type: story
 tags: css,layout
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/mountain-lake.jpg
 excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today.

blog_posts/css-easing-variables.md

@@ -2,6 +2,7 @@
 title: "Tip: CSS easing variables"
 type: tip
 tags: css,animation
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/curve.jpg
 excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.

blog_posts/css-pseudo-classes.md

@@ -2,6 +2,7 @@
 title: What are CSS pseudo-classes?
 type: question
 tags: css,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/orange-flower.jpg
 excerpt: Learn how to use CSS pseudo-classes to style an element based on changes to its state.

blog_posts/css-select-any-link.md

@@ -2,6 +2,7 @@
 title: "Tip: Select any link with CSS"
 type: tip
 tags: css,visual,interactivity
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/round-leaves.jpg
 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.

blog_posts/css-units-cheatsheet.md

@@ -2,6 +2,7 @@
 title: CSS units Cheat Sheet
 type: cheatsheet
 tags: css,layout,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/measuring.jpg
 excerpt: Learn everything you need to know about CSS units with this handy cheatsheet.

blog_posts/css-variables.md

@@ -2,6 +2,7 @@
 title: What are CSS variables and where can I use them?
 type: question
 tags: css,visual,layout
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/css-variables.jpg
 excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs.

blog_posts/custom-file-download-names.md

@@ -2,6 +2,7 @@
 title: "Tip: Customize the names of downloadable files"
 type: tip
 tags: webdev,html,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/hard-disk.jpg
 excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip.

blog_posts/detect-caps-lock-is-on.md

@@ -2,6 +2,7 @@
 title: How can I detect if Caps Lock is on with JavaScript?
 type: question
 tags: javascript,browser,event
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/keyboard.jpg
 excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.

blog_posts/dns-record-basics.md

@@ -2,6 +2,7 @@
 title: DNS Record Basics
 type: cheatsheet
 tags: webdev,dns,server,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sparkles.jpg
 excerpt: DNS records may not be a thing you work too often with. Regardless, some basic knowledge can go a long way.

blog_posts/eslint-refactor-for-in.md

@@ -2,6 +2,7 @@
 title: "Tip: Refactoring your for...in loops to avoid ESLint warnings"
 type: tip
 tags: javascript,array,iterator,eslint
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/typing.jpg
 excerpt: ESLint is a very powerful tool that can save you a lot of headaches, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning.

blog_posts/flexbox-cheatsheet.md

@@ -2,6 +2,7 @@
 title: Flexbox Cheat Sheet
 type: cheatsheet
 tags: css,layout,flexbox,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/frames.jpg
 excerpt: Flexbox allows you to create fluid layouts easily. If you find yourself constantly looking up the syntax or how it work, this handy cheatsheet is all you need.

blog_posts/git-aliases.md

@@ -2,6 +2,7 @@
 title: Git aliases
 type: cheatsheet
 tags: git,configuration,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/organizer.jpg
 excerpt: Increase your productivity by creating aliases for many common git operations.

blog_posts/git-commit-different-date.md

@@ -2,6 +2,7 @@
 title: "Tip: Create a commit with a different date"
 type: tip
 tags: git,commit
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/ice.jpg
 excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it.

blog_posts/git-fast-forward.md

@@ -2,6 +2,7 @@
 title: How does Git's fast-forward mode work?
 type: question
 tags: git,branch
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/boats.jpg
 excerpt: Merging a branch is a pretty common Git operation. Learn how fast-forward mode works and its benefits, so you can decide if it's a good fit for you and your team.

blog_posts/github-co-authors.md

@@ -2,6 +2,7 @@
 title: "Tip: How to add multiple authors to a commit"
 type: tip
 tags: git,github,programming,webdev
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/book-chair.jpg
 excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip.

blog_posts/http-status-codes-cheatsheet.md

@@ -2,6 +2,7 @@
 title: Common HTTP status codes Cheat Sheet
 type: cheatsheet
 tags: webdev,http
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/lake-runner.jpg
 excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet.

blog_posts/javascript-array-comparison.md

@@ -2,6 +2,7 @@
 title: How do I compare two arrays in JavaScript?
 type: question
 tags: javascript,array,comparison
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/coconuts.jpg
 excerpt: Learn how you can compare two arrays in JavaScript using various different techniques.

blog_posts/javascript-arrow-function-event-listeners.md

@@ -2,6 +2,7 @@
 title: Can I use an arrow function as the callback for an event listener in JavaScript?
 type: question
 tags: javascript,browser,event,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/arrow-functions.jpg
 excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.

blog_posts/javascript-arrow-functions.md

@@ -2,6 +2,7 @@
 title: Introduction to arrow functions in JavaScript
 type: story
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/arrow-functions.jpg
 excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know.

blog_posts/javascript-arrow-regular-function-differences.md

@@ -2,6 +2,7 @@
 title: What are the differences between arrow functions and regular functions in JavaScript?
 type: question
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/fallen-leaves.jpg
 excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know.

blog_posts/javascript-async-array-loops.md

@@ -2,6 +2,7 @@
 title: Asynchronous array loops in JavaScript
 type: story
 tags: javascript,array,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sunflowers.jpg
 excerpt: Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for.

blog_posts/javascript-await-timeout.md

@@ -2,6 +2,7 @@
 title: How can I add a timeout to a promise in JavaScript?
 type: question
 tags: javascript,promise,timeout,class
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/walking.jpg
 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.

blog_posts/javascript-boolean-function.md

@@ -2,6 +2,7 @@
 title: Where and how can I use the Boolean function in JavaScript?
 type: question
 tags: javascript,function,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/rocky-lake.jpg
 excerpt: JavaScript's built-in Boolean function can be very useful for truth-checking data among other things. Learn how to use it and level up your code today.

blog_posts/javascript-boolean-trap.md

@@ -2,6 +2,7 @@
 title: Boolean traps and how to avoid them
 type: story
 tags: javascript,function,type,boolean
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/lighthouse.jpg
 excerpt: Boolean traps can cause readabiltiy and maintainability issues in your code. Learn what they are, how to spot and fix them in this article.

blog_posts/javascript-callbacks.md

@@ -2,6 +2,7 @@
 title: A cautionary tale about JavaScript callbacks
 type: story
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/rabbit-call.jpg
 excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them.

blog_posts/javascript-classical-vs-prototypal-inheritance.md

@@ -2,6 +2,7 @@
 title: How does JavaScript's prototypal inheritance differ from classical inheritance?
 type: question
 tags: javascript,object,class
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/last-light.jpg
 excerpt: Understading the difference between these two object-oriented programming paradigms is key to taking your skills to the next level.

blog_posts/javascript-closures.md

@@ -2,6 +2,7 @@
 title: What are JavaScript closures?
 type: question
 tags: javascript,function,closure
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/cherry-trees.jpg
 excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code.

blog_posts/javascript-copy-array.md

@@ -2,6 +2,7 @@
 title: How can I clone an array in JavaScript?
 type: question
 tags: javascript,array
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/colorful-plastic.jpg
 excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript.

blog_posts/javascript-date-comparison.md

@@ -2,6 +2,7 @@
 title: How do I compare two dates in JavaScript?
 type: question
 tags: javascript,date,comparison
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/pineapple-at-work.jpg
 excerpt: Learn how you can compare two dates in JavaScript using various different techniques.

blog_posts/javascript-deep-freeze-object.md

@@ -2,6 +2,7 @@
 title: How can I deep freeze an object in JavaScript?
 type: question
 tags: javascript,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/frozen-globe.jpg
 excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant.

blog_posts/javascript-destructuring-assignment.md

@@ -2,6 +2,7 @@
 title: Where and how can I use the destructuring assignment syntax in JavaScript?
 type: question
 tags: javascript,array,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/building-blocks.jpg
 excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide.

blog_posts/javascript-empty-array.md

@@ -2,6 +2,7 @@
 title: How do I empty an array in JavaScript?
 type: question
 tags: javascript,array
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/coconuts.jpg
 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.

blog_posts/javascript-encodeuri-encodeuricomponent.md

@@ -2,6 +2,7 @@
 title: What is the difference between encodeURI() and encodeURIComponent() in JavaScript?
 type: question
 tags: javascript,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/laptop-view.jpg
 excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one?

blog_posts/javascript-enum.md

@@ -2,6 +2,7 @@
 title: How can I define an enum in JavaScript?
 type: question
 tags: javascript,object,class,symbol,generator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/book-chair.jpg
 excerpt: Enums are part of TypeScript, but what about defininf enums in plain old JavaScript? Here are a few way you can do that.

blog_posts/javascript-equality.md

@@ -2,6 +2,7 @@
 title: What is the difference between JavaScript's equality operators?
 type: question
 tags: javascript,type,comparison
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/beach-pineapple.jpg
 excerpt: Learn all you need to know about the differences between JavaScript's double equals and triple equals operators.

blog_posts/javascript-event-bubbling-capturing-delegation.md

@@ -2,6 +2,7 @@
 title: Understanding event bubbling, capturing and delegation in JavaScript
 type: story
 tags: javascript,browser,event
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/fishermen.jpg
 excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide.

blog_posts/javascript-expression-statement.md

@@ -2,6 +2,7 @@
 title: What is the difference between an expression and a statement in JavaScript?
 type: question
 tags: javascript,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/forest-balcony.jpg
 excerpt: JavaScript distinguishes expressions and statements. Learn their differences in this short article.

blog_posts/javascript-for-in-for-of-foreach.md

@@ -2,6 +2,7 @@
 title: What is the difference between JavaScript's for...in, for...of and forEach?
 type: question
 tags: javascript,array,object,iterator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/lake-loop.jpg
 excerpt: Learn the differences between the three most commonly used iteration methods offered by JavaScript, which often confuse beginners and veterans alike.

blog_posts/javascript-for-loop-early-break.md

@@ -2,6 +2,7 @@
 title: "Tip: Use JavaScript for loops if you need to break out early"
 type: tip
 tags: javascript,array,loop
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/armchair.jpg
 excerpt: JavaScript provides a handful of ways to iterate over data. While array methods are usually preferred, there are cases where a `for` loop is actually the best option.

blog_posts/javascript-function-call-apply-bind.md

@@ -2,6 +2,7 @@
 title: JavaScript function methods - call(), apply() and bind()
 type: story
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/canoe.jpg
 excerpt: Learn everything you need to know about JavaScript's `Function.prototype.call()`, `Function.prototype.apply()` and `Function.prototype.bind()` with this short guide.

blog_posts/javascript-higher-order-functions.md

@@ -2,6 +2,7 @@
 title: Understanding higher-order functions in JavaScript
 type: story
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/rock-climbing.jpg
 excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills.

blog_posts/javascript-iife.md

@@ -2,6 +2,7 @@
 title: What is an IIFE in JavaScript?
 type: question
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/tropical-waterfall.jpg
 excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know.

blog_posts/javascript-index-for-of-loop.md

@@ -2,6 +2,7 @@
 title: "Tip: Get the index of an array item in a JavaScript for...of loop"
 type: tip
 tags: javascript,array,iterator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/cave-view.jpg
 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.

blog_posts/javascript-iterable-to-array.md

@@ -2,6 +2,7 @@
 title: How do I convert an iterable to an array in JavaScript?
 type: question
 tags: javascript,object,array,string
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/waves.jpg
 excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today.

blog_posts/javascript-iterators.md

@@ -2,6 +2,7 @@
 title: What are JavaScript Iterators and where can I use them?
 type: question
 tags: javascript,array,object,iterator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/balloons.jpg
 excerpt: Learn how the new JavaScript ES6 Iterators work and how you can use them to level up your programming projects by understanding these short code examples.

blog_posts/javascript-json-stringify-pick-keys.md

@@ -2,6 +2,7 @@
 title: "Tip: Serialize specific properties from a JSON object"
 type: tip
 tags: javascript,object,json
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/coffee-drip.jpg
 excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this!

blog_posts/javascript-listen-once.md

@@ -2,6 +2,7 @@
 title: How can I execute an event handler at most once?
 type: question
 tags: javascript,browser,event
+expertise: intermediate
 author: maciv
 cover: blog_images/dog-waiting.jpg
 excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article.

blog_posts/javascript-make-iterable.md

@@ -2,6 +2,7 @@
 title: "Tip: Make any JavaScript value iterable"
 type: tip
 tags: javascript,array,iterator,generator
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/colorful-plastic.jpg
 excerpt: Did you know you can define an iterator for any JavaScript value? This quick tip will show you how.

blog_posts/javascript-memoization.md

@@ -2,6 +2,7 @@
 title: Where and how can I use memoization in JavaScript?
 type: question
 tags: javascript,function,memoization
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/cherry-trees.jpg
 excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.

blog_posts/javascript-merge-arrays.md

@@ -2,6 +2,7 @@
 title: How do I merge two arrays in JavaScript?
 type: question
 tags: javascript,array
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/arrays.jpg
 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.

blog_posts/javascript-modify-url-without-reload.md

@@ -2,6 +2,7 @@
 title: How do I use JavaScript to modify the URL without reloading the page?
 type: question
 tags: javascript,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/compass.jpg
 excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.

blog_posts/javascript-module-cheatsheet.md

@@ -2,6 +2,7 @@
 title: JavaScript modules Cheat Sheet
 type: cheatsheet
 tags: javascript,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/mountain-lake-2.jpg
 excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet.

blog_posts/javascript-naming-conventions.md

@@ -2,6 +2,7 @@
 title: JavaScript naming conventions
 type: story
 tags: javascript,variable,cheatsheet
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/naming-conventions.jpg
 excerpt: Naming conventions, while not easy to enforce, make code easier to read and understand. Learn how to name your variables in JavaScript with this handy guide.

blog_posts/javascript-nullish-coalescing-optional-chaining.md

@@ -2,6 +2,7 @@
 title: How can I use optional chaining and nullish coalescing in my JavaScript project?
 type: question
 tags: javascript,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/purple-leaves.jpg
 excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide.

blog_posts/javascript-numeric-separator.md

@@ -2,6 +2,7 @@
 title: JavaScript's numeric separators explained
 type: story
 tags: javascript,math,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/coffee-drip.jpg
 excerpt: Numeric separators are a somewhat lesser-known JavaScript syntactic sugar that can make working with large constants a lot easier.

blog_posts/javascript-object-array-proxy.md

@@ -2,6 +2,7 @@
 title: Can I use an object as an array without modifying it in JavaScript?
 type: question
 tags: javascript,object,array,proxy,iterator,pattern
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/birds.jpg
 excerpt: Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.

blog_posts/javascript-object-comparison.md

@@ -2,6 +2,7 @@
 title: How do I compare two objects in JavaScript?
 type: question
 tags: javascript,object,comparison
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/blue-lake.jpg
 excerpt: Learn how you can compare two objects in JavaScript using various different techniques.

blog_posts/javascript-object-is-triple-equals.md

@@ -2,6 +2,7 @@
 title: What's the difference between Object.is() and the triple equals operator in JavaScript?
 type: question
 tags: javascript,object,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/rocky-mountains.jpg
 excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?"

blog_posts/javascript-pass-by-reference-or-pass-by-value.md

@@ -2,6 +2,7 @@
 title: Is JavaScript pass-by-value or pass-by-reference?
 type: question
 tags: javascript,function,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/baloons-field.jpg
 excerpt: How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types.

blog_posts/javascript-prefix-postfix-operators.md

@@ -2,6 +2,7 @@
 title: What is the difference between prefix and postfix operators?
 type: question
 tags: javascript,math
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/plant-candle.jpg
 excerpt: While both the prefix and postfix operators increment a value, the resulting value of the expression is very different.

blog_posts/javascript-prevent-string-being-escaped.md

@@ -2,6 +2,7 @@
 title: "Tip: Prevent a string from being escaped in JavaScript"
 type: tip
 tags: javascript,string
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/glass-blowing.jpg
 excerpt: Strings in JavaScript can be escaped in various ways. But what if you need to prevent a string from being escaped? Here's a handy trick for that.

blog_posts/javascript-primitive-instanceof.md

@@ -2,6 +2,7 @@
 title: Is there a way to use instanceof for primitive JavaScript values?
 type: question
 tags: javascript,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/wooden-bowl.jpg
 excerpt: JavaScript's `instanceof` operator can't be used with primitive values, but there are a couple of simple tricks that you can leverage to your advantage.

blog_posts/javascript-promise-then-catch.md

@@ -2,6 +2,7 @@
 title: "Tip: The order of then and catch matters"
 type: tip
 tags: javascript,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/blue-sunrise.jpg
 excerpt: Messing up the order of chained `then` and `catch` methods in JavaScript promises can result in all sorts of problems. Here's a short primer on the subject.

blog_posts/javascript-promise-then-finally.md

@@ -2,6 +2,7 @@
 title: What is the difference between then and finally in a JavaScript promise?
 type: question
 tags: javascript,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/blue-sunrise.jpg
 excerpt: On the surface, a JavaScript promise's `then` and `finally` methods seem very similar. But there are a few important differences you need to keep in mind.

blog_posts/javascript-promises.md

@@ -2,6 +2,7 @@
 title: What are promises in JavaScript? In which states can a promise be?
 type: question
 tags: javascript,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sail-away.jpg
 excerpt: JavaScript's promises represent the eventual completion (or failure) of asynchronous operations and their resulting value.

blog_posts/javascript-pure-functions.md

@@ -2,6 +2,7 @@
 title: What is a pure function?
 type: question
 tags: javascript,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/dark-leaves.jpg
 excerpt: Pure functions are a very important concept to know, especially if you're interested in functional programming.

blog_posts/javascript-query-selector-shorthand.md

@@ -2,6 +2,7 @@
 title: "Tip: Create your own query selector shorthand"
 type: tip
 tags: javascript,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/pineapple-at-work.jpg
 excerpt: Ever wanted to create your own jquery-like query selector shorthand? Here's how!

blog_posts/javascript-range-generator.md

@@ -2,6 +2,7 @@
 title: Using JavaScript generator functions for ranges
 type: story
 tags: javascript,function,array
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/generator.jpg
 excerpt: Learn how to use JavaScript ES6 generators and iterators to iterate over ranges of numbers.

blog_posts/javascript-recursion.md

@@ -2,6 +2,7 @@
 title: What is recursion and when is it useful?
 type: question
 tags: javascript,function,recursion
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/curve.jpg
 excerpt: Recursion is a very important programming concept all developers should be familiar with.

blog_posts/javascript-remove-object-property.md

@@ -2,6 +2,7 @@
 title: How do I remove a property from a JavaScript object?
 type: question
 tags: javascript,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/brown-bird.jpg
 excerpt: Ever wanted to delete a property from a JavaScript object? Here are a few way you can accomplish that.

blog_posts/javascript-return-constructor.md

@@ -2,6 +2,7 @@
 title: What does a JavaScript constructor return?
 type: question
 tags: javascript,function,class,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/architectural.jpg
 excerpt: The constructor is arguably the most crucial part of any JavaScript class, which is why you might want to take a closer look at what they return.

blog_posts/javascript-shallow-deep-clone.md

@@ -2,6 +2,7 @@
 title: How do I clone an object in JavaScript?
 type: question
 tags: javascript,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/pagodas.jpg
 excerpt: Learn how JavaScript handles mutable data, such as objects and arrays, and understand how shallow cloning and deep cloning work.

blog_posts/javascript-singleton-proxy.md

@@ -2,6 +2,7 @@
 title: How can I implement a singleton in JavaScript?
 type: question
 tags: javascript,object,function,proxy,pattern
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/obelisk.jpg
 excerpt: Learn how to implement the singleton design pattern in JavaScript, using the Proxy object.

blog_posts/javascript-sleep.md

@@ -2,6 +2,7 @@
 title: How can I implement a sleep function in JavaScript?
 type: question
 tags: javascript,date,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/sleepy-cat.jpg
 excerpt: Learn all the different ways you can implement a `sleep()` function in JavaScript.

blog_posts/javascript-spread-rest-syntax.md

@@ -2,6 +2,7 @@
 title: Understanding the spread and rest syntax in Javascript
 type: story
 tags: javascript,array,function
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/antelope.jpg
 excerpt: JavaScript ES6 introduced us to several powerful features, such as the spread and rest syntax. Learn everything you need to know in this quick guide.

blog_posts/javascript-store-dom-items.md

@@ -2,6 +2,7 @@
 title: "Tip: Minimize DOM access"
 type: tip
 tags: javascript,browser
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/armchair.jpg
 excerpt: Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.

blog_posts/javascript-string-immutability.md

@@ -2,6 +2,7 @@
 title: Are JavaScript strings immutable?
 type: question
 tags: javascript,string,type
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/purple-sunset.jpg
 excerpt: When it comes to immutability, many developers have trouble wrapping their head around JavaScript strings. Yet they're not as complicated as you might expect.

blog_posts/javascript-swap-two-variables.md

@@ -2,6 +2,7 @@
 title: "Tip: How to swap two variables in JavaScript"
 type: tip
 tags: javascript,array,variables
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/mountain-lake-2.jpg
 excerpt: Learn how to swap the values of two variables in JavaScript using a single line of ES6 code.

blog_posts/javascript-switch-object.md

@@ -2,6 +2,7 @@
 title: Replacing JavaScript switch statement with object literals
 type: story
 tags: javascript,object
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/rocky-lake.jpg
 excerpt: JavaScript's `switch` statement often feels hard to remember and a little bit out of place. Maybe it's time to use object literals, instead.

blog_posts/javascript-sync-async.md

@@ -2,6 +2,7 @@
 title: What is the difference between synchronous and asynchronous code in JavaScript?
 type: question
 tags: javascript,function,promise
+expertise: intermediate
 author: chalarangelo
 cover: blog_images/pineapple-on-green.jpg
 excerpt: Understanding the differences between synchronous and asynchronous code is a crucial piece of knowledge for every web developer.