diff --git a/blog_posts/10-vs-code-extensions-for-js-developers.md b/blog_posts/10-vs-code-extensions-for-js-developers.md index 34105a836..8d5086d99 100644 --- a/blog_posts/10-vs-code-extensions-for-js-developers.md +++ b/blog_posts/10-vs-code-extensions-for-js-developers.md @@ -4,7 +4,7 @@ shortTitle: Essential VS Code extensions type: story tags: devtools,vscode author: chalarangelo -cover: blog_images/computer-screens.jpg +cover: computer-screens excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity. unlisted: true firstSeen: 2019-12-23T10:41:56+02:00 diff --git a/blog_posts/25-css-gradients.md b/blog_posts/25-css-gradients.md index 6a0ec6041..1bc4d66d5 100644 --- a/blog_posts/25-css-gradients.md +++ b/blog_posts/25-css-gradients.md @@ -4,7 +4,7 @@ shortTitle: CSS gradients type: cheatsheet tags: css,visual author: chalarangelo -cover: blog_images/colors-mural.jpg +cover: colors-mural excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now! firstSeen: 2021-01-08T22:30:37+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/4-javascript-array-methods.md b/blog_posts/4-javascript-array-methods.md index 686afedba..2311db9e7 100644 --- a/blog_posts/4-javascript-array-methods.md +++ b/blog_posts/4-javascript-array-methods.md @@ -4,7 +4,7 @@ shortTitle: Useful array methods type: story tags: javascript,array,cheatsheet author: chalarangelo -cover: blog_images/arrays.jpg +cover: arrays 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. firstSeen: 2020-08-03T21:37:03+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/4-seo-tips-for-developers.md b/blog_posts/4-seo-tips-for-developers.md index 575fbd68e..6318d3d36 100644 --- a/blog_posts/4-seo-tips-for-developers.md +++ b/blog_posts/4-seo-tips-for-developers.md @@ -4,7 +4,7 @@ shortTitle: SEO tips type: story tags: seo,webdev author: chalarangelo -cover: blog_images/sunrise-over-city.jpg +cover: sunrise-over-city 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. firstSeen: 2020-01-17T14:51:15+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/5-tips-for-better-pull-requests.md b/blog_posts/5-tips-for-better-pull-requests.md index 0f376fd7e..52eeb8aa7 100644 --- a/blog_posts/5-tips-for-better-pull-requests.md +++ b/blog_posts/5-tips-for-better-pull-requests.md @@ -3,7 +3,7 @@ title: 5 tips for better Pull Requests type: story tags: git,github,programming,webdev author: chalarangelo -cover: blog_images/keyboard-tea.jpg +cover: keyboard-tea excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them. unlisted: true firstSeen: 2020-06-24T12:44:03+03:00 diff --git a/blog_posts/6-javascript-regexp-tricks.md b/blog_posts/6-javascript-regexp-tricks.md index 8297323c3..a98941b0f 100644 --- a/blog_posts/6-javascript-regexp-tricks.md +++ b/blog_posts/6-javascript-regexp-tricks.md @@ -4,7 +4,7 @@ shortTitle: JavaScript Regular Expression tips type: story tags: javascript,string,regexp author: chalarangelo -cover: blog_images/taking-photos.jpg +cover: taking-photos excerpt: Regular expressions, while very powerful, are notoriously hard to master. Start using them in your JavaScript code by understanding these 6 features. firstSeen: 2020-04-15T14:24:50+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/6-python-f-strings-tips.md b/blog_posts/6-python-f-strings-tips.md index 9f3b68b93..c05b3530c 100644 --- a/blog_posts/6-python-f-strings-tips.md +++ b/blog_posts/6-python-f-strings-tips.md @@ -3,7 +3,7 @@ title: 6 Python f-strings tips and tricks type: story tags: python,string author: chalarangelo -cover: blog_images/sea-view.jpg +cover: sea-view excerpt: Python's f-strings can do a lot more than you might expect. Learn a few useful tips and tricks in this quick guide. firstSeen: 2021-07-20T05:00:00-04:00 --- diff --git a/blog_posts/7-chrome-extensions-for-web-developers.md b/blog_posts/7-chrome-extensions-for-web-developers.md index 163f863bc..c8b11f5ca 100644 --- a/blog_posts/7-chrome-extensions-for-web-developers.md +++ b/blog_posts/7-chrome-extensions-for-web-developers.md @@ -4,7 +4,7 @@ shortTitle: Essential Chrome extensions type: story tags: devtools,webdev author: chalarangelo -cover: blog_images/computer-screens.jpg +cover: computer-screens excerpt: Google Chrome's developer tools are nothing short of amazing. Here are 7 must-have extensions you can add to increase your productivity even further. unlisted: true firstSeen: 2020-03-18T12:37:31+02:00 diff --git a/blog_posts/8-tips-for-accessible-websites.md b/blog_posts/8-tips-for-accessible-websites.md index 3740d9f02..3f1eef03e 100644 --- a/blog_posts/8-tips-for-accessible-websites.md +++ b/blog_posts/8-tips-for-accessible-websites.md @@ -4,7 +4,7 @@ shortTitle: Accessibility tips type: story tags: javascript,accessibility,webdev author: chalarangelo -cover: blog_images/accessibility.jpg +cover: accessibility excerpt: Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips. firstSeen: 2020-05-20T14:10:13+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/8-tips-for-remote-work.md b/blog_posts/8-tips-for-remote-work.md index a04d915a4..5d4e8466e 100644 --- a/blog_posts/8-tips-for-remote-work.md +++ b/blog_posts/8-tips-for-remote-work.md @@ -3,7 +3,7 @@ title: 8 tips for working from home type: story tags: career,programming,jobs,webdev author: chalarangelo -cover: blog_images/kettle-laptop.jpg +cover: kettle-laptop excerpt: Working from home seems like a great alternative to going to the office, but there are challenges that come with it that you need to overcome... unlisted: true firstSeen: 2020-03-12T22:14:41+02:00 diff --git a/blog_posts/async-javascript-cheatsheet.md b/blog_posts/async-javascript-cheatsheet.md index df4aa8c60..02f76a769 100644 --- a/blog_posts/async-javascript-cheatsheet.md +++ b/blog_posts/async-javascript-cheatsheet.md @@ -3,7 +3,7 @@ title: Asynchronous JavaScript Cheat Sheet type: cheatsheet tags: javascript,function,promise author: chalarangelo -cover: blog_images/green-plant.jpg +cover: green-plant excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet. firstSeen: 2020-08-18T23:05:52+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/bash-alias-dollar-sign.md b/blog_posts/bash-alias-dollar-sign.md index 528eecc53..ea1e2b1db 100644 --- a/blog_posts/bash-alias-dollar-sign.md +++ b/blog_posts/bash-alias-dollar-sign.md @@ -4,7 +4,7 @@ shortTitle: Bash alias for copying from the web type: tip tags: git,configuration author: chalarangelo -cover: blog_images/capsule-coffee.jpg +cover: capsule-coffee excerpt: Many online resources prefix their terminal commands with a dollar sign. Luckily, we've got a solution to this small annoyance. firstSeen: 2023-03-05T05:00:00-04:00 --- diff --git a/blog_posts/benefits-of-writing.md b/blog_posts/benefits-of-writing.md index 793c523d0..c427f027a 100644 --- a/blog_posts/benefits-of-writing.md +++ b/blog_posts/benefits-of-writing.md @@ -3,7 +3,7 @@ title: The benefits of writing type: story tags: career,webdev,programming,jobs author: chalarangelo -cover: blog_images/laptop-view.jpg +cover: laptop-view excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time. firstSeen: 2021-04-12T12:00:00+03:00 lastUpdated: 2022-11-05T14:00:07+03:00 diff --git a/blog_posts/big-o-cheatsheet.md b/blog_posts/big-o-cheatsheet.md index b70c06cb1..b51ebcd7e 100644 --- a/blog_posts/big-o-cheatsheet.md +++ b/blog_posts/big-o-cheatsheet.md @@ -3,7 +3,7 @@ title: Big-O Cheat Sheet type: cheatsheet tags: javascript,algorithm author: chalarangelo -cover: blog_images/light-ring.jpg +cover: light-ring excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet. firstSeen: 2023-01-08T05:00:00-04:00 --- diff --git a/blog_posts/breaking-react.md b/blog_posts/breaking-react.md index 0c7037e09..867797162 100644 --- a/blog_posts/breaking-react.md +++ b/blog_posts/breaking-react.md @@ -3,7 +3,7 @@ title: Breaking React - a common pattern to avoid type: story tags: react,debugging author: chalarangelo -cover: blog_images/broken-screen.jpg +cover: broken-screen 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? firstSeen: 2020-01-30T12:35:19+02:00 lastUpdated: 2021-11-06T20:51:47+03:00 diff --git a/blog_posts/code-anatomy-chaining-reduce-for-loop.md b/blog_posts/code-anatomy-chaining-reduce-for-loop.md index 67f866f7e..2d01b6de9 100644 --- a/blog_posts/code-anatomy-chaining-reduce-for-loop.md +++ b/blog_posts/code-anatomy-chaining-reduce-for-loop.md @@ -4,7 +4,7 @@ shortTitle: For loops, array reduce and method chaining type: story tags: javascript,array,object,iterator author: chalarangelo -cover: blog_images/case-study.jpg +cover: case-study excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them. firstSeen: 2020-05-19T14:27:18+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/code-anatomy-optimizing-recursion.md b/blog_posts/code-anatomy-optimizing-recursion.md index c594f1033..c9098d9e8 100644 --- a/blog_posts/code-anatomy-optimizing-recursion.md +++ b/blog_posts/code-anatomy-optimizing-recursion.md @@ -4,7 +4,7 @@ shortTitle: Optimizing recursive functions type: story tags: javascript,recursion,performance author: chalarangelo -cover: blog_images/case-study.jpg +cover: case-study 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. firstSeen: 2020-05-12T21:57:09+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/code-anatomy-performant-python.md b/blog_posts/code-anatomy-performant-python.md index cff434a6d..e21bba314 100644 --- a/blog_posts/code-anatomy-performant-python.md +++ b/blog_posts/code-anatomy-performant-python.md @@ -3,8 +3,7 @@ title: Code Anatomy - Writing high performance Python code shortTitle: Performant Python code type: story tags: python,list,performance -author: maciv -cover: blog_images/walking-on-top.jpg +cover: walking-on-top 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. firstSeen: 2020-03-15T12:50:05+02:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/common-regexp-cheatsheet.md b/blog_posts/common-regexp-cheatsheet.md index 6695ebca2..d89b1557c 100644 --- a/blog_posts/common-regexp-cheatsheet.md +++ b/blog_posts/common-regexp-cheatsheet.md @@ -3,7 +3,7 @@ title: Common regular expressions type: cheatsheet tags: javascript,string,regexp author: chalarangelo -cover: blog_images/rocky-beach.jpg +cover: rocky-beach excerpt: A collection of regular expressions that can be used to solve common problems. firstSeen: 2022-11-09T05:00:00-04:00 --- diff --git a/blog_posts/console-log-cheatsheet.md b/blog_posts/console-log-cheatsheet.md index 6243c5fc7..f77536636 100644 --- a/blog_posts/console-log-cheatsheet.md +++ b/blog_posts/console-log-cheatsheet.md @@ -3,7 +3,7 @@ title: JavaScript console.log() tips & tricks type: story tags: javascript,browser,cheatsheet author: chalarangelo -cover: blog_images/terminal.jpg +cover: terminal excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks. firstSeen: 2021-02-25T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/cookies-local-storage-session.md b/blog_posts/cookies-local-storage-session.md index 3c2e06500..c5e624747 100644 --- a/blog_posts/cookies-local-storage-session.md +++ b/blog_posts/cookies-local-storage-session.md @@ -4,7 +4,7 @@ shortTitle: Cookies, local storage, and session storage type: question tags: javascript,browser,webdev author: chalarangelo -cover: blog_images/three-vases.jpg +cover: three-vases excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs. firstSeen: 2020-08-18T13:02:24+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/copy-text-to-clipboard-with-javascript.md b/blog_posts/copy-text-to-clipboard-with-javascript.md index 11831a240..d8c103f1e 100644 --- a/blog_posts/copy-text-to-clipboard-with-javascript.md +++ b/blog_posts/copy-text-to-clipboard-with-javascript.md @@ -4,7 +4,7 @@ shortTitle: Copy text to clipboard type: question tags: javascript,browser author: chalarangelo -cover: blog_images/typing.jpg +cover: typing excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills. firstSeen: 2020-01-20T11:41:23+02:00 lastUpdated: 2022-01-11T09:47:54+03:00 diff --git a/blog_posts/css-centering.md b/blog_posts/css-centering.md index dbc170674..eea81047a 100644 --- a/blog_posts/css-centering.md +++ b/blog_posts/css-centering.md @@ -4,7 +4,7 @@ shortTitle: Centering content with CSS type: story tags: css,layout author: chalarangelo -cover: blog_images/mountain-lake.jpg +cover: mountain-lake excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today. firstSeen: 2021-02-22T11:00:00+02:00 lastUpdated: 2021-09-28T19:35:49+03:00 diff --git a/blog_posts/css-clamp.md b/blog_posts/css-clamp.md index 104e29387..9a8224c70 100644 --- a/blog_posts/css-clamp.md +++ b/blog_posts/css-clamp.md @@ -4,7 +4,7 @@ shortTitle: CSS clamp() type: tip tags: css,visual author: chalarangelo -cover: blog_images/strawberries.jpg +cover: strawberries excerpt: Implement responsive typography with the CSS clamp() function. firstSeen: 2022-12-28T05:00:00-04:00 --- diff --git a/blog_posts/css-current-color.md b/blog_posts/css-current-color.md index 024d74bf6..e4059bb55 100644 --- a/blog_posts/css-current-color.md +++ b/blog_posts/css-current-color.md @@ -3,7 +3,7 @@ title: The currentColor CSS keyword type: tip tags: css,visual author: chalarangelo -cover: blog_images/picking-berries.jpg +cover: picking-berries excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases. firstSeen: 2022-11-30T05:00:00-04:00 --- diff --git a/blog_posts/css-easing-variables.md b/blog_posts/css-easing-variables.md index b6de69117..1bf845c7e 100644 --- a/blog_posts/css-easing-variables.md +++ b/blog_posts/css-easing-variables.md @@ -4,7 +4,7 @@ shortTitle: CSS easing variables type: tip tags: css,animation author: chalarangelo -cover: blog_images/curve.jpg +cover: curve excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out. firstSeen: 2020-12-30T16:13:58+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/css-footer-at-the-bottom.md b/blog_posts/css-footer-at-the-bottom.md index 13545cd64..272023cbc 100644 --- a/blog_posts/css-footer-at-the-bottom.md +++ b/blog_posts/css-footer-at-the-bottom.md @@ -4,7 +4,7 @@ shortTitle: Footer at the bottom type: question tags: css,layout author: chalarangelo -cover: blog_images/flower-shape-sunset.jpg +cover: flower-shape-sunset excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short. firstSeen: 2022-10-30T05:00:00-04:00 --- diff --git a/blog_posts/css-inherited-properties-cheatsheet.md b/blog_posts/css-inherited-properties-cheatsheet.md index 01c9876c2..0891b8e7a 100644 --- a/blog_posts/css-inherited-properties-cheatsheet.md +++ b/blog_posts/css-inherited-properties-cheatsheet.md @@ -4,7 +4,7 @@ shortTitle: Inherited properties type: cheatsheet tags: css,layout author: chalarangelo -cover: blog_images/half-trees.jpg +cover: half-trees excerpt: A quick reference for inherited CSS properties. firstSeen: 2022-11-20T05:00:00-04:00 --- diff --git a/blog_posts/css-nested-border-radius.md b/blog_posts/css-nested-border-radius.md index 200bbf76a..551c3f5f9 100644 --- a/blog_posts/css-nested-border-radius.md +++ b/blog_posts/css-nested-border-radius.md @@ -4,7 +4,7 @@ shortTitle: Perfect nested border radius in CSS type: tip tags: css,visual author: chalarangelo -cover: blog_images/rocky-beach-waves.jpg +cover: rocky-beach-waves excerpt: Nesting elements with rounded borders can look very wrong if not done correctly. Here's a quick tip on how to do it right. firstSeen: 2022-04-03T05:00:00-04:00 --- diff --git a/blog_posts/css-pseudo-classes.md b/blog_posts/css-pseudo-classes.md index 7ade858f1..d8414311f 100644 --- a/blog_posts/css-pseudo-classes.md +++ b/blog_posts/css-pseudo-classes.md @@ -4,7 +4,7 @@ shortTitle: CSS pseudo-classes type: question tags: css,webdev author: chalarangelo -cover: blog_images/orange-flower.jpg +cover: orange-flower excerpt: Learn how to use CSS pseudo-classes to style an element based on changes to its state. firstSeen: 2020-08-18T19:56:12+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/css-reset.md b/blog_posts/css-reset.md index 0eeea8792..f73f0e977 100644 --- a/blog_posts/css-reset.md +++ b/blog_posts/css-reset.md @@ -3,7 +3,7 @@ title: CSS Reset type: story tags: css,visual author: chalarangelo -cover: blog_images/pink-flower-tree.jpg +cover: pink-flower-tree excerpt: A short, opinionated CSS reset to make your websites look great everywhere. firstSeen: 2022-10-16T05:00:00-04:00 --- diff --git a/blog_posts/css-root-vs-html.md b/blog_posts/css-root-vs-html.md index 354d2342e..c949af885 100644 --- a/blog_posts/css-root-vs-html.md +++ b/blog_posts/css-root-vs-html.md @@ -4,7 +4,7 @@ shortTitle: :root vs html type: story tags: css,layout,selector author: chalarangelo -cover: blog_images/tree-roots.jpg +cover: tree-roots excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences. firstSeen: 2022-05-22T05:00:00-04:00 --- diff --git a/blog_posts/css-select-any-link.md b/blog_posts/css-select-any-link.md index de75528a5..91a41a269 100644 --- a/blog_posts/css-select-any-link.md +++ b/blog_posts/css-select-any-link.md @@ -4,7 +4,7 @@ shortTitle: "CSS :any-link pseudo-class" type: tip tags: css,visual,interactivity author: chalarangelo -cover: blog_images/round-leaves.jpg +cover: round-leaves excerpt: You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not. firstSeen: 2022-03-06T05:00:00-04:00 --- diff --git a/blog_posts/css-style-default-links.md b/blog_posts/css-style-default-links.md index e238775b2..7ca99fe0e 100644 --- a/blog_posts/css-style-default-links.md +++ b/blog_posts/css-style-default-links.md @@ -4,7 +4,7 @@ shortTitle: Style default links type: tip tags: css,visual,interactivity author: chalarangelo -cover: blog_images/citrus-drink.jpg +cover: citrus-drink excerpt: A short summary of your story up to 180 characters long. firstSeen: 2022-11-23T05:00:00-04:00 --- diff --git a/blog_posts/css-unitless-line-height.md b/blog_posts/css-unitless-line-height.md index 74850169f..2101ababb 100644 --- a/blog_posts/css-unitless-line-height.md +++ b/blog_posts/css-unitless-line-height.md @@ -4,7 +4,7 @@ shortTitle: Unitless line height type: tip tags: css,layout,visual author: chalarangelo -cover: blog_images/gold-typewriter.jpg +cover: gold-typewriter excerpt: You might have heard that `line-height` should be unitless, but do you know why? firstSeen: 2022-11-27T05:00:00-04:00 --- diff --git a/blog_posts/css-units-cheatsheet.md b/blog_posts/css-units-cheatsheet.md index c6ffc06c4..3967c2200 100644 --- a/blog_posts/css-units-cheatsheet.md +++ b/blog_posts/css-units-cheatsheet.md @@ -3,7 +3,7 @@ title: CSS units Cheat Sheet type: cheatsheet tags: css,layout,cheatsheet author: chalarangelo -cover: blog_images/measuring.jpg +cover: measuring excerpt: Learn everything you need to know about CSS units with this handy cheatsheet. firstSeen: 2021-01-25T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/css-variables.md b/blog_posts/css-variables.md index 501630c16..834a1ef7d 100644 --- a/blog_posts/css-variables.md +++ b/blog_posts/css-variables.md @@ -4,7 +4,7 @@ shortTitle: CSS variables type: question tags: css,visual,layout author: chalarangelo -cover: blog_images/css-variables.jpg +cover: css-variables excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs. firstSeen: 2020-03-09T19:39:30+02:00 lastUpdated: 2021-09-28T19:52:58+03:00 diff --git a/blog_posts/custom-file-download-names.md b/blog_posts/custom-file-download-names.md index 0b778d73a..09ab6d0c7 100644 --- a/blog_posts/custom-file-download-names.md +++ b/blog_posts/custom-file-download-names.md @@ -4,7 +4,7 @@ shortTitle: Customize the names of downloadable files type: tip tags: webdev,html,browser author: chalarangelo -cover: blog_images/hard-disk.jpg +cover: hard-disk excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip. firstSeen: 2021-01-11T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/detect-caps-lock-is-on.md b/blog_posts/detect-caps-lock-is-on.md index 06fd6adf4..09c1ffdee 100644 --- a/blog_posts/detect-caps-lock-is-on.md +++ b/blog_posts/detect-caps-lock-is-on.md @@ -4,7 +4,7 @@ shortTitle: Detect Caps Lock type: question tags: javascript,browser,event author: chalarangelo -cover: blog_images/keyboard.jpg +cover: keyboard excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered. firstSeen: 2021-02-18T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/dns-record-basics.md b/blog_posts/dns-record-basics.md index 360c10591..7dcd0af45 100644 --- a/blog_posts/dns-record-basics.md +++ b/blog_posts/dns-record-basics.md @@ -3,7 +3,7 @@ title: DNS Record Basics type: cheatsheet tags: webdev,dns,server,cheatsheet author: chalarangelo -cover: blog_images/sparkles.jpg +cover: sparkles excerpt: DNS records may not be a thing you work too often with. Regardless, some basic knowledge can go a long way. firstSeen: 2022-01-09T05:00:00-04:00 --- diff --git a/blog_posts/escaping-tutorial-hell.md b/blog_posts/escaping-tutorial-hell.md index 30a907f16..7d2b15a96 100644 --- a/blog_posts/escaping-tutorial-hell.md +++ b/blog_posts/escaping-tutorial-hell.md @@ -3,7 +3,7 @@ title: Escaping tutorial hell type: story tags: career,webdev,programming,jobs author: chalarangelo -cover: blog_images/campfire.jpg +cover: campfire excerpt: Many beginners get stuck in tutorial hell without even realizing. Here are 4 simple ways to escape tutorial hell and get back to learning. firstSeen: 2022-05-26T05:00:00-04:00 --- diff --git a/blog_posts/eslint-refactor-for-in.md b/blog_posts/eslint-refactor-for-in.md index ea85e9782..1321292c8 100644 --- a/blog_posts/eslint-refactor-for-in.md +++ b/blog_posts/eslint-refactor-for-in.md @@ -4,7 +4,7 @@ shortTitle: Refactoring for...in loops to avoid ESLint warnings type: tip tags: javascript,array,iterator,eslint author: chalarangelo -cover: blog_images/typing.jpg +cover: typing 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. firstSeen: 2020-05-19T02:32:10+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/flexbox-cheatsheet.md b/blog_posts/flexbox-cheatsheet.md index bc4e5bd82..60f72abca 100644 --- a/blog_posts/flexbox-cheatsheet.md +++ b/blog_posts/flexbox-cheatsheet.md @@ -3,7 +3,7 @@ title: Flexbox Cheat Sheet type: cheatsheet tags: css,layout,flexbox,cheatsheet author: chalarangelo -cover: blog_images/frames.jpg +cover: frames 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. firstSeen: 2020-05-02T00:21:49+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/git-aliases.md b/blog_posts/git-aliases.md index 4e6734c3c..4c7c139c0 100644 --- a/blog_posts/git-aliases.md +++ b/blog_posts/git-aliases.md @@ -3,7 +3,7 @@ title: Git aliases type: cheatsheet tags: git,configuration,cheatsheet author: chalarangelo -cover: blog_images/organizer.jpg +cover: organizer excerpt: Increase your productivity by creating aliases for many common git operations. firstSeen: 2021-04-29T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/git-commit-different-date.md b/blog_posts/git-commit-different-date.md index c215bc2ef..68c0721df 100644 --- a/blog_posts/git-commit-different-date.md +++ b/blog_posts/git-commit-different-date.md @@ -4,7 +4,7 @@ shortTitle: Create a commit with a different date type: tip tags: git,commit author: chalarangelo -cover: blog_images/ice.jpg +cover: ice excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it. firstSeen: 2021-04-22T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/git-fast-forward.md b/blog_posts/git-fast-forward.md index 9f6b09d99..31ac4fda8 100644 --- a/blog_posts/git-fast-forward.md +++ b/blog_posts/git-fast-forward.md @@ -4,7 +4,7 @@ shortTitle: Git fast-forward type: question tags: git,branch author: chalarangelo -cover: blog_images/boats.jpg +cover: boats 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. firstSeen: 2021-07-15T05:00:00-04:00 --- diff --git a/blog_posts/github-co-authors.md b/blog_posts/github-co-authors.md index 30a47a871..fc4e78bbc 100644 --- a/blog_posts/github-co-authors.md +++ b/blog_posts/github-co-authors.md @@ -4,7 +4,7 @@ shortTitle: Add multiple authors to a commit type: tip tags: git,github,programming,webdev author: chalarangelo -cover: blog_images/book-chair.jpg +cover: book-chair excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip. firstSeen: 2020-08-18T12:14:24+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/html-head-icons.md b/blog_posts/html-head-icons.md index e76b1e4d6..7ea2fbbee 100644 --- a/blog_posts/html-head-icons.md +++ b/blog_posts/html-head-icons.md @@ -4,7 +4,7 @@ shortTitle: HTML favicons template type: story tags: webdev,html,browser author: chalarangelo -cover: blog_images/boutique-home-office-3.jpg +cover: boutique-home-office-3 excerpt: Ensure your HTML documents have a proper favicon by including these lines in your `` element. firstSeen: 2023-01-24T05:00:00-04:00 --- diff --git a/blog_posts/html-head-links.md b/blog_posts/html-head-links.md index bcb1cb979..2d9b9bec7 100644 --- a/blog_posts/html-head-links.md +++ b/blog_posts/html-head-links.md @@ -4,7 +4,7 @@ shortTitle: HTML head links template type: story tags: webdev,html,browser author: chalarangelo -cover: blog_images/boutique-home-office-4.jpg +cover: boutique-home-office-4 excerpt: Make your HTML documents more SEO-friendly by including these lines in your `` element. firstSeen: 2023-01-26T05:00:00-04:00 --- diff --git a/blog_posts/html-head-social-tags.md b/blog_posts/html-head-social-tags.md index 882a3202d..5f747fb64 100644 --- a/blog_posts/html-head-social-tags.md +++ b/blog_posts/html-head-social-tags.md @@ -4,7 +4,7 @@ shortTitle: HTML social tags template type: story tags: webdev,html,browser author: chalarangelo -cover: blog_images/boutique-home-office-2.jpg +cover: boutique-home-office-2 excerpt: Ensure your HTML documents can be shared on social media by including these lines in your `` element. firstSeen: 2023-01-22T05:00:00-04:00 --- diff --git a/blog_posts/html-recommended-minimum-head.md b/blog_posts/html-recommended-minimum-head.md index 8b2902be8..954fbc86a 100644 --- a/blog_posts/html-recommended-minimum-head.md +++ b/blog_posts/html-recommended-minimum-head.md @@ -4,7 +4,7 @@ shortTitle: HTML head template type: story tags: webdev,html,browser author: chalarangelo -cover: blog_images/boutique-home-office-1.jpg +cover: boutique-home-office-1 excerpt: Ensure your HTML documents are properly structured by including these lines in your `` element. firstSeen: 2023-01-18T05:00:00-04:00 --- diff --git a/blog_posts/http-status-codes-cheatsheet.md b/blog_posts/http-status-codes-cheatsheet.md index bebeb0506..4b5d070bd 100644 --- a/blog_posts/http-status-codes-cheatsheet.md +++ b/blog_posts/http-status-codes-cheatsheet.md @@ -4,7 +4,7 @@ shortTitle: HTTP status codes type: cheatsheet tags: webdev,http author: chalarangelo -cover: blog_images/lake-runner.jpg +cover: lake-runner excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet. firstSeen: 2021-05-20T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-add-key-value-pair-to-object.md b/blog_posts/javascript-add-key-value-pair-to-object.md index 35c924ebb..e365fbbcb 100644 --- a/blog_posts/javascript-add-key-value-pair-to-object.md +++ b/blog_posts/javascript-add-key-value-pair-to-object.md @@ -4,7 +4,7 @@ shortTitle: Add key-value pair to object type: question tags: javascript,object author: chalarangelo -cover: blog_images/pineapple-laptop.jpg +cover: pineapple-laptop excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so. firstSeen: 2022-07-21T05:00:00-04:00 --- diff --git a/blog_posts/javascript-array-comparison.md b/blog_posts/javascript-array-comparison.md index c94f633e0..a72b94a5e 100644 --- a/blog_posts/javascript-array-comparison.md +++ b/blog_posts/javascript-array-comparison.md @@ -4,7 +4,7 @@ shortTitle: JavaScript array comparison type: question tags: javascript,array,comparison author: chalarangelo -cover: blog_images/coconuts.jpg +cover: coconuts excerpt: Learn how you can compare two arrays in JavaScript using various different techniques. firstSeen: 2020-08-07T14:23:14+03:00 lastUpdated: 2021-09-27T16:36:32+03:00 diff --git a/blog_posts/javascript-array-includes-value.md b/blog_posts/javascript-array-includes-value.md index 75e9c0e7a..28ed737b8 100644 --- a/blog_posts/javascript-array-includes-value.md +++ b/blog_posts/javascript-array-includes-value.md @@ -4,7 +4,7 @@ shortTitle: JavaScript array includes value type: question tags: javascript,array author: chalarangelo -cover: blog_images/bridge-drop.jpg +cover: bridge-drop excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects. firstSeen: 2022-09-18T05:00:00-04:00 --- diff --git a/blog_posts/javascript-arrow-function-event-listeners.md b/blog_posts/javascript-arrow-function-event-listeners.md index d4008d0f8..5ac66e2f9 100644 --- a/blog_posts/javascript-arrow-function-event-listeners.md +++ b/blog_posts/javascript-arrow-function-event-listeners.md @@ -4,7 +4,7 @@ shortTitle: Arrow function as callback for event listener type: question tags: javascript,browser,event,function author: chalarangelo -cover: blog_images/arrow-functions.jpg +cover: arrow-functions excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks. firstSeen: 2020-08-04T15:29:43+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-arrow-functions.md b/blog_posts/javascript-arrow-functions.md index 1537ea408..71d6bc89c 100644 --- a/blog_posts/javascript-arrow-functions.md +++ b/blog_posts/javascript-arrow-functions.md @@ -4,7 +4,7 @@ shortTitle: Arrow functions introduction type: story tags: javascript,function author: chalarangelo -cover: blog_images/arrow-functions.jpg +cover: arrow-functions excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know. firstSeen: 2021-04-08T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-arrow-regular-function-differences.md b/blog_posts/javascript-arrow-regular-function-differences.md index a751edbfd..2209b10ee 100644 --- a/blog_posts/javascript-arrow-regular-function-differences.md +++ b/blog_posts/javascript-arrow-regular-function-differences.md @@ -4,7 +4,7 @@ shortTitle: Arrow functions vs regular functions type: question tags: javascript,function author: chalarangelo -cover: blog_images/fallen-leaves.jpg +cover: fallen-leaves excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know. firstSeen: 2021-10-17T05:00:00-04:00 --- diff --git a/blog_posts/javascript-async-array-loops.md b/blog_posts/javascript-async-array-loops.md index df3845b1a..3f9c8e3ce 100644 --- a/blog_posts/javascript-async-array-loops.md +++ b/blog_posts/javascript-async-array-loops.md @@ -4,7 +4,7 @@ shortTitle: Asynchronous array loops type: story tags: javascript,array,function,promise author: chalarangelo -cover: blog_images/sunflowers.jpg +cover: sunflowers excerpt: Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for. firstSeen: 2021-05-17T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-await-timeout.md b/blog_posts/javascript-await-timeout.md index 7f499e0b8..d917e3891 100644 --- a/blog_posts/javascript-await-timeout.md +++ b/blog_posts/javascript-await-timeout.md @@ -4,7 +4,7 @@ shortTitle: Promise timeout type: question tags: javascript,promise,timeout,class author: chalarangelo -cover: blog_images/walking.jpg +cover: walking excerpt: Oftentimes you might need to add a timeout to a promise in JavaScript. Learn how to do this and more in this short guide. firstSeen: 2021-05-13T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-blank-value.md b/blog_posts/javascript-blank-value.md index e9d21282e..2369bfe77 100644 --- a/blog_posts/javascript-blank-value.md +++ b/blog_posts/javascript-blank-value.md @@ -4,7 +4,7 @@ shortTitle: Value is blank type: question tags: javascript,type author: chalarangelo -cover: blog_images/workspace-with-speaker.jpg +cover: workspace-with-speaker excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one. firstSeen: 2022-09-25T05:00:00-04:00 --- diff --git a/blog_posts/javascript-boolean-function.md b/blog_posts/javascript-boolean-function.md index 333e98211..4e1f6bccd 100644 --- a/blog_posts/javascript-boolean-function.md +++ b/blog_posts/javascript-boolean-function.md @@ -4,7 +4,7 @@ shortTitle: Boolean function use-cases type: question tags: javascript,function,type author: chalarangelo -cover: blog_images/rocky-lake.jpg +cover: rocky-lake 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. firstSeen: 2020-09-18T16:28:30+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-boolean-trap.md b/blog_posts/javascript-boolean-trap.md index 7b68e1fc4..14cb88b65 100644 --- a/blog_posts/javascript-boolean-trap.md +++ b/blog_posts/javascript-boolean-trap.md @@ -4,7 +4,7 @@ shortTitle: Boolean traps type: story tags: javascript,function,type,boolean author: chalarangelo -cover: blog_images/lighthouse.jpg +cover: lighthouse excerpt: Boolean traps can cause readability and maintainability issues in your code. Learn what they are, how to spot and fix them in this article. firstSeen: 2021-07-11T05:00:00-04:00 --- diff --git a/blog_posts/javascript-callbacks.md b/blog_posts/javascript-callbacks.md index 23ce34137..1b7639a06 100644 --- a/blog_posts/javascript-callbacks.md +++ b/blog_posts/javascript-callbacks.md @@ -4,7 +4,7 @@ shortTitle: Callback pitfalls type: story tags: javascript,function author: chalarangelo -cover: blog_images/rabbit-call.jpg +cover: rabbit-call excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them. firstSeen: 2021-07-01T05:00:00-04:00 --- diff --git a/blog_posts/javascript-classical-vs-prototypal-inheritance.md b/blog_posts/javascript-classical-vs-prototypal-inheritance.md index f7fdbbf9e..a936b5b54 100644 --- a/blog_posts/javascript-classical-vs-prototypal-inheritance.md +++ b/blog_posts/javascript-classical-vs-prototypal-inheritance.md @@ -4,7 +4,7 @@ shortTitle: Prototypal vs classical inheritance type: question tags: javascript,object,class author: chalarangelo -cover: blog_images/last-light.jpg +cover: last-light excerpt: Understanding the difference between these two object-oriented programming paradigms is key to taking your skills to the next level. firstSeen: 2021-11-21T05:00:00-04:00 --- diff --git a/blog_posts/javascript-closures.md b/blog_posts/javascript-closures.md index 4f995a217..f12cb1503 100644 --- a/blog_posts/javascript-closures.md +++ b/blog_posts/javascript-closures.md @@ -4,7 +4,7 @@ shortTitle: Closures introduction type: question tags: javascript,function,closure author: chalarangelo -cover: blog_images/cherry-trees.jpg +cover: cherry-trees excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code. firstSeen: 2020-08-04T12:40:08+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-copy-array.md b/blog_posts/javascript-copy-array.md index 81ac5c62e..ea31907ad 100644 --- a/blog_posts/javascript-copy-array.md +++ b/blog_posts/javascript-copy-array.md @@ -4,7 +4,7 @@ shortTitle: Clone an array type: question tags: javascript,array author: chalarangelo -cover: blog_images/colorful-plastic.jpg +cover: colorful-plastic excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript. firstSeen: 2021-03-15T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-date-comparison.md b/blog_posts/javascript-date-comparison.md index f13b70eec..a6538b5ef 100644 --- a/blog_posts/javascript-date-comparison.md +++ b/blog_posts/javascript-date-comparison.md @@ -4,7 +4,7 @@ shortTitle: Date comparison type: question tags: javascript,date,comparison author: chalarangelo -cover: blog_images/pineapple-at-work.jpg +cover: pineapple-at-work excerpt: Learn how you can compare two dates in JavaScript using various different techniques. firstSeen: 2022-01-16T05:00:00-04:00 --- diff --git a/blog_posts/javascript-deep-freeze-object.md b/blog_posts/javascript-deep-freeze-object.md index 97565e7bb..81d0cce49 100644 --- a/blog_posts/javascript-deep-freeze-object.md +++ b/blog_posts/javascript-deep-freeze-object.md @@ -4,7 +4,7 @@ shortTitle: Deep freeze object type: question tags: javascript,object author: chalarangelo -cover: blog_images/frozen-globe.jpg +cover: frozen-globe excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant. firstSeen: 2020-03-17T16:15:30+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-destructuring-assignment.md b/blog_posts/javascript-destructuring-assignment.md index b1a306d33..37c68b6b3 100644 --- a/blog_posts/javascript-destructuring-assignment.md +++ b/blog_posts/javascript-destructuring-assignment.md @@ -4,7 +4,7 @@ shortTitle: Destructuring assignment introduction type: question tags: javascript,array,object author: chalarangelo -cover: blog_images/building-blocks.jpg +cover: building-blocks excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide. firstSeen: 2021-02-01T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-empty-array.md b/blog_posts/javascript-empty-array.md index 9237ed784..4d21882a9 100644 --- a/blog_posts/javascript-empty-array.md +++ b/blog_posts/javascript-empty-array.md @@ -4,7 +4,7 @@ shortTitle: Empty an array type: question tags: javascript,array author: chalarangelo -cover: blog_images/coconuts.jpg +cover: coconuts excerpt: You can use a lot of different techniques to empty an array in JavaScript. See which ones best suits your needs with this quick guide. firstSeen: 2021-03-08T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-encodeuri-encodeuricomponent.md b/blog_posts/javascript-encodeuri-encodeuricomponent.md index 4fb2926e3..2facde7c6 100644 --- a/blog_posts/javascript-encodeuri-encodeuricomponent.md +++ b/blog_posts/javascript-encodeuri-encodeuricomponent.md @@ -4,7 +4,7 @@ shortTitle: encodeURI() vs encodeURIComponent() type: question tags: javascript,browser author: chalarangelo -cover: blog_images/laptop-view.jpg +cover: laptop-view excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one? firstSeen: 2021-01-07T10:41:38+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-enum.md b/blog_posts/javascript-enum.md index 3bf00fdef..d93083694 100644 --- a/blog_posts/javascript-enum.md +++ b/blog_posts/javascript-enum.md @@ -4,7 +4,7 @@ shortTitle: Enum implementation type: question tags: javascript,object,class,symbol,generator author: chalarangelo -cover: blog_images/book-chair.jpg +cover: book-chair excerpt: Enums are part of TypeScript, but what about defining enums in plain old JavaScript? Here are a few way you can do that. firstSeen: 2021-05-24T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-equality.md b/blog_posts/javascript-equality.md index 8c2a99ed8..db6ed5574 100644 --- a/blog_posts/javascript-equality.md +++ b/blog_posts/javascript-equality.md @@ -4,7 +4,7 @@ shortTitle: JavaScript equality operators type: question tags: javascript,type,comparison author: chalarangelo -cover: blog_images/beach-pineapple.jpg +cover: beach-pineapple excerpt: Learn all you need to know about the differences between JavaScript's double equals and triple equals operators. firstSeen: 2020-08-06T19:52:30+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-event-bubbling-capturing-delegation.md b/blog_posts/javascript-event-bubbling-capturing-delegation.md index 1f3288eb2..33311bc67 100644 --- a/blog_posts/javascript-event-bubbling-capturing-delegation.md +++ b/blog_posts/javascript-event-bubbling-capturing-delegation.md @@ -4,7 +4,7 @@ shortTitle: Event bubbling, capturing and delegation type: story tags: javascript,browser,event author: chalarangelo -cover: blog_images/fishermen.jpg +cover: fishermen excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide. firstSeen: 2020-08-10T15:00:48+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-event-loop-explained.md b/blog_posts/javascript-event-loop-explained.md index c1866adc0..c884a9962 100644 --- a/blog_posts/javascript-event-loop-explained.md +++ b/blog_posts/javascript-event-loop-explained.md @@ -4,7 +4,7 @@ shortTitle: Event loop explained type: question tags: javascript,browser,event author: chalarangelo -cover: blog_images/tranquility.jpg +cover: tranquility excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine. firstSeen: 2022-08-21T05:00:00-04:00 --- diff --git a/blog_posts/javascript-evil-closures.md b/blog_posts/javascript-evil-closures.md index 867484905..c41941a2a 100644 --- a/blog_posts/javascript-evil-closures.md +++ b/blog_posts/javascript-evil-closures.md @@ -4,7 +4,7 @@ shortTitle: Closures and hidden state type: story tags: javascript,function,closure author: chalarangelo -cover: blog_images/silver-flat-screen.jpg +cover: silver-flat-screen excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code. firstSeen: 2022-05-18T05:00:00-04:00 --- diff --git a/blog_posts/javascript-expression-statement.md b/blog_posts/javascript-expression-statement.md index 6195b380f..5cad18e3b 100644 --- a/blog_posts/javascript-expression-statement.md +++ b/blog_posts/javascript-expression-statement.md @@ -4,7 +4,7 @@ shortTitle: Expressions and statements type: question tags: javascript,type author: chalarangelo -cover: blog_images/forest-balcony.jpg +cover: forest-balcony excerpt: JavaScript distinguishes expressions and statements. Learn their differences in this short article. firstSeen: 2021-11-07T05:00:00-04:00 --- diff --git a/blog_posts/javascript-for-in-for-of-foreach.md b/blog_posts/javascript-for-in-for-of-foreach.md index 83d94bead..92bed2327 100644 --- a/blog_posts/javascript-for-in-for-of-foreach.md +++ b/blog_posts/javascript-for-in-for-of-foreach.md @@ -4,7 +4,7 @@ shortTitle: JavaScript iteration methods comparison type: question tags: javascript,array,object,iterator author: chalarangelo -cover: blog_images/lake-loop.jpg +cover: lake-loop excerpt: Learn the differences between the three most commonly used iteration methods offered by JavaScript, which often confuse beginners and veterans alike. firstSeen: 2020-01-20T10:12:31+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-for-loop-early-break.md b/blog_posts/javascript-for-loop-early-break.md index 19be5d255..6037794b3 100644 --- a/blog_posts/javascript-for-loop-early-break.md +++ b/blog_posts/javascript-for-loop-early-break.md @@ -4,7 +4,7 @@ shortTitle: For loops for early breaking type: tip tags: javascript,array,loop author: chalarangelo -cover: blog_images/armchair.jpg +cover: armchair 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. firstSeen: 2021-05-27T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-function-call-apply-bind.md b/blog_posts/javascript-function-call-apply-bind.md index 90ad97b10..760b93eae 100644 --- a/blog_posts/javascript-function-call-apply-bind.md +++ b/blog_posts/javascript-function-call-apply-bind.md @@ -4,7 +4,7 @@ shortTitle: Function methods - call(), apply() and bind() type: story tags: javascript,function author: chalarangelo -cover: blog_images/canoe.jpg +cover: canoe excerpt: Learn everything you need to know about JavaScript's `Function.prototype.call()`, `Function.prototype.apply()` and `Function.prototype.bind()` with this short guide. firstSeen: 2020-11-06T13:37:10+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-higher-order-functions.md b/blog_posts/javascript-higher-order-functions.md index d991e6111..88dbce5f7 100644 --- a/blog_posts/javascript-higher-order-functions.md +++ b/blog_posts/javascript-higher-order-functions.md @@ -4,7 +4,7 @@ shortTitle: Higher-order functions type: story tags: javascript,function author: chalarangelo -cover: blog_images/rock-climbing.jpg +cover: rock-climbing excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills. firstSeen: 2020-09-24T12:54:08+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/javascript-iife.md b/blog_posts/javascript-iife.md index d99c7ae77..a30fb5c49 100644 --- a/blog_posts/javascript-iife.md +++ b/blog_posts/javascript-iife.md @@ -4,7 +4,7 @@ shortTitle: IIFE introduction type: question tags: javascript,function author: chalarangelo -cover: blog_images/tropical-waterfall.jpg +cover: tropical-waterfall excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know. firstSeen: 2021-06-12T19:30:41+03:00 lastUpdated: 2021-06-14T12:00:00+03:00 diff --git a/blog_posts/javascript-index-for-of-loop.md b/blog_posts/javascript-index-for-of-loop.md index 49a6da636..e6a8e7308 100644 --- a/blog_posts/javascript-index-for-of-loop.md +++ b/blog_posts/javascript-index-for-of-loop.md @@ -4,7 +4,7 @@ shortTitle: Array index in for...of loops type: tip tags: javascript,array,iterator author: chalarangelo -cover: blog_images/cave-view.jpg +cover: cave-view excerpt: Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip. firstSeen: 2021-07-25T05:00:00-04:00 --- diff --git a/blog_posts/javascript-iterable-to-array.md b/blog_posts/javascript-iterable-to-array.md index 9665b35eb..de8c22ce7 100644 --- a/blog_posts/javascript-iterable-to-array.md +++ b/blog_posts/javascript-iterable-to-array.md @@ -4,7 +4,7 @@ shortTitle: Iterable to array type: question tags: javascript,object,array,string author: chalarangelo -cover: blog_images/waves.jpg +cover: waves excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today. firstSeen: 2020-08-04T14:18:09+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-iterators.md b/blog_posts/javascript-iterators.md index 7ca9029bf..e21ebdfab 100644 --- a/blog_posts/javascript-iterators.md +++ b/blog_posts/javascript-iterators.md @@ -4,7 +4,7 @@ shortTitle: JavaScript iterators introduction type: question tags: javascript,array,object,iterator author: chalarangelo -cover: blog_images/balloons.jpg +cover: balloons 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. firstSeen: 2020-02-16T13:09:20+02:00 lastUpdated: 2021-09-26T13:20:57+03:00 diff --git a/blog_posts/javascript-json-stringify-pick-keys.md b/blog_posts/javascript-json-stringify-pick-keys.md index b76b2a7c8..3ceb35cc5 100644 --- a/blog_posts/javascript-json-stringify-pick-keys.md +++ b/blog_posts/javascript-json-stringify-pick-keys.md @@ -4,7 +4,7 @@ shortTitle: Selective property serialization type: tip tags: javascript,object,json author: chalarangelo -cover: blog_images/coffee-drip.jpg +cover: coffee-drip excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this! firstSeen: 2021-07-06T05:00:00-04:00 --- diff --git a/blog_posts/javascript-listen-once.md b/blog_posts/javascript-listen-once.md index e054c64b8..8bfa96ec5 100644 --- a/blog_posts/javascript-listen-once.md +++ b/blog_posts/javascript-listen-once.md @@ -3,8 +3,7 @@ title: How can I execute an event handler at most once? shortTitle: Execute event handler only once type: question tags: javascript,browser,event -author: maciv -cover: blog_images/dog-waiting.jpg +cover: dog-waiting excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article. firstSeen: 2020-08-12T11:21:48+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-make-iterable.md b/blog_posts/javascript-make-iterable.md index f160cf813..2ca98da5f 100644 --- a/blog_posts/javascript-make-iterable.md +++ b/blog_posts/javascript-make-iterable.md @@ -4,7 +4,7 @@ shortTitle: Make any value iterable type: tip tags: javascript,array,iterator,generator author: chalarangelo -cover: blog_images/colorful-plastic.jpg +cover: colorful-plastic excerpt: Did you know you can define an iterator for any JavaScript value? This quick tip will show you how. firstSeen: 2021-06-10T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-memoization.md b/blog_posts/javascript-memoization.md index fc60a2266..d0901fc52 100644 --- a/blog_posts/javascript-memoization.md +++ b/blog_posts/javascript-memoization.md @@ -4,7 +4,7 @@ shortTitle: Memoization introduction type: question tags: javascript,function,memoization author: chalarangelo -cover: blog_images/cherry-trees.jpg +cover: cherry-trees excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results. firstSeen: 2020-02-27T16:23:25+02:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/javascript-merge-arrays.md b/blog_posts/javascript-merge-arrays.md index 545426b2b..273c96ce2 100644 --- a/blog_posts/javascript-merge-arrays.md +++ b/blog_posts/javascript-merge-arrays.md @@ -4,7 +4,7 @@ shortTitle: Merge arrays type: question tags: javascript,array author: chalarangelo -cover: blog_images/arrays.jpg +cover: arrays excerpt: Arrays are one of the most used data types in any programming language. Learn how to merge two arrays in JavaScript with this short guide. firstSeen: 2020-08-04T13:25:38+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-modify-url-without-reload.md b/blog_posts/javascript-modify-url-without-reload.md index 947f48806..b7f404cf6 100644 --- a/blog_posts/javascript-modify-url-without-reload.md +++ b/blog_posts/javascript-modify-url-without-reload.md @@ -4,7 +4,7 @@ shortTitle: Modify URL without reloading type: question tags: javascript,browser author: chalarangelo -cover: blog_images/compass.jpg +cover: compass excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page. firstSeen: 2020-03-27T13:48:27+02:00 lastUpdated: 2021-09-27T16:47:49+03:00 diff --git a/blog_posts/javascript-module-cheatsheet.md b/blog_posts/javascript-module-cheatsheet.md index eeb888ae7..8abac9602 100644 --- a/blog_posts/javascript-module-cheatsheet.md +++ b/blog_posts/javascript-module-cheatsheet.md @@ -3,7 +3,7 @@ title: JavaScript modules Cheat Sheet type: cheatsheet tags: javascript,cheatsheet author: chalarangelo -cover: blog_images/mountain-lake-2.jpg +cover: mountain-lake-2 excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet. firstSeen: 2020-08-04T19:41:35+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-naming-conventions.md b/blog_posts/javascript-naming-conventions.md index d4bc1ac4e..d17919abf 100644 --- a/blog_posts/javascript-naming-conventions.md +++ b/blog_posts/javascript-naming-conventions.md @@ -4,7 +4,7 @@ shortTitle: Naming conventions type: story tags: javascript,variable,cheatsheet author: chalarangelo -cover: blog_images/naming-conventions.jpg +cover: naming-conventions 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. firstSeen: 2020-05-20T02:32:10+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-nullish-coalescing-optional-chaining.md b/blog_posts/javascript-nullish-coalescing-optional-chaining.md index 2091a399b..39ccc4298 100644 --- a/blog_posts/javascript-nullish-coalescing-optional-chaining.md +++ b/blog_posts/javascript-nullish-coalescing-optional-chaining.md @@ -4,7 +4,7 @@ shortTitle: Optional chaining and nullish coalescing type: question tags: javascript,type author: chalarangelo -cover: blog_images/purple-leaves.jpg +cover: purple-leaves excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide. firstSeen: 2020-08-19T15:37:22+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-numeric-separator.md b/blog_posts/javascript-numeric-separator.md index 6f287296d..864062374 100644 --- a/blog_posts/javascript-numeric-separator.md +++ b/blog_posts/javascript-numeric-separator.md @@ -4,7 +4,7 @@ shortTitle: Numeric separators explained type: story tags: javascript,math,type author: chalarangelo -cover: blog_images/coffee-drip.jpg +cover: coffee-drip excerpt: Numeric separators are a somewhat lesser-known JavaScript syntactic sugar that can make working with large constants a lot easier. firstSeen: 2021-06-27T05:00:00-04:00 --- diff --git a/blog_posts/javascript-object-array-proxy.md b/blog_posts/javascript-object-array-proxy.md index e2bda60e4..97cb93ca5 100644 --- a/blog_posts/javascript-object-array-proxy.md +++ b/blog_posts/javascript-object-array-proxy.md @@ -4,7 +4,7 @@ shortTitle: Object as array type: question tags: javascript,object,array,proxy,iterator,pattern author: chalarangelo -cover: blog_images/birds.jpg +cover: birds excerpt: Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array. firstSeen: 2021-05-03T12:00:00+03:00 lastUpdated: 2021-09-27T16:42:11+03:00 diff --git a/blog_posts/javascript-object-comparison.md b/blog_posts/javascript-object-comparison.md index 7ac5e0fbe..72f7e2f0d 100644 --- a/blog_posts/javascript-object-comparison.md +++ b/blog_posts/javascript-object-comparison.md @@ -4,7 +4,7 @@ shortTitle: Object comparison type: question tags: javascript,object,comparison author: chalarangelo -cover: blog_images/blue-lake.jpg +cover: blue-lake excerpt: Learn how you can compare two objects in JavaScript using various different techniques. firstSeen: 2021-09-26T05:00:00-04:00 --- diff --git a/blog_posts/javascript-object-is-triple-equals.md b/blog_posts/javascript-object-is-triple-equals.md index 04e6fa97f..3611ff9f6 100644 --- a/blog_posts/javascript-object-is-triple-equals.md +++ b/blog_posts/javascript-object-is-triple-equals.md @@ -4,7 +4,7 @@ shortTitle: Object.is() vs triple equals operator type: question tags: javascript,object,type author: chalarangelo -cover: blog_images/rocky-mountains.jpg +cover: rocky-mountains excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?" firstSeen: 2021-03-04T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-pass-by-reference-or-pass-by-value.md b/blog_posts/javascript-pass-by-reference-or-pass-by-value.md index 6aaa54579..96b42c00a 100644 --- a/blog_posts/javascript-pass-by-reference-or-pass-by-value.md +++ b/blog_posts/javascript-pass-by-reference-or-pass-by-value.md @@ -4,7 +4,7 @@ shortTitle: Pass-by-value or pass-by-reference type: question tags: javascript,function,object author: chalarangelo -cover: blog_images/baloons-field.jpg +cover: baloons-field excerpt: How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types. firstSeen: 2021-12-05T05:00:00-04:00 --- diff --git a/blog_posts/javascript-prefix-postfix-operators.md b/blog_posts/javascript-prefix-postfix-operators.md index 0ccb331ee..1e5926c80 100644 --- a/blog_posts/javascript-prefix-postfix-operators.md +++ b/blog_posts/javascript-prefix-postfix-operators.md @@ -4,7 +4,7 @@ shortTitle: Prefix and postfix operators type: question tags: javascript,math author: chalarangelo -cover: blog_images/plant-candle.jpg +cover: plant-candle excerpt: While both the prefix and postfix operators increment a value, the resulting value of the expression is very different. firstSeen: 2021-10-31T05:00:00-04:00 --- diff --git a/blog_posts/javascript-pretty-print-json.md b/blog_posts/javascript-pretty-print-json.md index 933d2f849..b8ab9517b 100644 --- a/blog_posts/javascript-pretty-print-json.md +++ b/blog_posts/javascript-pretty-print-json.md @@ -4,7 +4,7 @@ shortTitle: Pretty-print JSON type: tip tags: javascript,object,json author: chalarangelo -cover: blog_images/memories-of-pineapple-3.jpg +cover: memories-of-pineapple-3 excerpt: Pretty-printing JSON objects in pretty easy and customizable in JavaScript. Here's the gist of it. firstSeen: 2022-07-30T05:00:00-04:00 --- diff --git a/blog_posts/javascript-prevent-string-being-escaped.md b/blog_posts/javascript-prevent-string-being-escaped.md index fd7669d64..a9d5c1da5 100644 --- a/blog_posts/javascript-prevent-string-being-escaped.md +++ b/blog_posts/javascript-prevent-string-being-escaped.md @@ -4,7 +4,7 @@ shortTitle: Prevent string escaping type: tip tags: javascript,string author: chalarangelo -cover: blog_images/glass-blowing.jpg +cover: glass-blowing 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. firstSeen: 2021-06-12T19:30:41+03:00 lastUpdated: 2021-06-17T12:00:00+03:00 diff --git a/blog_posts/javascript-primitive-instanceof.md b/blog_posts/javascript-primitive-instanceof.md index b8bc9bcb0..acffe283a 100644 --- a/blog_posts/javascript-primitive-instanceof.md +++ b/blog_posts/javascript-primitive-instanceof.md @@ -4,7 +4,7 @@ shortTitle: Using instanceof for primitive values type: question tags: javascript,type author: chalarangelo -cover: blog_images/wooden-bowl.jpg +cover: wooden-bowl 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. firstSeen: 2021-03-25T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-promise-then-catch.md b/blog_posts/javascript-promise-then-catch.md index 6d85603da..7abf5b247 100644 --- a/blog_posts/javascript-promise-then-catch.md +++ b/blog_posts/javascript-promise-then-catch.md @@ -4,7 +4,7 @@ shortTitle: The order of then and catch matters type: tip tags: javascript,function,promise author: chalarangelo -cover: blog_images/blue-sunrise.jpg +cover: blue-sunrise 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. firstSeen: 2021-04-26T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-promise-then-finally.md b/blog_posts/javascript-promise-then-finally.md index cb3b54c2e..98547e48c 100644 --- a/blog_posts/javascript-promise-then-finally.md +++ b/blog_posts/javascript-promise-then-finally.md @@ -4,7 +4,7 @@ shortTitle: Promise then vs finally type: question tags: javascript,function,promise author: chalarangelo -cover: blog_images/blue-sunrise.jpg +cover: blue-sunrise 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. firstSeen: 2021-03-18T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-promises.md b/blog_posts/javascript-promises.md index d411e5989..a649468c7 100644 --- a/blog_posts/javascript-promises.md +++ b/blog_posts/javascript-promises.md @@ -4,7 +4,7 @@ shortTitle: Promises introduction type: question tags: javascript,function,promise author: chalarangelo -cover: blog_images/sail-away.jpg +cover: sail-away excerpt: JavaScript's promises represent the eventual completion (or failure) of asynchronous operations and their resulting value. firstSeen: 2021-10-24T05:00:00-04:00 --- diff --git a/blog_posts/javascript-property-enumerability.md b/blog_posts/javascript-property-enumerability.md index f6fcf4c2c..ec567907e 100644 --- a/blog_posts/javascript-property-enumerability.md +++ b/blog_posts/javascript-property-enumerability.md @@ -4,7 +4,7 @@ shortTitle: Property enumerability type: story tags: javascript,object author: chalarangelo -cover: blog_images/old-consoles.jpg +cover: old-consoles excerpt: Property enumerability dictates how JavaScript object properties behave in different scenarios. firstSeen: 2022-09-11T05:00:00-04:00 --- diff --git a/blog_posts/javascript-pure-functions.md b/blog_posts/javascript-pure-functions.md index 644897124..2586fba36 100644 --- a/blog_posts/javascript-pure-functions.md +++ b/blog_posts/javascript-pure-functions.md @@ -4,7 +4,7 @@ shortTitle: Pure function introduction type: question tags: javascript,function author: chalarangelo -cover: blog_images/dark-leaves.jpg +cover: dark-leaves excerpt: Pure functions are a very important concept to know, especially if you're interested in functional programming. firstSeen: 2021-12-19T05:00:00-04:00 --- diff --git a/blog_posts/javascript-query-selector-shorthand.md b/blog_posts/javascript-query-selector-shorthand.md index b747433fc..42357833f 100644 --- a/blog_posts/javascript-query-selector-shorthand.md +++ b/blog_posts/javascript-query-selector-shorthand.md @@ -4,7 +4,7 @@ shortTitle: Query selector shorthand type: tip tags: javascript,browser author: chalarangelo -cover: blog_images/pineapple-at-work.jpg +cover: pineapple-at-work excerpt: Ever wanted to create your own jquery-like query selector shorthand? Here's how! firstSeen: 2021-02-08T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-random-value-pure-functions.md b/blog_posts/javascript-random-value-pure-functions.md index 8ee2d8054..9d445cd51 100644 --- a/blog_posts/javascript-random-value-pure-functions.md +++ b/blog_posts/javascript-random-value-pure-functions.md @@ -4,7 +4,7 @@ shortTitle: Pure functions & randomness type: story tags: javascript,function,random,testing author: chalarangelo -cover: blog_images/do-more-computer.jpg +cover: do-more-computer excerpt: Randomness and pure functions don't seem to go hand in hand. But where there's a will, there's a way. firstSeen: 2022-06-19T05:00:00-04:00 --- diff --git a/blog_posts/javascript-range-generator.md b/blog_posts/javascript-range-generator.md index 34fc2a7f1..d4039fdc8 100644 --- a/blog_posts/javascript-range-generator.md +++ b/blog_posts/javascript-range-generator.md @@ -4,7 +4,7 @@ shortTitle: Generator functions for ranges type: story tags: javascript,function,array author: chalarangelo -cover: blog_images/generator.jpg +cover: generator excerpt: Learn how to use JavaScript ES6 generators and iterators to iterate over ranges of numbers. firstSeen: 2020-08-04T16:28:16+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-recursion.md b/blog_posts/javascript-recursion.md index b96bca237..4b689372c 100644 --- a/blog_posts/javascript-recursion.md +++ b/blog_posts/javascript-recursion.md @@ -4,7 +4,7 @@ shortTitle: Recursion introduction type: question tags: javascript,function,recursion author: chalarangelo -cover: blog_images/curve.jpg +cover: curve excerpt: Recursion is a very important programming concept all developers should be familiar with. firstSeen: 2022-01-23T05:00:00-04:00 --- diff --git a/blog_posts/javascript-remove-object-property.md b/blog_posts/javascript-remove-object-property.md index ebd0c57a7..761c761d3 100644 --- a/blog_posts/javascript-remove-object-property.md +++ b/blog_posts/javascript-remove-object-property.md @@ -4,7 +4,7 @@ shortTitle: Remove property from object type: question tags: javascript,object author: chalarangelo -cover: blog_images/brown-bird.jpg +cover: brown-bird excerpt: Ever wanted to delete a property from a JavaScript object? Here are a few way you can accomplish that. firstSeen: 2021-03-22T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-return-constructor.md b/blog_posts/javascript-return-constructor.md index e9df63383..485e38067 100644 --- a/blog_posts/javascript-return-constructor.md +++ b/blog_posts/javascript-return-constructor.md @@ -4,7 +4,7 @@ shortTitle: Constructor return value type: question tags: javascript,function,class,object author: chalarangelo -cover: blog_images/architectural.jpg +cover: architectural 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. firstSeen: 2020-09-30T19:35:32+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-shallow-deep-clone.md b/blog_posts/javascript-shallow-deep-clone.md index 3f66e75c6..4cfcb449d 100644 --- a/blog_posts/javascript-shallow-deep-clone.md +++ b/blog_posts/javascript-shallow-deep-clone.md @@ -4,7 +4,7 @@ shortTitle: Object cloning type: question tags: javascript,object author: chalarangelo -cover: blog_images/pagodas.jpg +cover: pagodas excerpt: Learn how JavaScript handles mutable data, such as objects and arrays, and understand how shallow cloning and deep cloning work. firstSeen: 2020-04-14T16:19:56+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-singleton-proxy.md b/blog_posts/javascript-singleton-proxy.md index 81ea19ffe..21e828942 100644 --- a/blog_posts/javascript-singleton-proxy.md +++ b/blog_posts/javascript-singleton-proxy.md @@ -4,7 +4,7 @@ shortTitle: Singleton implementation type: question tags: javascript,object,function,proxy,pattern author: chalarangelo -cover: blog_images/obelisk.jpg +cover: obelisk excerpt: Learn how to implement the singleton design pattern in JavaScript, using the Proxy object. firstSeen: 2020-02-25T16:02:03+02:00 lastUpdated: 2021-09-28T20:11:55+03:00 diff --git a/blog_posts/javascript-sleep.md b/blog_posts/javascript-sleep.md index 4dd45d749..15af0600e 100644 --- a/blog_posts/javascript-sleep.md +++ b/blog_posts/javascript-sleep.md @@ -4,7 +4,7 @@ shortTitle: Sleep function type: question tags: javascript,date,promise author: chalarangelo -cover: blog_images/sleepy-cat.jpg +cover: sleepy-cat excerpt: Learn all the different ways you can implement a `sleep()` function in JavaScript. firstSeen: 2020-08-04T20:08:54+03:00 lastUpdated: 2021-11-06T20:51:47+03:00 diff --git a/blog_posts/javascript-spread-rest-syntax.md b/blog_posts/javascript-spread-rest-syntax.md index b2a3b5faa..173bf83ef 100644 --- a/blog_posts/javascript-spread-rest-syntax.md +++ b/blog_posts/javascript-spread-rest-syntax.md @@ -4,7 +4,7 @@ shortTitle: Spread and rest syntax type: story tags: javascript,array,function author: chalarangelo -cover: blog_images/antelope.jpg +cover: antelope 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. firstSeen: 2021-02-15T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-store-dom-items.md b/blog_posts/javascript-store-dom-items.md index 404f72777..7b4846dc1 100644 --- a/blog_posts/javascript-store-dom-items.md +++ b/blog_posts/javascript-store-dom-items.md @@ -4,7 +4,7 @@ shortTitle: Minimize DOM access type: tip tags: javascript,browser author: chalarangelo -cover: blog_images/armchair.jpg +cover: armchair excerpt: Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick. firstSeen: 2020-11-20T09:18:55+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-string-contains-substring.md b/blog_posts/javascript-string-contains-substring.md index bb4b004b9..f3b193759 100644 --- a/blog_posts/javascript-string-contains-substring.md +++ b/blog_posts/javascript-string-contains-substring.md @@ -4,7 +4,7 @@ shortTitle: String contains substring type: story tags: javascript,string author: chalarangelo -cover: blog_images/sea-view-2.jpg +cover: sea-view-2 excerpt: Let's have a look at how to check if a string contains a substring in JavaScript. firstSeen: 2022-07-27T05:00:00-04:00 --- diff --git a/blog_posts/javascript-string-immutability.md b/blog_posts/javascript-string-immutability.md index 95dc0b088..1db4176ef 100644 --- a/blog_posts/javascript-string-immutability.md +++ b/blog_posts/javascript-string-immutability.md @@ -4,7 +4,7 @@ shortTitle: String immutability type: question tags: javascript,string,type author: chalarangelo -cover: blog_images/purple-sunset.jpg +cover: purple-sunset 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. firstSeen: 2021-10-10T05:00:00-04:00 --- diff --git a/blog_posts/javascript-string-to-boolean.md b/blog_posts/javascript-string-to-boolean.md index 2cddcd9bf..2120c781a 100644 --- a/blog_posts/javascript-string-to-boolean.md +++ b/blog_posts/javascript-string-to-boolean.md @@ -4,7 +4,7 @@ shortTitle: String to boolean type: tip tags: javascript,string,boolean,type author: chalarangelo -cover: blog_images/two-cities.jpg +cover: two-cities excerpt: Have you ever tried to convert the string representation of a boolean to an actual boolean value? Here's a simple way to do it. firstSeen: 2022-09-14T05:00:00-04:00 --- diff --git a/blog_posts/javascript-swap-two-variables.md b/blog_posts/javascript-swap-two-variables.md index aa306a379..65a8b3e5f 100644 --- a/blog_posts/javascript-swap-two-variables.md +++ b/blog_posts/javascript-swap-two-variables.md @@ -4,7 +4,7 @@ shortTitle: Swap two variables type: tip tags: javascript,array,variables author: chalarangelo -cover: blog_images/mountain-lake-2.jpg +cover: mountain-lake-2 excerpt: Learn how to swap the values of two variables in JavaScript using a single line of ES6 code. firstSeen: 2020-04-27T14:12:51+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-switch-object.md b/blog_posts/javascript-switch-object.md index 222c70d1a..9bceb2270 100644 --- a/blog_posts/javascript-switch-object.md +++ b/blog_posts/javascript-switch-object.md @@ -4,7 +4,7 @@ shortTitle: Switch with object literals type: story tags: javascript,object author: chalarangelo -cover: blog_images/rocky-lake.jpg +cover: rocky-lake 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. firstSeen: 2021-04-01T12:00:00+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/javascript-sync-async.md b/blog_posts/javascript-sync-async.md index a5e26ff7b..27b996b7f 100644 --- a/blog_posts/javascript-sync-async.md +++ b/blog_posts/javascript-sync-async.md @@ -4,7 +4,7 @@ shortTitle: Synchronous vs asynchronous code type: question tags: javascript,function,promise author: chalarangelo -cover: blog_images/pineapple-on-green.jpg +cover: pineapple-on-green excerpt: Understanding the differences between synchronous and asynchronous code is a crucial piece of knowledge for every web developer. firstSeen: 2021-11-14T05:00:00-04:00 --- diff --git a/blog_posts/javascript-target-blank.md b/blog_posts/javascript-target-blank.md index 168f1f415..fdbf44fbd 100644 --- a/blog_posts/javascript-target-blank.md +++ b/blog_posts/javascript-target-blank.md @@ -4,7 +4,7 @@ shortTitle: 'Safeguarding target="_blank"' type: tip tags: javascript,browser,security author: chalarangelo -cover: blog_images/laptop-with-code.jpg +cover: laptop-with-code excerpt: Opening a link in a new tab comes with a security vulnerability that you may not be aware of. Protect your users with this simple trick. firstSeen: 2020-11-20T09:19:07+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-ternary-operator.md b/blog_posts/javascript-ternary-operator.md index acf2483a4..4d09bfb71 100644 --- a/blog_posts/javascript-ternary-operator.md +++ b/blog_posts/javascript-ternary-operator.md @@ -3,8 +3,7 @@ title: What is the ternary operator and how do I use it? shortTitle: Ternary operation introduction type: question tags: javascript,condition -author: maciv -cover: blog_images/red-succulent.jpg +cover: red-succulent excerpt: Learn everything you need to know about the conditional (ternary) operator and how to use it in JavaScript. firstSeen: 2020-09-01T01:53:34+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-this.md b/blog_posts/javascript-this.md index af1379318..87b86eee3 100644 --- a/blog_posts/javascript-this.md +++ b/blog_posts/javascript-this.md @@ -4,7 +4,7 @@ shortTitle: The "this" keyword in JavaScript type: story tags: javascript,function,object author: chalarangelo -cover: blog_images/u-got-this.jpg +cover: u-got-this excerpt: JavaScript's `this` keyword is a source of confusion for many beginners and veterans alike. Learn how it works in different scenarios and start using it correctly. firstSeen: 2020-05-03T15:31:25+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-truthy-falsy-values.md b/blog_posts/javascript-truthy-falsy-values.md index df9f7c9d2..13277d00f 100644 --- a/blog_posts/javascript-truthy-falsy-values.md +++ b/blog_posts/javascript-truthy-falsy-values.md @@ -4,7 +4,7 @@ shortTitle: Truthy and falsy values type: question tags: javascript,type,comparison author: chalarangelo -cover: blog_images/little-bird.jpg +cover: little-bird excerpt: JavaScript uses type coercion in Boolean contexts, resulting in truthy or falsy values. Get a hang of how it all works in this quick guide. firstSeen: 2021-09-12T05:00:00-04:00 --- diff --git a/blog_posts/javascript-undeclared-undefined-null.md b/blog_posts/javascript-undeclared-undefined-null.md index 78df3f484..dd16d6deb 100644 --- a/blog_posts/javascript-undeclared-undefined-null.md +++ b/blog_posts/javascript-undeclared-undefined-null.md @@ -4,7 +4,7 @@ shortTitle: Undeclared, undefined and null type: question tags: javascript,type author: chalarangelo -cover: blog_images/river-houses.jpg +cover: river-houses excerpt: JavaScript has three different empty states for variables. Learn their differences and how you can check for each one. firstSeen: 2021-03-29T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-use-strict.md b/blog_posts/javascript-use-strict.md index be2572a1f..fec531875 100644 --- a/blog_posts/javascript-use-strict.md +++ b/blog_posts/javascript-use-strict.md @@ -4,7 +4,7 @@ shortTitle: Strict mode introduction type: question tags: javascript,function,object author: chalarangelo -cover: blog_images/palm-tree-house.jpg +cover: palm-tree-house excerpt: JavaScript's strict mode can make your code faster, cleaner and more secure. firstSeen: 2021-11-28T05:00:00-04:00 --- diff --git a/blog_posts/javascript-value-as-number.md b/blog_posts/javascript-value-as-number.md index 32ad3af07..209f91b7a 100644 --- a/blog_posts/javascript-value-as-number.md +++ b/blog_posts/javascript-value-as-number.md @@ -4,7 +4,7 @@ shortTitle: Input element value as number type: tip tags: javascript,browser,input author: chalarangelo -cover: blog_images/mac-and-coffee.jpg +cover: mac-and-coffee excerpt: Ever wanted to get the value of an HTML input element as a number? Learn an easy way to do it with this handy trick. firstSeen: 2020-11-20T09:19:24+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-value-not-equal-to-itself.md b/blog_posts/javascript-value-not-equal-to-itself.md index 71e03dd92..713ed4ba5 100644 --- a/blog_posts/javascript-value-not-equal-to-itself.md +++ b/blog_posts/javascript-value-not-equal-to-itself.md @@ -4,7 +4,7 @@ shortTitle: The only value not equal to itself type: question tags: javascript,type,comparison author: chalarangelo -cover: blog_images/eagle.jpg +cover: eagle excerpt: Did you know there's a JavaScript value that's not equal to itself? firstSeen: 2021-12-12T05:00:00-04:00 --- diff --git a/blog_posts/javascript-var-let-const.md b/blog_posts/javascript-var-let-const.md index f282ea897..5380b2361 100644 --- a/blog_posts/javascript-var-let-const.md +++ b/blog_posts/javascript-var-let-const.md @@ -4,7 +4,7 @@ shortTitle: Var, let and const type: question tags: javascript,type,variable author: chalarangelo -cover: blog_images/highlands.jpg +cover: highlands excerpt: JavaScript variables can be declared a handful of ways. However, they're not all created equal and understanding their differences can drastically change the way you code. firstSeen: 2021-09-19T05:00:00-04:00 lastUpdated: 2021-12-02T09:50:42-04:00 diff --git a/blog_posts/javascript-variable-hoisting.md b/blog_posts/javascript-variable-hoisting.md index 71a758738..ec68060f3 100644 --- a/blog_posts/javascript-variable-hoisting.md +++ b/blog_posts/javascript-variable-hoisting.md @@ -4,7 +4,7 @@ shortTitle: Hoisting introduction type: question tags: javascript,type,variable author: chalarangelo -cover: blog_images/boat-port.jpg +cover: boat-port excerpt: One of the most commonly asked JavaScript interview questions is about hoisting. It's also a concept that might require some getting used to, so read our guide to learn more. firstSeen: 2020-09-22T23:28:14+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-variable-scope.md b/blog_posts/javascript-variable-scope.md index a66bb8fdd..8f9540d5b 100644 --- a/blog_posts/javascript-variable-scope.md +++ b/blog_posts/javascript-variable-scope.md @@ -4,7 +4,7 @@ shortTitle: Variables and scopes type: story tags: javascript,type,variable author: chalarangelo -cover: blog_images/periscope.jpg +cover: periscope excerpt: JavaScript developers often get confused by JavaScript's variables and scope. Here's a quick guide to understanding and remembering everything related to these concepts. firstSeen: 2020-05-18T22:28:17+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-void-links.md b/blog_posts/javascript-void-links.md index eac660c62..63274b25a 100644 --- a/blog_posts/javascript-void-links.md +++ b/blog_posts/javascript-void-links.md @@ -4,7 +4,7 @@ shortTitle: Avoid "javascript:void(0)" for empty links type: tip tags: javascript,browser,accessibility author: chalarangelo -cover: blog_images/white-flower.jpg +cover: white-flower excerpt: There are various ways to create an empty link, but some options are more appropriate than others. Learn the best way to handle empty links with this quick tip. firstSeen: 2020-11-15T11:46:42+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/jest-mock-global-methods.md b/blog_posts/jest-mock-global-methods.md index e75cd9708..fc9308b12 100644 --- a/blog_posts/jest-mock-global-methods.md +++ b/blog_posts/jest-mock-global-methods.md @@ -3,7 +3,7 @@ title: Mocking global object methods in Jest type: story tags: javascript,testing author: chalarangelo -cover: blog_images/trippy-chemicals.jpg +cover: trippy-chemicals excerpt: Testing your code is important, but mocking can be tricky at times. Here's a quick guide on how to mock global object methods in Jest. firstSeen: 2022-03-27T05:00:00-04:00 --- diff --git a/blog_posts/js-abort-fetch.md b/blog_posts/js-abort-fetch.md index 6d9abf8b0..7c6fd2aa5 100644 --- a/blog_posts/js-abort-fetch.md +++ b/blog_posts/js-abort-fetch.md @@ -4,7 +4,7 @@ shortTitle: Abort a fetch request type: story tags: javascript,function author: chalarangelo -cover: blog_images/cancel-typographer.jpg +cover: cancel-typographer excerpt: Aborting a fetch request in JavaScript is a common problem. Here's how to handle it correctly. firstSeen: 2022-05-15T05:00:00-04:00 --- diff --git a/blog_posts/js-append-elements-to-array.md b/blog_posts/js-append-elements-to-array.md index 6869534f1..d49e32f50 100644 --- a/blog_posts/js-append-elements-to-array.md +++ b/blog_posts/js-append-elements-to-array.md @@ -4,7 +4,7 @@ shortTitle: Append elements to array type: story tags: javascript,array author: chalarangelo -cover: blog_images/switzerland-night.jpg +cover: switzerland-night excerpt: Have you ever tried appending elements to an array in JavaScript? Here's a primer on all the available options. firstSeen: 2022-07-10T05:00:00-04:00 --- diff --git a/blog_posts/js-array-filtering-tips.md b/blog_posts/js-array-filtering-tips.md index d284e8188..746f55d2e 100644 --- a/blog_posts/js-array-filtering-tips.md +++ b/blog_posts/js-array-filtering-tips.md @@ -4,7 +4,7 @@ shortTitle: Array filtering tips type: story tags: javascript,array author: chalarangelo -cover: blog_images/violin.jpg +cover: violin excerpt: A few tips and tricks to help you filter arrays in JavaScript more efficiently. firstSeen: 2022-09-28T05:00:00-04:00 --- diff --git a/blog_posts/js-array-map-vs-foreach.md b/blog_posts/js-array-map-vs-foreach.md index 7b08519c5..ff49349b1 100644 --- a/blog_posts/js-array-map-vs-foreach.md +++ b/blog_posts/js-array-map-vs-foreach.md @@ -4,7 +4,7 @@ shortTitle: Array.prototype.map() vs Array.prototype.forEach() type: question tags: javascript,array author: chalarangelo -cover: blog_images/fort-lamp.jpg +cover: fort-lamp excerpt: Which method do you reach for first? What are the differences between them? Let's find out! firstSeen: 2023-03-26T05:00:00-04:00 --- diff --git a/blog_posts/js-array-min-max.md b/blog_posts/js-array-min-max.md index 0277f3f6d..7a1d46185 100644 --- a/blog_posts/js-array-min-max.md +++ b/blog_posts/js-array-min-max.md @@ -4,7 +4,7 @@ shortTitle: Min and max value of an array type: tip tags: javascript,array,math author: chalarangelo -cover: blog_images/little-tree.jpg +cover: little-tree excerpt: When working with numeric arrays in JavaScript, you might find yourself in need of finding the minimum or maximum value. Here's a quick and easy way to do it. firstSeen: 2021-03-01T11:00:00+02:00 lastUpdated: 2021-11-06T20:51:47+03:00 diff --git a/blog_posts/js-array-sorting-shorthand.md b/blog_posts/js-array-sorting-shorthand.md index 12c9cfe40..9267ac75b 100644 --- a/blog_posts/js-array-sorting-shorthand.md +++ b/blog_posts/js-array-sorting-shorthand.md @@ -3,8 +3,7 @@ title: "Tip: JavaScript array sorting shorthand" shortTitle: Array sorting shorthand type: tip tags: javascript,array -author: maciv -cover: blog_images/apples.jpg +cover: apples excerpt: Learn how to quickly write code to sort JavaScript arrays with this handy one-liner. firstSeen: 2021-01-04T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/js-async-defer.md b/blog_posts/js-async-defer.md index cb4520dc4..08280af71 100644 --- a/blog_posts/js-async-defer.md +++ b/blog_posts/js-async-defer.md @@ -4,7 +4,7 @@ shortTitle: Async and defer type: question tags: javascript,html author: chalarangelo -cover: blog_images/coworking-space.jpg +cover: coworking-space excerpt: Understanding how to correctly load your JavaScript files can significantly improve your web application's performance. firstSeen: 2022-09-04T05:00:00-04:00 --- diff --git a/blog_posts/js-callbacks.md b/blog_posts/js-callbacks.md index c70dceb3e..d4509db3d 100644 --- a/blog_posts/js-callbacks.md +++ b/blog_posts/js-callbacks.md @@ -4,7 +4,7 @@ shortTitle: Callback functions type: question tags: javascript,function author: chalarangelo -cover: blog_images/rabbit-call.jpg +cover: rabbit-call excerpt: JavaScript uses callback functions in various places for different purposes. From event listeners to asynchronous operations, they are an invaluable tool you need to master. firstSeen: 2021-10-03T05:00:00-04:00 --- diff --git a/blog_posts/js-compare-string-case-accent-insensitive.md b/blog_posts/js-compare-string-case-accent-insensitive.md index ea083b696..bf89e90c0 100644 --- a/blog_posts/js-compare-string-case-accent-insensitive.md +++ b/blog_posts/js-compare-string-case-accent-insensitive.md @@ -4,7 +4,7 @@ shortTitle: Case and accent-insensitive string comparison type: tip tags: javascript,string,comparison author: chalarangelo -cover: blog_images/memories-of-pineapple-1.jpg +cover: memories-of-pineapple-1 excerpt: Here's a quick tip on how to compare and sort arrays of strings, ignoring case and accents. firstSeen: 2022-07-17T05:00:00-04:00 --- diff --git a/blog_posts/js-construct-url.md b/blog_posts/js-construct-url.md index 4e9d951b0..f95a089f2 100644 --- a/blog_posts/js-construct-url.md +++ b/blog_posts/js-construct-url.md @@ -4,7 +4,7 @@ shortTitle: Construct a URL in JavaScript type: story tags: javascript,string,browser author: chalarangelo -cover: blog_images/alfama.jpg +cover: alfama excerpt: A short guide on how to correctly construct a URL in JavaScript. firstSeen: 2023-02-26T05:00:00-04:00 --- diff --git a/blog_posts/js-create-element.md b/blog_posts/js-create-element.md index 5beb3b625..5131bfbcb 100644 --- a/blog_posts/js-create-element.md +++ b/blog_posts/js-create-element.md @@ -4,7 +4,7 @@ shortTitle: Creating HTML elements type: story tags: javascript,browser author: chalarangelo -cover: blog_images/body-of-water.jpg +cover: body-of-water excerpt: Learn how to create HTML elements in JavaScript, by abstracting the creation logic into a function. firstSeen: 2022-05-29T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-binary-search-tree.md b/blog_posts/js-data-structures-binary-search-tree.md index 92fe0eb26..c4cb6dfdb 100644 --- a/blog_posts/js-data-structures-binary-search-tree.md +++ b/blog_posts/js-data-structures-binary-search-tree.md @@ -4,7 +4,7 @@ shortTitle: Binary Search Tree type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-4.jpg +cover: purple-flower-macro-4 excerpt: A binary search tree is a data structure consisting of a set of ordered linked nodes representing a hierarchical tree structure, in which each node can have at most two children. firstSeen: 2021-08-31T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-binary-tree.md b/blog_posts/js-data-structures-binary-tree.md index 2094fa9ef..a9bbb9d78 100644 --- a/blog_posts/js-data-structures-binary-tree.md +++ b/blog_posts/js-data-structures-binary-tree.md @@ -4,7 +4,7 @@ shortTitle: Binary Tree type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-3.jpg +cover: purple-flower-macro-3 excerpt: A binary tree is a data structure consisting of a set of linked nodes representing a hierarchical tree structure, in which each node can have at most two children. firstSeen: 2021-08-26T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-doubly-linked-list.md b/blog_posts/js-data-structures-doubly-linked-list.md index 5aab5f1ef..b7441adbd 100644 --- a/blog_posts/js-data-structures-doubly-linked-list.md +++ b/blog_posts/js-data-structures-doubly-linked-list.md @@ -4,7 +4,7 @@ shortTitle: Doubly Linked List type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-4.jpg +cover: purple-flower-macro-4 excerpt: A doubly linked list is a linear data structure where each element points both to the next and the previous one. firstSeen: 2021-08-12T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-graph.md b/blog_posts/js-data-structures-graph.md index 2ab74e2f9..3def65d91 100644 --- a/blog_posts/js-data-structures-graph.md +++ b/blog_posts/js-data-structures-graph.md @@ -4,7 +4,7 @@ shortTitle: Graph type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-1.jpg +cover: purple-flower-macro-1 excerpt: A graph is a data structure consisting of a set of vertices connected by a set of edges. firstSeen: 2021-08-17T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-linked-list.md b/blog_posts/js-data-structures-linked-list.md index a8438f452..4ba1c59c2 100644 --- a/blog_posts/js-data-structures-linked-list.md +++ b/blog_posts/js-data-structures-linked-list.md @@ -4,7 +4,7 @@ shortTitle: Linked List type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-3.jpg +cover: purple-flower-macro-3 excerpt: A linked list is a linear data structure where each element points to the next. firstSeen: 2021-08-08T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-queue.md b/blog_posts/js-data-structures-queue.md index 98f3382cc..33fdff6e3 100644 --- a/blog_posts/js-data-structures-queue.md +++ b/blog_posts/js-data-structures-queue.md @@ -4,7 +4,7 @@ shortTitle: Queue type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-2.jpg +cover: purple-flower-macro-2 excerpt: A queue is a linear data structure which follows a first in, first out (FIFO) order of operations. firstSeen: 2021-07-29T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-stack.md b/blog_posts/js-data-structures-stack.md index 2b6204bb5..7414530e6 100644 --- a/blog_posts/js-data-structures-stack.md +++ b/blog_posts/js-data-structures-stack.md @@ -4,7 +4,7 @@ shortTitle: Stack type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-1.jpg +cover: purple-flower-macro-1 excerpt: A stack is a linear data structure which follows a last in, first out (LIFO) order of operations. firstSeen: 2021-08-03T05:00:00-04:00 --- diff --git a/blog_posts/js-data-structures-tree.md b/blog_posts/js-data-structures-tree.md index e82b5b36f..2fe3de9fb 100644 --- a/blog_posts/js-data-structures-tree.md +++ b/blog_posts/js-data-structures-tree.md @@ -4,7 +4,7 @@ shortTitle: Tree type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/purple-flower-macro-2.jpg +cover: purple-flower-macro-2 excerpt: A tree is a data structure consisting of a set of linked nodes representing a hierarchical tree structure. firstSeen: 2021-08-22T05:00:00-04:00 --- diff --git a/blog_posts/js-decimal-to-hex.md b/blog_posts/js-decimal-to-hex.md index ea01f01c6..2a5d64a93 100644 --- a/blog_posts/js-decimal-to-hex.md +++ b/blog_posts/js-decimal-to-hex.md @@ -4,7 +4,7 @@ shortTitle: Decimal to hexadecimal type: tip tags: javascript,math author: chalarangelo -cover: blog_images/waves-from-above.jpg +cover: waves-from-above excerpt: Ever needed to convert a decimal number to hexadecimal? Here's a quick and easy way to do it. firstSeen: 2022-09-21T05:00:00-04:00 --- diff --git a/blog_posts/js-detect-undefined-object-property.md b/blog_posts/js-detect-undefined-object-property.md index 011a5a418..24ee2ffc8 100644 --- a/blog_posts/js-detect-undefined-object-property.md +++ b/blog_posts/js-detect-undefined-object-property.md @@ -4,7 +4,7 @@ shortTitle: Detect undefined object property type: story tags: javascript,object author: chalarangelo -cover: blog_images/pink-flower.jpg +cover: pink-flower excerpt: Learn how to detect `undefined` object properties in JavaScript the correct way. firstSeen: 2022-08-07T05:00:00-04:00 --- diff --git a/blog_posts/js-double-negation-operator.md b/blog_posts/js-double-negation-operator.md index 7a296612f..ecc1f5bbf 100644 --- a/blog_posts/js-double-negation-operator.md +++ b/blog_posts/js-double-negation-operator.md @@ -4,7 +4,7 @@ shortTitle: Double negation operator type: question tags: javascript,function author: chalarangelo -cover: blog_images/memories-of-pineapple-2.jpg +cover: memories-of-pineapple-2 excerpt: You've probably come across the double negation operator (`!!`) before, but do you know what it does? firstSeen: 2022-07-26T05:00:00-04:00 --- diff --git a/blog_posts/js-dynamic-properties-are-slow.md b/blog_posts/js-dynamic-properties-are-slow.md index 83b5947bb..ed3ff81d9 100644 --- a/blog_posts/js-dynamic-properties-are-slow.md +++ b/blog_posts/js-dynamic-properties-are-slow.md @@ -4,7 +4,7 @@ shortTitle: Dynamically added property optimization type: tip tags: javascript,object,performance author: chalarangelo -cover: blog_images/mountain-lake-cottage.jpg +cover: mountain-lake-cottage excerpt: Dynamically adding object properties can be pretty slow in some cases. Here's how to optimize it. firstSeen: 2022-11-02T05:00:00-04:00 --- diff --git a/blog_posts/js-edit-url-params.md b/blog_posts/js-edit-url-params.md index a4acec408..3584cd638 100644 --- a/blog_posts/js-edit-url-params.md +++ b/blog_posts/js-edit-url-params.md @@ -4,7 +4,7 @@ shortTitle: Edit URL Parameters type: tip tags: javascript,string author: chalarangelo -cover: blog_images/sofia-tram.jpg +cover: sofia-tram excerpt: Avoid the naive approach and use a more robust method to edit URL parameters in JavaScript. firstSeen: 2022-12-07T05:00:00-04:00 --- diff --git a/blog_posts/js-element-from-point.md b/blog_posts/js-element-from-point.md index 7d7927fb0..e3da0ab99 100644 --- a/blog_posts/js-element-from-point.md +++ b/blog_posts/js-element-from-point.md @@ -4,7 +4,7 @@ shortTitle: Element at specific coordinates type: tip tags: javascript,browser author: chalarangelo -cover: blog_images/armchair-in-yellow.jpg +cover: armchair-in-yellow excerpt: Using `Document.elementFromPoint()` to easily get the element at a specific point on the page. firstSeen: 2022-12-18T05:00:00-04:00 --- diff --git a/blog_posts/js-email-validation.md b/blog_posts/js-email-validation.md index da7da6da0..c9befda24 100644 --- a/blog_posts/js-email-validation.md +++ b/blog_posts/js-email-validation.md @@ -4,7 +4,7 @@ shortTitle: Email address validation type: question tags: javascript,string,regexp author: chalarangelo -cover: blog_images/blank-card.jpg +cover: blank-card excerpt: Email address validation can be much trickier than it sounds. Here's why and my advice on how to approach this problem. firstSeen: 2022-10-05T05:00:00-04:00 --- diff --git a/blog_posts/js-fast-remove-array-element.md b/blog_posts/js-fast-remove-array-element.md index f94c04ef0..eb36656e2 100644 --- a/blog_posts/js-fast-remove-array-element.md +++ b/blog_posts/js-fast-remove-array-element.md @@ -4,7 +4,7 @@ shortTitle: Faster element removal in unordered arrays type: story tags: javascript,array author: chalarangelo -cover: blog_images/purple-flower-bunch.jpg +cover: purple-flower-bunch excerpt: Are you performing a lot of array operations? Maybe element removal is a performance bottleneck you can avoid. firstSeen: 2022-03-20T05:00:00-04:00 --- diff --git a/blog_posts/js-frequency-map-data-structure.md b/blog_posts/js-frequency-map-data-structure.md index a8fb78edc..48bd1e85f 100644 --- a/blog_posts/js-frequency-map-data-structure.md +++ b/blog_posts/js-frequency-map-data-structure.md @@ -4,7 +4,7 @@ shortTitle: Frequency Map type: story tags: javascript,object,class,array author: chalarangelo -cover: blog_images/radio-monstera.jpg +cover: radio-monstera excerpt: A custom data structure to keep track of value frequencies in an array. firstSeen: 2022-11-13T05:00:00-04:00 --- diff --git a/blog_posts/js-immutable-object-proxy.md b/blog_posts/js-immutable-object-proxy.md index 9f752a310..5de1d19b4 100644 --- a/blog_posts/js-immutable-object-proxy.md +++ b/blog_posts/js-immutable-object-proxy.md @@ -4,7 +4,7 @@ shortTitle: Immutable objects using Proxy type: story tags: javascript,object,proxy author: chalarangelo -cover: blog_images/frozen-globe.jpg +cover: frozen-globe excerpt: Freezing objects is not the only way to prevent mutations. Learn how you can leverage the Proxy object to your advantage. firstSeen: 2022-04-10T05:00:00-04:00 --- diff --git a/blog_posts/js-last-element-of-array.md b/blog_posts/js-last-element-of-array.md index 819253987..8ba20351c 100644 --- a/blog_posts/js-last-element-of-array.md +++ b/blog_posts/js-last-element-of-array.md @@ -4,7 +4,7 @@ shortTitle: Last element of array type: tip tags: javascript,array author: chalarangelo -cover: blog_images/purple-laptop.jpg +cover: purple-laptop excerpt: Array destructuring can be leveraged in many different ways. Here's one of them. firstSeen: 2022-08-28T05:00:00-04:00 --- diff --git a/blog_posts/js-locale-sensitive-string-truncation.md b/blog_posts/js-locale-sensitive-string-truncation.md index f73d43982..1d4302a0b 100644 --- a/blog_posts/js-locale-sensitive-string-truncation.md +++ b/blog_posts/js-locale-sensitive-string-truncation.md @@ -4,7 +4,7 @@ shortTitle: Locale-sensitive string truncation type: question tags: javascript,string author: chalarangelo -cover: blog_images/reflection-on-lake.jpg +cover: reflection-on-lake excerpt: Locale-sensitive string splitting and truncation are finally possible in JavaScript. firstSeen: 2022-12-04T05:00:00-04:00 --- diff --git a/blog_posts/js-map-vs-object.md b/blog_posts/js-map-vs-object.md index 688b4b6b7..a8ee9aaf8 100644 --- a/blog_posts/js-map-vs-object.md +++ b/blog_posts/js-map-vs-object.md @@ -4,7 +4,7 @@ shortTitle: Maps vs objects type: question tags: javascript,object author: chalarangelo -cover: blog_images/tent-stars.jpg +cover: tent-stars excerpt: Maps and objects are very similar, but they have some differences that can help you decide which one better fits your use-case. firstSeen: 2022-02-13T05:00:00-04:00 --- diff --git a/blog_posts/js-native-data-structures.md b/blog_posts/js-native-data-structures.md index 41db07583..99501ac6f 100644 --- a/blog_posts/js-native-data-structures.md +++ b/blog_posts/js-native-data-structures.md @@ -4,7 +4,7 @@ shortTitle: Native Data Structures type: story tags: javascript,object,array author: chalarangelo -cover: blog_images/purple-flower-macro-2.jpg +cover: purple-flower-macro-2 excerpt: JavaScript provides a handful of native data structures that you can start using in your code right now. firstSeen: 2021-09-05T05:00:00-04:00 --- diff --git a/blog_posts/js-object-freeze-vs-seal.md b/blog_posts/js-object-freeze-vs-seal.md index 95eccbe13..b103f1034 100644 --- a/blog_posts/js-object-freeze-vs-seal.md +++ b/blog_posts/js-object-freeze-vs-seal.md @@ -4,7 +4,7 @@ shortTitle: Object.freeze() vs Object.seal() type: question tags: javascript,object author: chalarangelo -cover: blog_images/frozen-globe.jpg +cover: frozen-globe excerpt: Both `Object.freeze()` and `Object.seal()` serve a similar purpose, but there's one key difference you need to remember. firstSeen: 2022-02-06T05:00:00-04:00 --- diff --git a/blog_posts/js-proxy-array-negative-index.md b/blog_posts/js-proxy-array-negative-index.md index 6eec8b901..fa26bbe91 100644 --- a/blog_posts/js-proxy-array-negative-index.md +++ b/blog_posts/js-proxy-array-negative-index.md @@ -4,7 +4,7 @@ shortTitle: Negative index array proxy type: story tags: javascript,array,proxy author: chalarangelo -cover: blog_images/budapest-palace.jpg +cover: budapest-palace excerpt: Ever wanted to use negative indices in JavaScript arrays? Here's a simple way to do it using a Proxy. firstSeen: 2022-10-02T05:00:00-04:00 --- diff --git a/blog_posts/js-remove-array-duplicates.md b/blog_posts/js-remove-array-duplicates.md index ca798bc09..44ed63a17 100644 --- a/blog_posts/js-remove-array-duplicates.md +++ b/blog_posts/js-remove-array-duplicates.md @@ -4,7 +4,7 @@ shortTitle: Remove duplicates from an array type: tip tags: javascript,array author: chalarangelo -cover: blog_images/architectural.jpg +cover: architectural excerpt: Easily remove duplicates from a JavaScript array using the built-in `Set` object. firstSeen: 2021-02-11T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/js-remove-element-from-array.md b/blog_posts/js-remove-element-from-array.md index 3a1a540f2..64a7fefe7 100644 --- a/blog_posts/js-remove-element-from-array.md +++ b/blog_posts/js-remove-element-from-array.md @@ -4,7 +4,7 @@ shortTitle: Remove element from array type: story tags: javascript,array author: chalarangelo -cover: blog_images/maple-leaf-palette.jpg +cover: maple-leaf-palette excerpt: Did you know there are multiple ways to remove an element from an array? Let's take a look. firstSeen: 2022-06-26T05:00:00-04:00 --- diff --git a/blog_posts/js-remove-trailing-zeros.md b/blog_posts/js-remove-trailing-zeros.md index b28851616..0ff588b58 100644 --- a/blog_posts/js-remove-trailing-zeros.md +++ b/blog_posts/js-remove-trailing-zeros.md @@ -4,7 +4,7 @@ shortTitle: Remove trailing zeros from number type: story tags: javascript,math author: chalarangelo -cover: blog_images/island-corridor.jpg +cover: island-corridor excerpt: When formatting decimal values in JavaScript, trailing zeros can be undesired. Here's how to deal with them. firstSeen: 2022-05-08T05:00:00-04:00 --- diff --git a/blog_posts/js-replace-all-occurences-of-string.md b/blog_posts/js-replace-all-occurences-of-string.md index cf3331ba0..6ceeceafb 100644 --- a/blog_posts/js-replace-all-occurences-of-string.md +++ b/blog_posts/js-replace-all-occurences-of-string.md @@ -4,7 +4,7 @@ shortTitle: Replace all occurrences of a string type: story tags: javascript,string,regexp author: chalarangelo -cover: blog_images/blue-computer.jpg +cover: blue-computer excerpt: If you need to replace all occurrences of a string in JavaScript, you have a couple of options. firstSeen: 2022-07-03T05:00:00-04:00 --- diff --git a/blog_posts/js-spread-operator-tricks.md b/blog_posts/js-spread-operator-tricks.md index 7f7e7dfbd..eba03004e 100644 --- a/blog_posts/js-spread-operator-tricks.md +++ b/blog_posts/js-spread-operator-tricks.md @@ -4,7 +4,7 @@ shortTitle: Array tricks using the spread operator type: story tags: javascript,array author: chalarangelo -cover: blog_images/succulent-crowd.jpg +cover: succulent-crowd excerpt: JavaScript’s spread operator is a very versatile tool. Here are some simple ways to use it. firstSeen: 2022-04-17T05:00:00-04:00 --- diff --git a/blog_posts/js-static-instance-methods.md b/blog_posts/js-static-instance-methods.md index a3d4b7979..90b107cdd 100644 --- a/blog_posts/js-static-instance-methods.md +++ b/blog_posts/js-static-instance-methods.md @@ -4,7 +4,7 @@ shortTitle: Static Instance Methods type: question tags: javascript,object,function,class author: chalarangelo -cover: blog_images/lake-runner.jpg +cover: lake-runner excerpt: Static and instance methods are pretty easy to distinguish and serve different purposes. Learn all about them in this article. firstSeen: 2022-01-30T05:00:00-04:00 --- diff --git a/blog_posts/js-textcontent-or-innertext.md b/blog_posts/js-textcontent-or-innertext.md index afe0834c1..6b480c351 100644 --- a/blog_posts/js-textcontent-or-innertext.md +++ b/blog_posts/js-textcontent-or-innertext.md @@ -4,7 +4,7 @@ shortTitle: Differences between innerText and textContent type: question tags: javascript,browser author: chalarangelo -cover: blog_images/dark-city.jpg +cover: dark-city excerpt: While these two properties are very similar, there are some key differences that you should be aware of. firstSeen: 2023-03-19T05:00:00-04:00 --- diff --git a/blog_posts/js-timeout-interval-delay.md b/blog_posts/js-timeout-interval-delay.md index 6ba9cccf9..e8d4f32e0 100644 --- a/blog_posts/js-timeout-interval-delay.md +++ b/blog_posts/js-timeout-interval-delay.md @@ -4,7 +4,7 @@ shortTitle: Delays in JavaScript timing functions type: story tags: javascript,browser,timeout author: chalarangelo -cover: blog_images/river-house-lights.jpg +cover: river-house-lights excerpt: Did you know that the delay of `setTimeout()` and `setInterval()` is merely a suggestion? firstSeen: 2022-10-26T05:00:00-04:00 --- diff --git a/blog_posts/js-typecheck-array.md b/blog_posts/js-typecheck-array.md index 5e78bfda3..504751519 100644 --- a/blog_posts/js-typecheck-array.md +++ b/blog_posts/js-typecheck-array.md @@ -4,7 +4,7 @@ shortTitle: Array typechecking type: tip tags: javascript,type,array author: chalarangelo -cover: blog_images/purple-flower-field.jpg +cover: purple-flower-field excerpt: Make sure to use the correct method when checking if a JavaScript object is an array. firstSeen: 2022-11-06T05:00:00-04:00 --- diff --git a/blog_posts/js-window-location-cheatsheet.md b/blog_posts/js-window-location-cheatsheet.md index 586ef3007..9d969a50e 100644 --- a/blog_posts/js-window-location-cheatsheet.md +++ b/blog_posts/js-window-location-cheatsheet.md @@ -3,7 +3,7 @@ title: Window.location Cheat Sheet type: cheatsheet tags: javascript,browser author: chalarangelo -cover: blog_images/yellow-sofa.jpg +cover: yellow-sofa excerpt: A quick reference for the `window.location` object. firstSeen: 2022-12-21T05:00:00-04:00 --- diff --git a/blog_posts/lazy-loading-images.md b/blog_posts/lazy-loading-images.md index 90cfd6d1e..4b98324d9 100644 --- a/blog_posts/lazy-loading-images.md +++ b/blog_posts/lazy-loading-images.md @@ -4,7 +4,7 @@ shortTitle: Image lazy loading type: tip tags: webdev,html,image author: chalarangelo -cover: blog_images/bridge.jpg +cover: bridge excerpt: Did you know you can use a native HTML attribute to add lazy load to images? Learn all you need to know with this quick tip. firstSeen: 2021-05-31T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/nodejs-chrome-debugging.md b/blog_posts/nodejs-chrome-debugging.md index 87303ca39..3673e363a 100644 --- a/blog_posts/nodejs-chrome-debugging.md +++ b/blog_posts/nodejs-chrome-debugging.md @@ -4,7 +4,7 @@ shortTitle: Debug Node.js with Chrome Developer Tools type: tip tags: javascript,node,debugging author: chalarangelo -cover: blog_images/bug.jpg +cover: bug excerpt: Did you know you can use Chrome Developer Tools to debug your Node.js code? Find out how in this short guide. firstSeen: 2020-07-15T16:10:13+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/nodejs-static-file-server.md b/blog_posts/nodejs-static-file-server.md index 687281bd4..460489aa0 100644 --- a/blog_posts/nodejs-static-file-server.md +++ b/blog_posts/nodejs-static-file-server.md @@ -4,7 +4,7 @@ shortTitle: Node.js static file server type: story tags: javascript,node,server author: chalarangelo -cover: blog_images/man-cup-laptop.jpg +cover: man-cup-laptop excerpt: Create your own static file server with Node.js in just 70 lines of code. firstSeen: 2022-06-05T05:00:00-04:00 --- diff --git a/blog_posts/passive-scroll-listener-performance.md b/blog_posts/passive-scroll-listener-performance.md index e4dd5a1df..f31b70a80 100644 --- a/blog_posts/passive-scroll-listener-performance.md +++ b/blog_posts/passive-scroll-listener-performance.md @@ -4,7 +4,7 @@ shortTitle: Improve scroll listener performance type: tip tags: javascript,browser,event author: chalarangelo -cover: blog_images/chill-surfing.jpg +cover: chill-surfing excerpt: Scroll listeners can easily become a performance bottleneck for your web application. Here's how to fix that. firstSeen: 2023-03-07T05:00:00-04:00 --- diff --git a/blog_posts/password-autocomplete-suggestion.md b/blog_posts/password-autocomplete-suggestion.md index 5a9b084ef..15853d1ed 100644 --- a/blog_posts/password-autocomplete-suggestion.md +++ b/blog_posts/password-autocomplete-suggestion.md @@ -4,7 +4,7 @@ shortTitle: Password field autocomplete type: tip tags: webdev author: chalarangelo -cover: blog_images/padlocks.jpg +cover: padlocks excerpt: Use the HTML `autocomplete` attribute to create more secure and accessible password fields. firstSeen: 2021-05-10T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/perfect-css-transition-duration.md b/blog_posts/perfect-css-transition-duration.md index c11018573..eebda30d7 100644 --- a/blog_posts/perfect-css-transition-duration.md +++ b/blog_posts/perfect-css-transition-duration.md @@ -4,7 +4,7 @@ shortTitle: CSS transition duration type: tip tags: css,interactivity,visual,animation author: chalarangelo -cover: blog_images/perfect-timing.jpg +cover: perfect-timing excerpt: Learn how to make your CSS transitions feel perfect when users interact with elements on the page with this simple tip. firstSeen: 2020-12-30T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/prefetching-resources.md b/blog_posts/prefetching-resources.md index 5b5dd984a..bda0cf3cb 100644 --- a/blog_posts/prefetching-resources.md +++ b/blog_posts/prefetching-resources.md @@ -4,7 +4,7 @@ shortTitle: Resource prefetching type: tip tags: webdev,html,browser author: chalarangelo -cover: blog_images/playing-fetch.jpg +cover: playing-fetch excerpt: Resource prefetching is a great technique to improve perceived page speed on your website and one that requires little to no effort. Learn how to use it today. firstSeen: 2020-06-20T13:41:31+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-bare-except.md b/blog_posts/python-bare-except.md index 6c025a800..76aec3081 100644 --- a/blog_posts/python-bare-except.md +++ b/blog_posts/python-bare-except.md @@ -3,8 +3,7 @@ title: "Tip: Avoid using bare except in Python" shortTitle: Bare except best practices type: tip tags: python,error -author: maciv -cover: blog_images/dark-cloud.jpg +cover: dark-cloud excerpt: It's generally not a good idea to use bare `except` clause in Python, but do you know why? firstSeen: 2022-02-20T05:00:00-04:00 --- diff --git a/blog_posts/python-dict-getkey-vs-dictkey.md b/blog_posts/python-dict-getkey-vs-dictkey.md index d3f349c30..9e06e5a37 100644 --- a/blog_posts/python-dict-getkey-vs-dictkey.md +++ b/blog_posts/python-dict-getkey-vs-dictkey.md @@ -3,8 +3,7 @@ title: "Tip: You should use dict.get(key) instead of dict[key]" shortTitle: dict.get(key) vs dict[key] type: tip tags: python,dictionary -author: maciv -cover: blog_images/fruit-feast.jpg +cover: fruit-feast excerpt: Learn the difference between two common ways to access values in Python dictionaries and level up your code today. firstSeen: 2021-01-07T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-empty-list.md b/blog_posts/python-empty-list.md index 0f4b97bef..9d7a724de 100644 --- a/blog_posts/python-empty-list.md +++ b/blog_posts/python-empty-list.md @@ -4,7 +4,7 @@ shortTitle: Empty list type: question tags: python,list author: chalarangelo -cover: blog_images/salad-2.jpg +cover: salad-2 excerpt: There's a good way to test the emptiness of a Python list and a better one. Which one are you using? firstSeen: 2023-01-15T05:00:00-04:00 --- diff --git a/blog_posts/python-file-close.md b/blog_posts/python-file-close.md index 62c5ce3a1..69d9580c4 100644 --- a/blog_posts/python-file-close.md +++ b/blog_posts/python-file-close.md @@ -3,8 +3,7 @@ title: How to correctly close files in Python shortTitle: Closing files type: story tags: python,file -author: maciv -cover: blog_images/flower-pond.jpg +cover: flower-pond excerpt: When working with files in Python, it's important to ensure that the file is closed correctly. Here are a couple of ways to do that. firstSeen: 2022-02-03T05:00:00-04:00 --- diff --git a/blog_posts/python-fstrings-str-format.md b/blog_posts/python-fstrings-str-format.md index 9568dac35..5cb47dba2 100644 --- a/blog_posts/python-fstrings-str-format.md +++ b/blog_posts/python-fstrings-str-format.md @@ -3,8 +3,7 @@ title: "Tip: 2 ways to format a string in Python" shortTitle: String formatting type: tip tags: python,string -author: maciv -cover: blog_images/feathers.jpg +cover: feathers excerpt: Learn two ways to format a string in Python with this quick tip. firstSeen: 2021-01-21T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-identity-equality.md b/blog_posts/python-identity-equality.md index fc6e24ca7..d2cb3d16a 100644 --- a/blog_posts/python-identity-equality.md +++ b/blog_posts/python-identity-equality.md @@ -3,8 +3,7 @@ title: What is the difference between Python's equality operators? shortTitle: Python equality operators type: question tags: python,type,comparison -author: maciv -cover: blog_images/umbrellas.jpg +cover: umbrellas excerpt: Python provides two distinct comparison operators for different task. Stop mixing them up using this quick guide. firstSeen: 2021-01-28T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-lists-tuples.md b/blog_posts/python-lists-tuples.md index 5a1af7f29..2628e15ac 100644 --- a/blog_posts/python-lists-tuples.md +++ b/blog_posts/python-lists-tuples.md @@ -4,7 +4,7 @@ shortTitle: Lists vs Tuples type: question tags: python,list author: chalarangelo -cover: blog_images/red-mountain.jpg +cover: red-mountain excerpt: Learn how Python's lists and tuples are different and level up your code today. firstSeen: 2020-08-08T14:54:56+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-lowercase.md b/blog_posts/python-lowercase.md index e7ac713d1..f7fc50feb 100644 --- a/blog_posts/python-lowercase.md +++ b/blog_posts/python-lowercase.md @@ -3,8 +3,7 @@ title: How do I convert a string to lowercase in Python? shortTitle: Lowercase string type: question tags: python,string -author: maciv -cover: blog_images/type-stamps.jpg +cover: type-stamps excerpt: Learn of the two different way to convert a string to lowercase in Python and understand when you should use each one with this quick guide. firstSeen: 2020-11-15T14:13:55+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-mutable-default-arguments.md b/blog_posts/python-mutable-default-arguments.md index a95b72939..04560b458 100644 --- a/blog_posts/python-mutable-default-arguments.md +++ b/blog_posts/python-mutable-default-arguments.md @@ -3,8 +3,7 @@ title: "Tip: Watch out for mutable default arguments in Python" shortTitle: Mutable default arguments type: tip tags: python,function -author: maciv -cover: blog_images/goat-wooden-cottage.jpg +cover: goat-wooden-cottage excerpt: Mutable default arguments can trip up Python beginners and veterans alike. Here's a quick workaround to deal with them. firstSeen: 2022-02-27T05:00:00-04:00 --- diff --git a/blog_posts/python-named-tuples.md b/blog_posts/python-named-tuples.md index faae29533..9ef9e0e09 100644 --- a/blog_posts/python-named-tuples.md +++ b/blog_posts/python-named-tuples.md @@ -3,8 +3,7 @@ title: What are named tuples in Python? shortTitle: Named Tuples type: question tags: python,list,dictionary -author: maciv -cover: blog_images/mask-quiet.jpg +cover: mask-quiet excerpt: Understand Python's named tuples and start using them in your projects today. firstSeen: 2021-01-14T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-slice-assignment.md b/blog_posts/python-slice-assignment.md index c034d03f5..1a25604d8 100644 --- a/blog_posts/python-slice-assignment.md +++ b/blog_posts/python-slice-assignment.md @@ -3,8 +3,7 @@ title: Understanding Python's slice assignment shortTitle: Python slice assignment type: story tags: python,list -author: maciv -cover: blog_images/sliced-fruits.jpg +cover: sliced-fruits excerpt: Learn everything you need to know about Python's slice assignment with this handy guide. firstSeen: 2020-11-07T19:21:40+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-slice-notation.md b/blog_posts/python-slice-notation.md index 70f23d722..bb4475080 100644 --- a/blog_posts/python-slice-notation.md +++ b/blog_posts/python-slice-notation.md @@ -3,8 +3,7 @@ title: Understanding Python's slice notation shortTitle: Python slice notation type: story tags: python,list -author: maciv -cover: blog_images/sliced-fruits.jpg +cover: sliced-fruits excerpt: Learn everything you need to know about Python's slice notation with this handy guide. firstSeen: 2020-11-07T19:21:16+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-sort-dictionary-tuple-key.md b/blog_posts/python-sort-dictionary-tuple-key.md index c8224bda4..ba73d8794 100644 --- a/blog_posts/python-sort-dictionary-tuple-key.md +++ b/blog_posts/python-sort-dictionary-tuple-key.md @@ -4,7 +4,7 @@ shortTitle: Sort dictionary list using a tuple key type: tip tags: python,list,dictionary author: chalarangelo -cover: blog_images/matrix-flow.jpg +cover: matrix-flow excerpt: Learn how to sort a Python dictionary list using a tuple key. firstSeen: 2023-01-04T05:00:00-04:00 --- diff --git a/blog_posts/python-sortedlist-vs-list-sort.md b/blog_posts/python-sortedlist-vs-list-sort.md index 603dfe2c8..742bbe80f 100644 --- a/blog_posts/python-sortedlist-vs-list-sort.md +++ b/blog_posts/python-sortedlist-vs-list-sort.md @@ -3,8 +3,7 @@ title: What is the difference between list.sort() and sorted() in Python? shortTitle: List.sort vs sorted type: question tags: python,list -author: maciv -cover: blog_images/duck-plants.jpg +cover: duck-plants excerpt: Learn the difference between Python's built-in list sorting methods and when one is preferred over the other. firstSeen: 2020-12-31T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/python-string-is-empty.md b/blog_posts/python-string-is-empty.md index bc37e2c9b..89f0db3c8 100644 --- a/blog_posts/python-string-is-empty.md +++ b/blog_posts/python-string-is-empty.md @@ -4,7 +4,7 @@ shortTitle: String is empty type: question tags: python,string author: chalarangelo -cover: blog_images/tea-laptop-table.jpg +cover: tea-laptop-table excerpt: Here are two quick and elegant ways to check if a string is empty in Python. firstSeen: 2022-08-05T05:00:00-04:00 --- diff --git a/blog_posts/python-swap-variables.md b/blog_posts/python-swap-variables.md index 3a37e58e4..d2de1a04b 100644 --- a/blog_posts/python-swap-variables.md +++ b/blog_posts/python-swap-variables.md @@ -3,8 +3,7 @@ title: 3 ways to swap two variables in Python shortTitle: Variable swapping type: story tags: python,variables -author: maciv -cover: blog_images/leaves-read.jpg +cover: leaves-read excerpt: Learn 3 easy ways to swap the values of two variables in Python. firstSeen: 2021-02-04T11:00:00+02:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/python-trim-whitespace.md b/blog_posts/python-trim-whitespace.md index a2d79ba9f..18c72519b 100644 --- a/blog_posts/python-trim-whitespace.md +++ b/blog_posts/python-trim-whitespace.md @@ -3,8 +3,7 @@ title: How do I trim whitespace from a string in Python? shortTitle: Trim whitespace type: question tags: python,string -author: maciv -cover: blog_images/organizer.jpg +cover: organizer excerpt: Oftentimes you might need to trim whitespace from a string in Python. Learn of three different way to do this in this short guide. firstSeen: 2021-12-13T05:00:00-04:00 --- diff --git a/blog_posts/react-conditional-classname.md b/blog_posts/react-conditional-classname.md index b7e62d280..e141d1b24 100644 --- a/blog_posts/react-conditional-classname.md +++ b/blog_posts/react-conditional-classname.md @@ -3,8 +3,7 @@ title: "Tip: React conditional className, empty strings and null" shortTitle: Conditional className type: tip tags: react,components -author: maciv -cover: blog_images/succulent-red-light.jpg +cover: succulent-red-light excerpt: When developing React components, you might often need to conditionally apply a className. Learn how to handle empty classNames correctly using this handy tip. firstSeen: 2020-11-06T20:17:21+02:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/react-proptypes-objectof-vs-shape.md b/blog_posts/react-proptypes-objectof-vs-shape.md index 81a9d461a..e7a5a4045 100644 --- a/blog_posts/react-proptypes-objectof-vs-shape.md +++ b/blog_posts/react-proptypes-objectof-vs-shape.md @@ -4,7 +4,7 @@ shortTitle: PropTypes - objectOf vs shape type: story tags: react,components,proptypes author: chalarangelo -cover: blog_images/shapes.jpg +cover: shapes excerpt: Learn the differences between `PropTypes.objectOf()` and `PropTypes.shape()` and where to use each one with this quick guide. firstSeen: 2021-01-18T11:00:00+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-redux-readable-reducers.md b/blog_posts/react-redux-readable-reducers.md index 82f1d92cf..1dca1b948 100644 --- a/blog_posts/react-redux-readable-reducers.md +++ b/blog_posts/react-redux-readable-reducers.md @@ -4,7 +4,7 @@ shortTitle: Readable reducer tips type: story tags: react,logic author: chalarangelo -cover: blog_images/beach-from-above.jpg +cover: beach-from-above excerpt: When working with state in your code, you often run into issues with maintaining complexity and readability. Oftentimes, these issues are easily fixable. firstSeen: 2021-04-05T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-rendering-basics.md b/blog_posts/react-rendering-basics.md index 4818c438c..6faa6c3f5 100644 --- a/blog_posts/react-rendering-basics.md +++ b/blog_posts/react-rendering-basics.md @@ -3,7 +3,7 @@ title: React rendering basics type: story tags: react,render author: chalarangelo -cover: blog_images/comic-glasses.jpg +cover: comic-glasses excerpt: Take a deeper dive into React's rendering process and understand the basics behind the popular JavaScript framework. firstSeen: 2020-06-16T20:41:02+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-rendering-optimization.md b/blog_posts/react-rendering-optimization.md index 335d0fdf8..7fbb483f5 100644 --- a/blog_posts/react-rendering-optimization.md +++ b/blog_posts/react-rendering-optimization.md @@ -3,7 +3,7 @@ title: React rendering optimization type: story tags: react,render author: chalarangelo -cover: blog_images/comic-glasses.jpg +cover: comic-glasses excerpt: Take a deeper dive into React's rendering process and understand how to make small yet powerful tweaks to optimize performance. firstSeen: 2020-06-16T20:41:02+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-rendering-state.md b/blog_posts/react-rendering-state.md index b3af50adf..8d0635f44 100644 --- a/blog_posts/react-rendering-state.md +++ b/blog_posts/react-rendering-state.md @@ -3,7 +3,7 @@ title: React rendering state type: story tags: react,render author: chalarangelo -cover: blog_images/comic-glasses.jpg +cover: comic-glasses excerpt: Take a deeper dive into React's rendering process and understand the role of the Context API and Redux in it. firstSeen: 2020-06-16T20:41:02+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-selected-option.md b/blog_posts/react-selected-option.md index 782a6ec27..7f9ba13ce 100644 --- a/blog_posts/react-selected-option.md +++ b/blog_posts/react-selected-option.md @@ -3,8 +3,7 @@ title: How can I set the value of a select input in React? shortTitle: Select input value type: question tags: react,components,input -author: maciv -cover: blog_images/two-doors.jpg +cover: two-doors excerpt: Learn of all the different ways to set the value of a selected input in React with this quick guide. firstSeen: 2020-09-01T00:25:32+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/react-use-effect-primitive-dependencies.md b/blog_posts/react-use-effect-primitive-dependencies.md index cb17aeb44..f6ff59fd4 100644 --- a/blog_posts/react-use-effect-primitive-dependencies.md +++ b/blog_posts/react-use-effect-primitive-dependencies.md @@ -4,7 +4,7 @@ shortTitle: Primitive useEffect dependencies type: tip tags: react,hooks,effect,object,comparison author: chalarangelo -cover: blog_images/automaton.jpg +cover: automaton excerpt: Avoid unnecessary re-runs by using primitive dependencies in your React effect. firstSeen: 2022-06-12T05:00:00-04:00 --- diff --git a/blog_posts/react-use-interval-explained.md b/blog_posts/react-use-interval-explained.md index fda2d2fdd..397179635 100644 --- a/blog_posts/react-use-interval-explained.md +++ b/blog_posts/react-use-interval-explained.md @@ -4,7 +4,7 @@ shortTitle: Step-by-step useInterval hook type: story tags: react,hooks,effect author: chalarangelo -cover: blog_images/clock.jpg +cover: clock excerpt: Wrapping your mind around React hooks and how they interact with `setInterval()` can be difficult. Here's a guide to get you started. firstSeen: 2021-04-15T12:00:00+03:00 lastUpdated: 2021-09-28T19:59:51+03:00 diff --git a/blog_posts/react-use-state-with-label.md b/blog_posts/react-use-state-with-label.md index 541dd888c..37732a36a 100644 --- a/blog_posts/react-use-state-with-label.md +++ b/blog_posts/react-use-state-with-label.md @@ -4,7 +4,7 @@ shortTitle: Labelling useState values type: tip tags: react,hooks author: chalarangelo -cover: blog_images/bunny-poster.jpg +cover: bunny-poster excerpt: When working with multiple `useState` hooks in React, things can get a bit complicated while debugging. Luckily, there's an easy way to label these values. firstSeen: 2021-05-06T12:00:00+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/regexp-cheatsheet.md b/blog_posts/regexp-cheatsheet.md index 695607ea7..a640e9637 100644 --- a/blog_posts/regexp-cheatsheet.md +++ b/blog_posts/regexp-cheatsheet.md @@ -3,7 +3,7 @@ title: Regular Expressions Cheat Sheet type: cheatsheet tags: javascript,string,regexp,cheatsheet author: chalarangelo -cover: blog_images/tools.jpg +cover: tools excerpt: Regular expressions are a very useful tool in a variety of situations. Save this cheatsheet for any time you need to look up their syntax and speed up your development. firstSeen: 2020-05-01T15:39:07+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/resource-preloading-cheatsheet.md b/blog_posts/resource-preloading-cheatsheet.md index 58a16ccfc..6b981c47e 100644 --- a/blog_posts/resource-preloading-cheatsheet.md +++ b/blog_posts/resource-preloading-cheatsheet.md @@ -3,7 +3,7 @@ title: Resource Preloading Cheat Sheet type: cheatsheet tags: webdev,html,browser author: chalarangelo -cover: blog_images/folded-map.jpg +cover: folded-map excerpt: Preloading content is one of many ways to improve your website's performance. firstSeen: 2022-10-12T05:00:00-04:00 --- diff --git a/blog_posts/responsive-favicon-dark-mode.md b/blog_posts/responsive-favicon-dark-mode.md index 7decf058a..3e5c2ac06 100644 --- a/blog_posts/responsive-favicon-dark-mode.md +++ b/blog_posts/responsive-favicon-dark-mode.md @@ -4,7 +4,7 @@ shortTitle: Responsive dark mode favicon type: question tags: css,visual author: chalarangelo -cover: blog_images/dark-mode.jpg +cover: dark-mode excerpt: Learn how to create a custom responsive favicon that can adapt its color palette for dark mode with this quick guide. firstSeen: 2020-11-27T13:25:30+02:00 lastUpdated: 2021-09-28T19:40:01+03:00 diff --git a/blog_posts/reversed-list.md b/blog_posts/reversed-list.md index 191d2fda1..ca5bf008c 100644 --- a/blog_posts/reversed-list.md +++ b/blog_posts/reversed-list.md @@ -4,7 +4,7 @@ shortTitle: Descending list type: tip tags: webdev,html author: chalarangelo -cover: blog_images/ancient-greek-building.jpg +cover: ancient-greek-building excerpt: Did you know there's an easy way to create a descending list of numbered items with pure HTML? Learn how with this handy tip. firstSeen: 2021-06-22T05:00:00-04:00 --- diff --git a/blog_posts/select-focused-dom-element.md b/blog_posts/select-focused-dom-element.md index 7bebba2e4..21293e63f 100644 --- a/blog_posts/select-focused-dom-element.md +++ b/blog_posts/select-focused-dom-element.md @@ -4,7 +4,7 @@ shortTitle: Focused DOM element type: tip tags: javascript,browser author: chalarangelo -cover: blog_images/horse-sunset.jpg +cover: horse-sunset excerpt: Here's a quick and easy way to select the currently focused DOM element in JavaScript. firstSeen: 2022-10-23T05:00:00-04:00 --- diff --git a/blog_posts/setup-python3-pip3-as-default.md b/blog_posts/setup-python3-pip3-as-default.md index 91790bb7e..ab900afa1 100644 --- a/blog_posts/setup-python3-pip3-as-default.md +++ b/blog_posts/setup-python3-pip3-as-default.md @@ -4,7 +4,7 @@ shortTitle: Python 3 and pip 3 setup type: tip tags: python,setup author: chalarangelo -cover: blog_images/avocado-slices.jpg +cover: avocado-slices excerpt: A very common problem when working with Python is having to remember the correct version. Luckily, there's an easy fix for that. firstSeen: 2021-06-07T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/technical-debt.md b/blog_posts/technical-debt.md index 4cbd52ae9..2aefa0375 100644 --- a/blog_posts/technical-debt.md +++ b/blog_posts/technical-debt.md @@ -3,7 +3,7 @@ title: Technical debt type: story tags: career,webdev,programming,management author: chalarangelo -cover: blog_images/new-york.jpg +cover: new-york excerpt: Learn what technical debt is, its causes and symptoms, and how to deal with it. firstSeen: 2022-10-09T05:00:00-04:00 --- diff --git a/blog_posts/terminal-shortcuts-cheatsheet.md b/blog_posts/terminal-shortcuts-cheatsheet.md index ef71a7d33..d37ab7fa2 100644 --- a/blog_posts/terminal-shortcuts-cheatsheet.md +++ b/blog_posts/terminal-shortcuts-cheatsheet.md @@ -3,7 +3,7 @@ title: Bash Shortcuts Cheat Sheet type: cheatsheet tags: webdev,bash,cheatsheet author: chalarangelo -cover: blog_images/terminal.jpg +cover: terminal excerpt: Maximize your productivity when working with a bash or other shell terminal by using these keyboard shortcuts. firstSeen: 2021-04-19T12:00:00+03:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/testing-async-react-components.md b/blog_posts/testing-async-react-components.md index 92082da26..7df919f49 100644 --- a/blog_posts/testing-async-react-components.md +++ b/blog_posts/testing-async-react-components.md @@ -3,8 +3,7 @@ title: Testing React components that update asynchronously with React Testing Li shortTitle: Asynchronous component update testing type: story tags: react,testing,event -author: maciv -cover: blog_images/colorful-lounge.jpg +cover: colorful-lounge excerpt: Testing React components that update asynchronously with React Testing Library is a common scenario. Learn how to deal with common issues and speed up your testing. firstSeen: 2020-08-13T20:21:33+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/testing-react-portals.md b/blog_posts/testing-react-portals.md index 5aa484234..6d8e2c0aa 100644 --- a/blog_posts/testing-react-portals.md +++ b/blog_posts/testing-react-portals.md @@ -4,7 +4,7 @@ shortTitle: Portal testing type: story tags: react,testing author: chalarangelo -cover: blog_images/portal-timelapse.jpg +cover: portal-timelapse excerpt: Testing React components that use portals can be difficult until you understand what you really need to be testing. firstSeen: 2022-03-13T05:00:00-04:00 --- diff --git a/blog_posts/testing-redux-connected-components.md b/blog_posts/testing-redux-connected-components.md index 388359e34..8f2c69888 100644 --- a/blog_posts/testing-redux-connected-components.md +++ b/blog_posts/testing-redux-connected-components.md @@ -4,7 +4,7 @@ shortTitle: Redux-connected components testing type: story tags: react,testing author: chalarangelo -cover: blog_images/sparkles.jpg +cover: sparkles excerpt: Testing Redux-connected components with React Testing Library is a very common scenario. Learn how to use this simple utility function to speed up your testing. firstSeen: 2020-07-15T13:54:26+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/testing-stateful-ui-components.md b/blog_posts/testing-stateful-ui-components.md index addb15867..8142d3c02 100644 --- a/blog_posts/testing-stateful-ui-components.md +++ b/blog_posts/testing-stateful-ui-components.md @@ -4,7 +4,7 @@ shortTitle: Stateful component testing type: story tags: react,testing author: chalarangelo -cover: blog_images/lake-trees.jpg +cover: lake-trees excerpt: Testing stateful React components is by no means a difficult task, but did you know there is an elegant solution that doesn't involve testing state directly? firstSeen: 2020-01-16T09:58:18+02:00 lastUpdated: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/the-case-for-javascript-trailing-commas.md b/blog_posts/the-case-for-javascript-trailing-commas.md index 5ebf6141f..4518a48f1 100644 --- a/blog_posts/the-case-for-javascript-trailing-commas.md +++ b/blog_posts/the-case-for-javascript-trailing-commas.md @@ -4,7 +4,7 @@ shortTitle: Trailing commas in JavaScript type: story tags: javascript,webdev author: chalarangelo -cover: blog_images/contemporary-desk.jpg +cover: contemporary-desk excerpt: Trailing commas are not without controversy. Here's why I think you should use them. firstSeen: 2023-03-12T05:00:00-04:00 --- diff --git a/blog_posts/typographic-scale-basics.md b/blog_posts/typographic-scale-basics.md index dc2b57c76..2b9a4da15 100644 --- a/blog_posts/typographic-scale-basics.md +++ b/blog_posts/typographic-scale-basics.md @@ -3,7 +3,7 @@ title: Typographic scale basics type: story tags: css,webdev,typography author: chalarangelo -cover: blog_images/typography.jpg +cover: typography excerpt: Typography might seem intimidating, but you can quickly and easily create a simple typographic scale with this basic technique. firstSeen: 2020-08-18T19:27:17+03:00 lastUpdated: 2021-11-07T16:34:37+03:00 diff --git a/blog_posts/zooming-accessibility-tips.md b/blog_posts/zooming-accessibility-tips.md index a2f3e1a5e..657724cca 100644 --- a/blog_posts/zooming-accessibility-tips.md +++ b/blog_posts/zooming-accessibility-tips.md @@ -4,7 +4,7 @@ shortTitle: Accessibility and maximum-scale type: story tags: webdev author: chalarangelo -cover: blog_images/camera-zoom.jpg +cover: camera-zoom excerpt: Using the viewport meta tag incorrectly can harm your website's accessibility. Learn how to prevent problems with this handy guide. unlisted: true firstSeen: 2020-09-16T23:12:17+03:00 diff --git a/snippet-template.md b/snippet-template.md index b9eaf5520..f066d72f4 100644 --- a/snippet-template.md +++ b/snippet-template.md @@ -4,7 +4,7 @@ shortTitle: Amazing story type: story tags: javascript,webdev author: chalarangelo -cover: blog_images/image.jpg +cover: image excerpt: A short summary of your story up to 180 characters long. firstSeen: 2021-06-13T05:00:00-04:00 ---