Deprecate expertise field

This commit is contained in:
Angelos Chalaris
2022-12-04 22:26:36 +02:00
parent ef958b1122
commit fe8e613db5
224 changed files with 0 additions and 224 deletions

View File

@ -33,7 +33,6 @@ 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 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 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 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). - 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 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. - 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.

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: 4 JavaScript Array methods you must know
shortTitle: Useful array methods shortTitle: Useful array methods
type: story type: story
tags: javascript,array,cheatsheet tags: javascript,array,cheatsheet
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/arrays.jpg 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. 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.

View File

@ -3,7 +3,6 @@ title: 4 SEO tips for developers
shortTitle: SEO tips shortTitle: SEO tips
type: story type: story
tags: seo,webdev tags: seo,webdev
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/sunrise-over-city.jpg 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. 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.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -2,7 +2,6 @@
title: Big-O Cheat Sheet title: Big-O Cheat Sheet
type: cheatsheet type: cheatsheet
tags: javascript,algorithm tags: javascript,algorithm
expertise: advanced
author: chalarangelo author: chalarangelo
cover: blog_images/light-ring.jpg cover: blog_images/light-ring.jpg
excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet. excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet.

View File

@ -2,7 +2,6 @@
title: Breaking React - a common pattern to avoid title: Breaking React - a common pattern to avoid
type: story type: story
tags: react,debugging tags: react,debugging
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/broken-screen.jpg 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? 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?

View File

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

View File

@ -3,7 +3,6 @@ title: Code Anatomy - Optimizing recursive functions
shortTitle: Optimizing recursive functions shortTitle: Optimizing recursive functions
type: story type: story
tags: javascript,recursion,performance tags: javascript,recursion,performance
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/case-study.jpg 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. 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.

View File

@ -3,7 +3,6 @@ title: Code Anatomy - Writing high performance Python code
shortTitle: Performant Python code shortTitle: Performant Python code
type: story type: story
tags: python,list,performance tags: python,list,performance
expertise: beginner
author: maciv author: maciv
cover: blog_images/walking-on-top.jpg 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. 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.

View File

@ -2,7 +2,6 @@
title: Common regular expressions title: Common regular expressions
type: cheatsheet type: cheatsheet
tags: javascript,string,regexp tags: javascript,string,regexp
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/rocky-beach.jpg cover: blog_images/rocky-beach.jpg
excerpt: A collection of regular expressions that can be used to solve common problems. excerpt: A collection of regular expressions that can be used to solve common problems.

View File

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

View File

@ -3,7 +3,6 @@ title: What is the difference between cookies, local storage, and session storag
shortTitle: Cookies, local storage, and session storage shortTitle: Cookies, local storage, and session storage
type: question type: question
tags: javascript,browser,webdev tags: javascript,browser,webdev
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/three-vases.jpg 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. excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs.

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: "Tip: Use clamp() in CSS for responsive typography"
shortTitle: CSS clamp() shortTitle: CSS clamp()
type: tip type: tip
tags: css,visual tags: css,visual
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/strawberries.jpg cover: blog_images/strawberries.jpg
excerpt: Implement responsive typography with the CSS clamp() function. excerpt: Implement responsive typography with the CSS clamp() function.

View File

@ -2,7 +2,6 @@
title: The currentColor CSS keyword title: The currentColor CSS keyword
type: tip type: tip
tags: css,visual tags: css,visual
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/picking-berries.jpg cover: blog_images/picking-berries.jpg
excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases. excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases.

View File

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

View File

@ -3,7 +3,6 @@ title: How can I ensure the footer is always at the bottom of the page?
shortTitle: Footer at the bottom shortTitle: Footer at the bottom
type: question type: question
tags: css,layout tags: css,layout
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/flower-shape-sunset.jpg cover: blog_images/flower-shape-sunset.jpg
excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short. excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.

View File

@ -3,7 +3,6 @@ title: CSS inherited properties cheatsheet
shortTitle: Inherited properties shortTitle: Inherited properties
type: cheatsheet type: cheatsheet
tags: css,layout tags: css,layout
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/half-trees.jpg cover: blog_images/half-trees.jpg
excerpt: A quick reference for inherited CSS properties. excerpt: A quick reference for inherited CSS properties.

View File

@ -3,7 +3,6 @@ title: "Tip: Perfect nested border radius in CSS"
shortTitle: Perfect nested border radius in CSS shortTitle: Perfect nested border radius in CSS
type: tip type: tip
tags: css,visual tags: css,visual
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/rocky-beach-waves.jpg cover: blog_images/rocky-beach-waves.jpg
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. 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.

View File

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

View File

@ -2,7 +2,6 @@
title: CSS Reset title: CSS Reset
type: story type: story
tags: css,visual tags: css,visual
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/pink-flower-tree.jpg cover: blog_images/pink-flower-tree.jpg
excerpt: A short, opinionated CSS reset to make your websites look great everywhere. excerpt: A short, opinionated CSS reset to make your websites look great everywhere.

View File

@ -3,7 +3,6 @@ title: What's the difference between :root and html in CSS?
shortTitle: :root vs html shortTitle: :root vs html
type: story type: story
tags: css,layout,selector tags: css,layout,selector
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/tree-roots.jpg cover: blog_images/tree-roots.jpg
excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences. excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences.

View File

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

View File

@ -3,7 +3,6 @@ title: "Tip: Style links without a class"
shortTitle: Style default links shortTitle: Style default links
type: tip type: tip
tags: css,visual,interactivity tags: css,visual,interactivity
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/citrus-drink.jpg cover: blog_images/citrus-drink.jpg
excerpt: A short summary of your story up to 180 characters long. excerpt: A short summary of your story up to 180 characters long.

View File

@ -3,7 +3,6 @@ title: Why should line-height be unitless in CSS?
shortTitle: Unitless line height shortTitle: Unitless line height
type: tip type: tip
tags: css,layout,visual tags: css,layout,visual
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/gold-typewriter.jpg cover: blog_images/gold-typewriter.jpg
excerpt: You might have heard that `line-height` should be unitless, but do you know why? excerpt: You might have heard that `line-height` should be unitless, but do you know why?

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -2,7 +2,6 @@
title: Escaping tutorial hell title: Escaping tutorial hell
type: story type: story
tags: career,webdev,programming,jobs tags: career,webdev,programming,jobs
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/campfire.jpg cover: blog_images/campfire.jpg
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. 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.

View File

@ -3,7 +3,6 @@ title: "Tip: Refactoring your for...in loops to avoid ESLint warnings"
shortTitle: Refactoring for...in loops to avoid ESLint warnings shortTitle: Refactoring for...in loops to avoid ESLint warnings
type: tip type: tip
tags: javascript,array,iterator,eslint tags: javascript,array,iterator,eslint
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/typing.jpg 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. 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.

View File

@ -2,7 +2,6 @@
title: Flexbox Cheat Sheet title: Flexbox Cheat Sheet
type: cheatsheet type: cheatsheet
tags: css,layout,flexbox,cheatsheet tags: css,layout,flexbox,cheatsheet
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/frames.jpg 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. 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.

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: How does Git's fast-forward mode work?
shortTitle: Git fast-forward shortTitle: Git fast-forward
type: question type: question
tags: git,branch tags: git,branch
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/boats.jpg 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. 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.

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: How can I add a key-value pair to a JavaScript object?
shortTitle: Add key-value pair to object shortTitle: Add key-value pair to object
type: question type: question
tags: javascript,object tags: javascript,object
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/pineapple-laptop.jpg cover: blog_images/pineapple-laptop.jpg
excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so. excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so.

View File

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

View File

@ -3,7 +3,6 @@ title: How can I check if a JavaScript array includes a specific value?
shortTitle: JavaScript array includes value shortTitle: JavaScript array includes value
type: question type: question
tags: javascript,array tags: javascript,array
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/bridge-drop.jpg cover: blog_images/bridge-drop.jpg
excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects. excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects.

View File

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

View File

@ -3,7 +3,6 @@ title: Introduction to arrow functions in JavaScript
shortTitle: Arrow functions introduction shortTitle: Arrow functions introduction
type: story type: story
tags: javascript,function tags: javascript,function
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/arrow-functions.jpg 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. excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know.

View File

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

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: How can I check for a blank value in JavaScript?
shortTitle: Value is blank shortTitle: Value is blank
type: question type: question
tags: javascript,type tags: javascript,type
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/workspace-with-speaker.jpg cover: blog_images/workspace-with-speaker.jpg
excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one. excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one.

View File

@ -3,7 +3,6 @@ title: Where and how can I use the Boolean function in JavaScript?
shortTitle: Boolean function use-cases shortTitle: Boolean function use-cases
type: question type: question
tags: javascript,function,type tags: javascript,function,type
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/rocky-lake.jpg 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. 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.

View File

@ -3,7 +3,6 @@ title: Boolean traps and how to avoid them
shortTitle: Boolean traps shortTitle: Boolean traps
type: story type: story
tags: javascript,function,type,boolean tags: javascript,function,type,boolean
expertise: advanced
author: chalarangelo author: chalarangelo
cover: blog_images/lighthouse.jpg cover: blog_images/lighthouse.jpg
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. 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.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: What is the Event Loop in JavaScript?
shortTitle: Event loop explained shortTitle: Event loop explained
type: question type: question
tags: javascript,browser,event tags: javascript,browser,event
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/tranquility.jpg cover: blog_images/tranquility.jpg
excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine. excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine.

View File

@ -3,7 +3,6 @@ title: Are JavaScript closures inherently evil?
shortTitle: Closures and hidden state shortTitle: Closures and hidden state
type: story type: story
tags: javascript,function,closure tags: javascript,function,closure
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/silver-flat-screen.jpg cover: blog_images/silver-flat-screen.jpg
excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code. excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code.

View File

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

View File

@ -3,7 +3,6 @@ title: What is the difference between JavaScript's for...in, for...of and forEac
shortTitle: JavaScript iteration methods comparison shortTitle: JavaScript iteration methods comparison
type: question type: question
tags: javascript,array,object,iterator tags: javascript,array,object,iterator
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/lake-loop.jpg 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. excerpt: Learn the differences between the three most commonly used iteration methods offered by JavaScript, which often confuse beginners and veterans alike.

View File

@ -3,7 +3,6 @@ title: "Tip: Use JavaScript for loops if you need to break out early"
shortTitle: For loops for early breaking shortTitle: For loops for early breaking
type: tip type: tip
tags: javascript,array,loop tags: javascript,array,loop
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/armchair.jpg 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. 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.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: What are JavaScript Iterators and where can I use them?
shortTitle: JavaScript iterators introduction shortTitle: JavaScript iterators introduction
type: question type: question
tags: javascript,array,object,iterator tags: javascript,array,object,iterator
expertise: advanced
author: chalarangelo author: chalarangelo
cover: blog_images/balloons.jpg 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. 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.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: JavaScript naming conventions
shortTitle: Naming conventions shortTitle: Naming conventions
type: story type: story
tags: javascript,variable,cheatsheet tags: javascript,variable,cheatsheet
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/naming-conventions.jpg 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. 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.

View File

@ -3,7 +3,6 @@ title: How can I use optional chaining and nullish coalescing in my JavaScript p
shortTitle: Optional chaining and nullish coalescing shortTitle: Optional chaining and nullish coalescing
type: question type: question
tags: javascript,type tags: javascript,type
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/purple-leaves.jpg 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. excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -3,7 +3,6 @@ title: What is the difference between prefix and postfix operators?
shortTitle: Prefix and postfix operators shortTitle: Prefix and postfix operators
type: question type: question
tags: javascript,math tags: javascript,math
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/plant-candle.jpg 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. excerpt: While both the prefix and postfix operators increment a value, the resulting value of the expression is very different.

View File

@ -3,7 +3,6 @@ title: "Tip: Pretty-print a JSON object with JavaScript"
shortTitle: Pretty-print JSON shortTitle: Pretty-print JSON
type: tip type: tip
tags: javascript,object,json tags: javascript,object,json
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/memories-of-pineapple-3.jpg cover: blog_images/memories-of-pineapple-3.jpg
excerpt: Pretty-printing JSON objects in pretty easy and customizable in JavaScript. Here's the gist of it. excerpt: Pretty-printing JSON objects in pretty easy and customizable in JavaScript. Here's the gist of it.

View File

@ -3,7 +3,6 @@ title: "Tip: Prevent a string from being escaped in JavaScript"
shortTitle: Prevent string escaping shortTitle: Prevent string escaping
type: tip type: tip
tags: javascript,string tags: javascript,string
expertise: beginner
author: chalarangelo author: chalarangelo
cover: blog_images/glass-blowing.jpg 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. 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.

View File

@ -3,7 +3,6 @@ title: Is there a way to use instanceof for primitive JavaScript values?
shortTitle: Using instanceof for primitive values shortTitle: Using instanceof for primitive values
type: question type: question
tags: javascript,type tags: javascript,type
expertise: intermediate
author: chalarangelo author: chalarangelo
cover: blog_images/wooden-bowl.jpg 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. 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.

Some files were not shown because too many files have changed in this diff Show More