diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 9b594c003..b63c871e3 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -34,7 +34,7 @@ In order to create a new snippet, you should follow the steps below: - Snippet types must be one of the following: `story`, `list`, `tip`, `cheatsheet` or `question`. - Snippet tags must be comma-separated. You are allowed to specify a single language tag (e.g. `react` or `javascript`), preferably as the first tag. - Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601). -- Snippet authors must be comma-separated and should be added in JSON format as seen in `blog_data/blog_authors.json`. +- Snippet authors must be added in JSON format as seen in `blog_data/blog_authors.json`. - Snippet covers must be added inside the `blog_images` directory and have the exact same name as the snippet filename. Snippet covers must be Unsplash images of appropriate theme and content and their links must be provided as part of the PR, so that they can be added to the appropriate collection. - Snippet excerpts must be a very short description of the snippet's content, up to 180 characters in length. The excerpt must contain some of the main keywords and a general intro to the snippet, as it will be used for social sharing and previewing the snippet itself. - Snippets that are of the `list` type must be written as such, check previously submitted snippets for more details. diff --git a/blog_data/blog_authors.json b/blog_data/blog_authors.json index d1ca969af..9c56862d8 100644 --- a/blog_data/blog_authors.json +++ b/blog_data/blog_authors.json @@ -6,9 +6,5 @@ "maciv": { "name": "Isabelle Viktoria Maciohsek", "profile": "https://github.com/Trinityyi" - }, - "fejes713": { - "name": "Stefan Fejes", - "profile": "https://twitter.com/fejes713" } } 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 73601867a..ee2506900 100644 --- a/blog_posts/10-vs-code-extensions-for-js-developers.md +++ b/blog_posts/10-vs-code-extensions-for-js-developers.md @@ -2,7 +2,7 @@ title: 10 must-have VS Code extensions for JavaScript developers type: story tags: devtools,vscode -authors: chalarangelo +author: chalarangelo cover: blog_images/computer-screens.jpg excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity. unlisted: true diff --git a/blog_posts/25-css-gradients.md b/blog_posts/25-css-gradients.md index 617fc9b0e..c4ba41afa 100644 --- a/blog_posts/25-css-gradients.md +++ b/blog_posts/25-css-gradients.md @@ -2,7 +2,7 @@ title: 25 CSS gradients for your next project type: cheatsheet tags: css,visual -authors: chalarangelo +author: chalarangelo cover: blog_images/colors-mural.jpg excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now! firstSeen: 2021-01-08T22:30:37+02:00 diff --git a/blog_posts/4-javascript-array-methods.md b/blog_posts/4-javascript-array-methods.md index 35239c4c3..8ac1e79c8 100644 --- a/blog_posts/4-javascript-array-methods.md +++ b/blog_posts/4-javascript-array-methods.md @@ -2,7 +2,7 @@ title: 4 JavaScript Array methods you must know type: story tags: javascript,array,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/arrays.jpg excerpt: JavaScript arrays have a very robust API offering a plethora of amazing tools. Learn the 4 must-know JavaScript array methods in this quick guide. firstSeen: 2020-08-03T21:37:03+03:00 diff --git a/blog_posts/4-seo-tips-for-developers.md b/blog_posts/4-seo-tips-for-developers.md index 4242dd472..9293f9d2a 100644 --- a/blog_posts/4-seo-tips-for-developers.md +++ b/blog_posts/4-seo-tips-for-developers.md @@ -2,7 +2,7 @@ title: 4 SEO tips for developers type: story tags: seo,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/sunrise-over-city.jpg excerpt: As time goes by, SEO is becoming increasingly relevant, but most web developers seem to have little experience with it. Here are 4 actionable SEO tips you can implement today. firstSeen: 2020-01-17T14:51:15+02:00 diff --git a/blog_posts/5-tips-for-better-pull-requests.md b/blog_posts/5-tips-for-better-pull-requests.md index bec4d3a95..0f376fd7e 100644 --- a/blog_posts/5-tips-for-better-pull-requests.md +++ b/blog_posts/5-tips-for-better-pull-requests.md @@ -2,7 +2,7 @@ title: 5 tips for better Pull Requests type: story tags: git,github,programming,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/keyboard-tea.jpg excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them. unlisted: true diff --git a/blog_posts/6-javascript-regexp-tricks.md b/blog_posts/6-javascript-regexp-tricks.md index a96b587be..c6f76f942 100644 --- a/blog_posts/6-javascript-regexp-tricks.md +++ b/blog_posts/6-javascript-regexp-tricks.md @@ -2,7 +2,7 @@ title: 6 JavaScript Regular Expression features you can use today type: story tags: javascript,string,regexp -authors: chalarangelo +author: chalarangelo cover: blog_images/taking-photos.jpg excerpt: Regular expressions, while very powerful, are notoriously hard to master. Start using them in your JavaScript code by understanding these 6 features. firstSeen: 2020-04-15T14:24:50+03:00 diff --git a/blog_posts/6-python-f-strings-tips.md b/blog_posts/6-python-f-strings-tips.md index 3172bfa44..9f3b68b93 100644 --- a/blog_posts/6-python-f-strings-tips.md +++ b/blog_posts/6-python-f-strings-tips.md @@ -2,7 +2,7 @@ title: 6 Python f-strings tips and tricks type: story tags: python,string -authors: chalarangelo +author: chalarangelo cover: blog_images/sea-view.jpg excerpt: Python's f-strings can do a lot more than you might expect. Learn a few useful tips and tricks in this quick guide. 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 80ec0ec3a..93d2f3f40 100644 --- a/blog_posts/7-chrome-extensions-for-web-developers.md +++ b/blog_posts/7-chrome-extensions-for-web-developers.md @@ -2,7 +2,7 @@ title: 7 essential Chrome extensions for web developers type: story tags: devtools,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/computer-screens.jpg excerpt: Google Chrome's developer tools are nothing short of amazing. Here are 7 must-have extensions you can add to increase your productivity even further. unlisted: true diff --git a/blog_posts/8-tips-for-accessible-websites.md b/blog_posts/8-tips-for-accessible-websites.md index a71099435..bde98eec7 100644 --- a/blog_posts/8-tips-for-accessible-websites.md +++ b/blog_posts/8-tips-for-accessible-websites.md @@ -2,7 +2,7 @@ title: 8 tips for accessible websites type: story tags: javascript,accessibility,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/accessibility.jpg excerpt: Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips. firstSeen: 2020-05-20T14:10:13+03:00 diff --git a/blog_posts/8-tips-for-remote-work.md b/blog_posts/8-tips-for-remote-work.md index 451b843f2..a04d915a4 100644 --- a/blog_posts/8-tips-for-remote-work.md +++ b/blog_posts/8-tips-for-remote-work.md @@ -2,7 +2,7 @@ title: 8 tips for working from home type: story tags: career,programming,jobs,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/kettle-laptop.jpg excerpt: Working from home seems like a great alternative to going to the office, but there are challenges that come with it that you need to overcome... unlisted: true diff --git a/blog_posts/async-javascript-cheatsheet.md b/blog_posts/async-javascript-cheatsheet.md index 58450ff28..df4aa8c60 100644 --- a/blog_posts/async-javascript-cheatsheet.md +++ b/blog_posts/async-javascript-cheatsheet.md @@ -2,7 +2,7 @@ title: Asynchronous JavaScript Cheat Sheet type: cheatsheet tags: javascript,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/green-plant.jpg excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet. firstSeen: 2020-08-18T23:05:52+03:00 diff --git a/blog_posts/benefits-of-writing.md b/blog_posts/benefits-of-writing.md index 108ee2f4c..d8a7e32ca 100644 --- a/blog_posts/benefits-of-writing.md +++ b/blog_posts/benefits-of-writing.md @@ -2,7 +2,7 @@ title: The benefits of writing type: story tags: career,webdev,programming,jobs -authors: chalarangelo +author: chalarangelo cover: blog_images/laptop-view.jpg excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time. firstSeen: 2021-04-12T12:00:00+03:00 diff --git a/blog_posts/breaking-react.md b/blog_posts/breaking-react.md index 4c4d9e879..d9b6971c0 100644 --- a/blog_posts/breaking-react.md +++ b/blog_posts/breaking-react.md @@ -2,7 +2,7 @@ title: Breaking React - a common pattern to avoid type: story tags: react,debugging -authors: chalarangelo +author: chalarangelo cover: blog_images/broken-screen.jpg excerpt: As powerful as React is, it is also quite fragile at places. Did you know that just a few lines are more than enough to break your entire React application? firstSeen: 2020-01-30T12:35:19+02:00 diff --git a/blog_posts/code-anatomy-chaining-reduce-for-loop.md b/blog_posts/code-anatomy-chaining-reduce-for-loop.md index 94a53c8ef..9470716e0 100644 --- a/blog_posts/code-anatomy-chaining-reduce-for-loop.md +++ b/blog_posts/code-anatomy-chaining-reduce-for-loop.md @@ -2,7 +2,7 @@ title: Code Anatomy - For loops, array reduce and method chaining type: story tags: javascript,array,object,iterator -authors: chalarangelo +author: chalarangelo cover: blog_images/case-study.jpg excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them. firstSeen: 2020-05-19T14:27:18+03:00 diff --git a/blog_posts/code-anatomy-optimizing-recursion.md b/blog_posts/code-anatomy-optimizing-recursion.md index ef192358b..dc7a1357f 100644 --- a/blog_posts/code-anatomy-optimizing-recursion.md +++ b/blog_posts/code-anatomy-optimizing-recursion.md @@ -2,7 +2,7 @@ title: Code Anatomy - Optimizing recursive functions type: story tags: javascript,recursion,performance -authors: chalarangelo +author: chalarangelo cover: blog_images/case-study.jpg excerpt: Recursive code has a tendency of being inefficient and can leave a lot of space for optimization. Learn a couple of tricks we use to speed up our recursive functions. firstSeen: 2020-05-12T21:57:09+03:00 diff --git a/blog_posts/code-anatomy-performant-python.md b/blog_posts/code-anatomy-performant-python.md index 32d947bd9..3fc5322a0 100644 --- a/blog_posts/code-anatomy-performant-python.md +++ b/blog_posts/code-anatomy-performant-python.md @@ -2,7 +2,7 @@ title: Code Anatomy - Writing high performance Python code type: story tags: python,list,performance -authors: maciv +author: maciv cover: blog_images/walking-on-top.jpg excerpt: Writing short, efficient Python code is not always straightforward. Read how we optimize our list snippets to increase performance using a couple of simple tricks. firstSeen: 2020-03-15T12:50:05+02:00 diff --git a/blog_posts/console-log-cheatsheet.md b/blog_posts/console-log-cheatsheet.md index 7dfee3039..6243c5fc7 100644 --- a/blog_posts/console-log-cheatsheet.md +++ b/blog_posts/console-log-cheatsheet.md @@ -2,7 +2,7 @@ title: JavaScript console.log() tips & tricks type: story tags: javascript,browser,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/terminal.jpg excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks. firstSeen: 2021-02-25T11:00:00+02:00 diff --git a/blog_posts/cookies-local-storage-session.md b/blog_posts/cookies-local-storage-session.md index a5fac6ced..33bd4439e 100644 --- a/blog_posts/cookies-local-storage-session.md +++ b/blog_posts/cookies-local-storage-session.md @@ -2,7 +2,7 @@ title: What is the difference between cookies, local storage, and session storage? type: question tags: javascript,browser,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/three-vases.jpg excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs. firstSeen: 2020-08-18T13:02:24+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 64031cbe6..b08c256f3 100644 --- a/blog_posts/copy-text-to-clipboard-with-javascript.md +++ b/blog_posts/copy-text-to-clipboard-with-javascript.md @@ -2,7 +2,7 @@ title: How can I copy text to clipboard with JavaScript? type: question tags: javascript,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/typing.jpg excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills. firstSeen: 2020-01-20T11:41:23+02:00 diff --git a/blog_posts/css-centering.md b/blog_posts/css-centering.md index d2aa310eb..432c1d33a 100644 --- a/blog_posts/css-centering.md +++ b/blog_posts/css-centering.md @@ -2,7 +2,7 @@ title: 4 ways to center content with CSS type: story tags: css,layout -authors: chalarangelo +author: chalarangelo cover: blog_images/mountain-lake.jpg excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today. firstSeen: 2021-02-22T11:00:00+02:00 diff --git a/blog_posts/css-easing-variables.md b/blog_posts/css-easing-variables.md index 7abeeff5b..441a0ee8d 100644 --- a/blog_posts/css-easing-variables.md +++ b/blog_posts/css-easing-variables.md @@ -2,7 +2,7 @@ title: "Tip: CSS easing variables" type: tip tags: css,animation -authors: chalarangelo +author: chalarangelo cover: blog_images/curve.jpg excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out. firstSeen: 2020-12-30T16:13:58+02:00 diff --git a/blog_posts/css-pseudo-classes.md b/blog_posts/css-pseudo-classes.md index 08be4ee1f..ac157249f 100644 --- a/blog_posts/css-pseudo-classes.md +++ b/blog_posts/css-pseudo-classes.md @@ -2,7 +2,7 @@ title: What are CSS pseudo-classes? type: question tags: css,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/orange-flower.jpg excerpt: Learn how to use CSS pseudo-classes to style an element based on changes to its state. firstSeen: 2020-08-18T19:56:12+03:00 diff --git a/blog_posts/css-units-cheatsheet.md b/blog_posts/css-units-cheatsheet.md index cf2e5f3ee..c6ffc06c4 100644 --- a/blog_posts/css-units-cheatsheet.md +++ b/blog_posts/css-units-cheatsheet.md @@ -2,7 +2,7 @@ title: CSS units Cheat Sheet type: cheatsheet tags: css,layout,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/measuring.jpg excerpt: Learn everything you need to know about CSS units with this handy cheatsheet. firstSeen: 2021-01-25T11:00:00+02:00 diff --git a/blog_posts/css-variables.md b/blog_posts/css-variables.md index 7462b59e6..22c05b4fb 100644 --- a/blog_posts/css-variables.md +++ b/blog_posts/css-variables.md @@ -2,7 +2,7 @@ title: What are CSS variables and where can I use them? type: question tags: css,visual,layout -authors: chalarangelo +author: chalarangelo cover: blog_images/css-variables.jpg excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs. firstSeen: 2020-03-09T19:39:30+02:00 diff --git a/blog_posts/custom-file-download-names.md b/blog_posts/custom-file-download-names.md index 321415c3b..80fb3cd43 100644 --- a/blog_posts/custom-file-download-names.md +++ b/blog_posts/custom-file-download-names.md @@ -2,7 +2,7 @@ title: "Tip: Customize the names of downloadable files" type: tip tags: webdev,html,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/hard-disk.jpg excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip. firstSeen: 2021-01-11T11:00:00+02:00 diff --git a/blog_posts/detect-caps-lock-is-on.md b/blog_posts/detect-caps-lock-is-on.md index b3442bdad..709a2cf4d 100644 --- a/blog_posts/detect-caps-lock-is-on.md +++ b/blog_posts/detect-caps-lock-is-on.md @@ -2,7 +2,7 @@ title: How can I detect if Caps Lock is on with JavaScript? type: question tags: javascript,browser,event -authors: chalarangelo +author: chalarangelo cover: blog_images/keyboard.jpg excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered. firstSeen: 2021-02-18T11:00:00+02:00 diff --git a/blog_posts/dns-record-basics.md b/blog_posts/dns-record-basics.md index 4d89a5398..360c10591 100644 --- a/blog_posts/dns-record-basics.md +++ b/blog_posts/dns-record-basics.md @@ -2,7 +2,7 @@ title: DNS Record Basics type: cheatsheet tags: webdev,dns,server,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/sparkles.jpg excerpt: DNS records may not be a thing you work too often with. Regardless, some basic knowledge can go a long way. firstSeen: 2022-01-09T05:00:00-04:00 diff --git a/blog_posts/eslint-refactor-for-in.md b/blog_posts/eslint-refactor-for-in.md index a1b550a04..1e6c373d5 100644 --- a/blog_posts/eslint-refactor-for-in.md +++ b/blog_posts/eslint-refactor-for-in.md @@ -2,7 +2,7 @@ title: "Tip: Refactoring your for...in loops to avoid ESLint warnings" type: tip tags: javascript,array,iterator,eslint -authors: chalarangelo +author: chalarangelo cover: blog_images/typing.jpg excerpt: ESLint is a very powerful tool that can save you a lot of headaches, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning. firstSeen: 2020-05-19T02:32:10+03:00 diff --git a/blog_posts/flexbox-cheatsheet.md b/blog_posts/flexbox-cheatsheet.md index 34cb3e917..bc4e5bd82 100644 --- a/blog_posts/flexbox-cheatsheet.md +++ b/blog_posts/flexbox-cheatsheet.md @@ -2,7 +2,7 @@ title: Flexbox Cheat Sheet type: cheatsheet tags: css,layout,flexbox,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/frames.jpg excerpt: Flexbox allows you to create fluid layouts easily. If you find yourself constantly looking up the syntax or how it work, this handy cheatsheet is all you need. firstSeen: 2020-05-02T00:21:49+03:00 diff --git a/blog_posts/git-aliases.md b/blog_posts/git-aliases.md index 236c2c855..4e6734c3c 100644 --- a/blog_posts/git-aliases.md +++ b/blog_posts/git-aliases.md @@ -2,7 +2,7 @@ title: Git aliases type: cheatsheet tags: git,configuration,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/organizer.jpg excerpt: Increase your productivity by creating aliases for many common git operations. firstSeen: 2021-04-29T12:00:00+03:00 diff --git a/blog_posts/git-commit-different-date.md b/blog_posts/git-commit-different-date.md index 1d81b4f06..914492f45 100644 --- a/blog_posts/git-commit-different-date.md +++ b/blog_posts/git-commit-different-date.md @@ -2,7 +2,7 @@ title: "Tip: Create a commit with a different date" type: tip tags: git,commit -authors: chalarangelo +author: chalarangelo cover: blog_images/ice.jpg excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it. firstSeen: 2021-04-22T12:00:00+03:00 diff --git a/blog_posts/git-fast-forward.md b/blog_posts/git-fast-forward.md index 51aad6b86..ad53f29e6 100644 --- a/blog_posts/git-fast-forward.md +++ b/blog_posts/git-fast-forward.md @@ -2,7 +2,7 @@ title: How does Git's fast-forward mode work? type: question tags: git,branch -authors: chalarangelo +author: chalarangelo cover: blog_images/boats.jpg excerpt: Merging a branch is a pretty common Git operation. Learn how fast-forward mode works and its benefits, so you can decide if it's a good fit for you and your team. 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 e3a38347a..e68671772 100644 --- a/blog_posts/github-co-authors.md +++ b/blog_posts/github-co-authors.md @@ -2,7 +2,7 @@ title: "Tip: How to add multiple authors to a commit" type: tip tags: git,github,programming,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/book-chair.jpg excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip. firstSeen: 2020-08-18T12:14:24+03:00 diff --git a/blog_posts/http-status-codes-cheatsheet.md b/blog_posts/http-status-codes-cheatsheet.md index 5a13e4023..3f122bccc 100644 --- a/blog_posts/http-status-codes-cheatsheet.md +++ b/blog_posts/http-status-codes-cheatsheet.md @@ -2,7 +2,7 @@ title: Common HTTP status codes Cheat Sheet type: cheatsheet tags: webdev,http -authors: chalarangelo +author: chalarangelo cover: blog_images/lake-runner.jpg excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet. firstSeen: 2021-05-20T12:00:00+03:00 diff --git a/blog_posts/javascript-array-comparison.md b/blog_posts/javascript-array-comparison.md index f28706f51..6eba92ac9 100644 --- a/blog_posts/javascript-array-comparison.md +++ b/blog_posts/javascript-array-comparison.md @@ -2,7 +2,7 @@ title: How do I compare two arrays in JavaScript? type: question tags: javascript,array,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/coconuts.jpg excerpt: Learn how you can compare two arrays in JavaScript using various different techniques. firstSeen: 2020-08-07T14:23:14+03:00 diff --git a/blog_posts/javascript-arrow-function-event-listeners.md b/blog_posts/javascript-arrow-function-event-listeners.md index a12f4cee6..1f7f99967 100644 --- a/blog_posts/javascript-arrow-function-event-listeners.md +++ b/blog_posts/javascript-arrow-function-event-listeners.md @@ -2,7 +2,7 @@ title: Can I use an arrow function as the callback for an event listener in JavaScript? type: question tags: javascript,browser,event,function -authors: chalarangelo +author: chalarangelo cover: blog_images/arrow-functions.jpg excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks. firstSeen: 2020-08-04T15:29:43+03:00 diff --git a/blog_posts/javascript-arrow-functions.md b/blog_posts/javascript-arrow-functions.md index 5024f1979..23441b62f 100644 --- a/blog_posts/javascript-arrow-functions.md +++ b/blog_posts/javascript-arrow-functions.md @@ -2,7 +2,7 @@ title: Introduction to arrow functions in JavaScript type: story tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/arrow-functions.jpg excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know. firstSeen: 2021-04-08T12:00:00+03:00 diff --git a/blog_posts/javascript-arrow-regular-function-differences.md b/blog_posts/javascript-arrow-regular-function-differences.md index c3e577194..8e598b8e0 100644 --- a/blog_posts/javascript-arrow-regular-function-differences.md +++ b/blog_posts/javascript-arrow-regular-function-differences.md @@ -2,7 +2,7 @@ title: What are the differences between arrow functions and regular functions in JavaScript? type: question tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/fallen-leaves.jpg excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know. 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 944790512..6a6e3a8a2 100644 --- a/blog_posts/javascript-async-array-loops.md +++ b/blog_posts/javascript-async-array-loops.md @@ -2,7 +2,7 @@ title: Asynchronous array loops in JavaScript type: story tags: javascript,array,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/sunflowers.jpg 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 diff --git a/blog_posts/javascript-await-timeout.md b/blog_posts/javascript-await-timeout.md index 83c8ff837..8bc06635e 100644 --- a/blog_posts/javascript-await-timeout.md +++ b/blog_posts/javascript-await-timeout.md @@ -2,7 +2,7 @@ title: How can I add a timeout to a promise in JavaScript? type: question tags: javascript,promise,timeout,class -authors: chalarangelo +author: chalarangelo cover: blog_images/walking.jpg excerpt: Oftentimes you might need to add a timeout to a promise in JavaScript. Learn how to do this and more in this short guide. firstSeen: 2021-05-13T12:00:00+03:00 diff --git a/blog_posts/javascript-boolean-function.md b/blog_posts/javascript-boolean-function.md index 89d198ce4..5c394ef24 100644 --- a/blog_posts/javascript-boolean-function.md +++ b/blog_posts/javascript-boolean-function.md @@ -2,7 +2,7 @@ title: Where and how can I use the Boolean function in JavaScript? type: question tags: javascript,function,type -authors: chalarangelo +author: chalarangelo cover: blog_images/rocky-lake.jpg excerpt: JavaScript's built-in Boolean function can be very useful for truth-checking data among other things. Learn how to use it and level up your code today. firstSeen: 2020-09-18T16:28:30+03:00 diff --git a/blog_posts/javascript-boolean-trap.md b/blog_posts/javascript-boolean-trap.md index d31ba27fc..187418519 100644 --- a/blog_posts/javascript-boolean-trap.md +++ b/blog_posts/javascript-boolean-trap.md @@ -2,7 +2,7 @@ title: Boolean traps and how to avoid them type: story tags: javascript,function,type,boolean -authors: chalarangelo +author: chalarangelo cover: blog_images/lighthouse.jpg excerpt: Boolean traps can cause readabiltiy and maintainability issues in your code. Learn what they are, how to spot and fix them in this article. firstSeen: 2021-07-11T05:00:00-04:00 diff --git a/blog_posts/javascript-callbacks.md b/blog_posts/javascript-callbacks.md index cec306012..f336da118 100644 --- a/blog_posts/javascript-callbacks.md +++ b/blog_posts/javascript-callbacks.md @@ -2,7 +2,7 @@ title: A cautionary tale about JavaScript callbacks type: story tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/rabbit-call.jpg excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them. 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 ff0a96598..63ad917cf 100644 --- a/blog_posts/javascript-classical-vs-prototypal-inheritance.md +++ b/blog_posts/javascript-classical-vs-prototypal-inheritance.md @@ -2,7 +2,7 @@ title: How does JavaScript's prototypal inheritance differ from classical inheritance? type: question tags: javascript,object,class -authors: chalarangelo +author: chalarangelo cover: blog_images/last-light.jpg excerpt: Understading the difference between these two object-oriented programming paradigms is key to taking your skills to the next level. firstSeen: 2021-11-21T05:00:00-04:00 diff --git a/blog_posts/javascript-closures.md b/blog_posts/javascript-closures.md index a8ee47292..601bbfa8d 100644 --- a/blog_posts/javascript-closures.md +++ b/blog_posts/javascript-closures.md @@ -2,7 +2,7 @@ title: What are JavaScript closures? type: question tags: javascript,function,closure -authors: chalarangelo +author: chalarangelo cover: blog_images/cherry-trees.jpg excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code. firstSeen: 2020-08-04T12:40:08+03:00 diff --git a/blog_posts/javascript-copy-array.md b/blog_posts/javascript-copy-array.md index 24fc3fddc..57535fcbe 100644 --- a/blog_posts/javascript-copy-array.md +++ b/blog_posts/javascript-copy-array.md @@ -2,7 +2,7 @@ title: How can I clone an array in JavaScript? type: question tags: javascript,array -authors: chalarangelo +author: chalarangelo cover: blog_images/colorful-plastic.jpg excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript. firstSeen: 2021-03-15T11:00:00+02:00 diff --git a/blog_posts/javascript-date-comparison.md b/blog_posts/javascript-date-comparison.md index d80e8c97b..5efbef449 100644 --- a/blog_posts/javascript-date-comparison.md +++ b/blog_posts/javascript-date-comparison.md @@ -2,7 +2,7 @@ title: How do I compare two dates in JavaScript? type: question tags: javascript,date,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/pineapple-at-work.jpg 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 aba4f9673..a442eb32b 100644 --- a/blog_posts/javascript-deep-freeze-object.md +++ b/blog_posts/javascript-deep-freeze-object.md @@ -2,7 +2,7 @@ title: How can I deep freeze an object in JavaScript? type: question tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/frozen-globe.jpg excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant. firstSeen: 2020-03-17T16:15:30+02:00 diff --git a/blog_posts/javascript-destructuring-assignment.md b/blog_posts/javascript-destructuring-assignment.md index 741480546..ca1f7ee59 100644 --- a/blog_posts/javascript-destructuring-assignment.md +++ b/blog_posts/javascript-destructuring-assignment.md @@ -2,7 +2,7 @@ title: Where and how can I use the destructuring assignment syntax in JavaScript? type: question tags: javascript,array,object -authors: chalarangelo +author: chalarangelo cover: blog_images/building-blocks.jpg excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide. firstSeen: 2021-02-01T11:00:00+02:00 diff --git a/blog_posts/javascript-empty-array.md b/blog_posts/javascript-empty-array.md index 131f21b52..5f1ae49d0 100644 --- a/blog_posts/javascript-empty-array.md +++ b/blog_posts/javascript-empty-array.md @@ -2,7 +2,7 @@ title: How do I empty an array in JavaScript? type: question tags: javascript,array -authors: chalarangelo +author: chalarangelo cover: blog_images/coconuts.jpg excerpt: You can use a lot of different techniques to empty an array in JavaScript. See which ones best suits your needs with this quick guide. firstSeen: 2021-03-08T11:00:00+02:00 diff --git a/blog_posts/javascript-encodeuri-encodeuricomponent.md b/blog_posts/javascript-encodeuri-encodeuricomponent.md index 908817e16..e76a16398 100644 --- a/blog_posts/javascript-encodeuri-encodeuricomponent.md +++ b/blog_posts/javascript-encodeuri-encodeuricomponent.md @@ -2,7 +2,7 @@ title: What is the difference between encodeURI() and encodeURIComponent() in JavaScript? type: question tags: javascript,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/laptop-view.jpg excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one? firstSeen: 2021-01-07T10:41:38+02:00 diff --git a/blog_posts/javascript-enum.md b/blog_posts/javascript-enum.md index a21407ed7..0ef291d3c 100644 --- a/blog_posts/javascript-enum.md +++ b/blog_posts/javascript-enum.md @@ -2,7 +2,7 @@ title: How can I define an enum in JavaScript? type: question tags: javascript,object,class,symbol,generator -authors: chalarangelo +author: chalarangelo cover: blog_images/book-chair.jpg excerpt: Enums are part of TypeScript, but what about defininf enums in plain old JavaScript? Here are a few way you can do that. firstSeen: 2021-05-24T12:00:00+03:00 diff --git a/blog_posts/javascript-equality.md b/blog_posts/javascript-equality.md index bc9fa00a8..2091a7f3a 100644 --- a/blog_posts/javascript-equality.md +++ b/blog_posts/javascript-equality.md @@ -2,7 +2,7 @@ title: What is the difference between JavaScript's equality operators? type: question tags: javascript,type,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/beach-pineapple.jpg excerpt: Learn all you need to know about the differences between JavaScript's double equals and triple equals operators. firstSeen: 2020-08-06T19:52:30+03:00 diff --git a/blog_posts/javascript-event-bubbling-capturing-delegation.md b/blog_posts/javascript-event-bubbling-capturing-delegation.md index 9e9f795b6..a84e6c5d3 100644 --- a/blog_posts/javascript-event-bubbling-capturing-delegation.md +++ b/blog_posts/javascript-event-bubbling-capturing-delegation.md @@ -2,7 +2,7 @@ title: Understanding event bubbling, capturing and delegation in JavaScript type: story tags: javascript,browser,event -authors: chalarangelo +author: chalarangelo cover: blog_images/fishermen.jpg excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide. firstSeen: 2020-08-10T15:00:48+03:00 diff --git a/blog_posts/javascript-expression-statement.md b/blog_posts/javascript-expression-statement.md index 717c01246..6f688b77d 100644 --- a/blog_posts/javascript-expression-statement.md +++ b/blog_posts/javascript-expression-statement.md @@ -2,7 +2,7 @@ title: What is the difference between an expression and a statement in JavaScript? type: question tags: javascript,type -authors: chalarangelo +author: chalarangelo cover: blog_images/forest-balcony.jpg 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 27f68af5a..8576b5ae8 100644 --- a/blog_posts/javascript-for-in-for-of-foreach.md +++ b/blog_posts/javascript-for-in-for-of-foreach.md @@ -2,7 +2,7 @@ title: What is the difference between JavaScript's for...in, for...of and forEach? type: question tags: javascript,array,object,iterator -authors: chalarangelo +author: chalarangelo cover: blog_images/lake-loop.jpg excerpt: Learn the differences between the three most commonly used iteration methods offered by JavaScript, which often confuse beginners and veterans alike. firstSeen: 2020-01-20T10:12:31+02:00 diff --git a/blog_posts/javascript-for-loop-early-break.md b/blog_posts/javascript-for-loop-early-break.md index a4fe0d78a..bfd2d9b01 100644 --- a/blog_posts/javascript-for-loop-early-break.md +++ b/blog_posts/javascript-for-loop-early-break.md @@ -2,7 +2,7 @@ title: "Tip: Use JavaScript for loops if you need to break out early" type: tip tags: javascript,array,loop -authors: chalarangelo +author: chalarangelo cover: blog_images/armchair.jpg excerpt: JavaScript provides a handful of ways to iterate over data. While array methods are usually preferred, there are cases where a `for` loop is actually the best option. firstSeen: 2021-05-27T12:00:00+03:00 diff --git a/blog_posts/javascript-function-call-apply-bind.md b/blog_posts/javascript-function-call-apply-bind.md index 96dced4ca..29947dee0 100644 --- a/blog_posts/javascript-function-call-apply-bind.md +++ b/blog_posts/javascript-function-call-apply-bind.md @@ -2,7 +2,7 @@ title: JavaScript function methods - call(), apply() and bind() type: story tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/canoe.jpg excerpt: Learn everything you need to know about JavaScript's `Function.prototype.call()`, `Function.prototype.apply()` and `Function.prototype.bind()` with this short guide. firstSeen: 2020-11-06T13:37:10+02:00 diff --git a/blog_posts/javascript-higher-order-functions.md b/blog_posts/javascript-higher-order-functions.md index 6653a9838..8234128d2 100644 --- a/blog_posts/javascript-higher-order-functions.md +++ b/blog_posts/javascript-higher-order-functions.md @@ -2,7 +2,7 @@ title: Understanding higher-order functions in JavaScript type: story tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/rock-climbing.jpg excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills. firstSeen: 2020-09-24T12:54:08+03:00 diff --git a/blog_posts/javascript-iife.md b/blog_posts/javascript-iife.md index f1f058e3b..7ee0b50dd 100644 --- a/blog_posts/javascript-iife.md +++ b/blog_posts/javascript-iife.md @@ -2,7 +2,7 @@ title: What is an IIFE in JavaScript? type: question tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/tropical-waterfall.jpg excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know. firstSeen: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-index-for-of-loop.md b/blog_posts/javascript-index-for-of-loop.md index aa72bcef1..9b00b4468 100644 --- a/blog_posts/javascript-index-for-of-loop.md +++ b/blog_posts/javascript-index-for-of-loop.md @@ -2,7 +2,7 @@ title: "Tip: Get the index of an array item in a JavaScript for...of loop" type: tip tags: javascript,array,iterator -authors: chalarangelo +author: chalarangelo cover: blog_images/cave-view.jpg excerpt: Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip. 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 619dd9137..7f5a5cbde 100644 --- a/blog_posts/javascript-iterable-to-array.md +++ b/blog_posts/javascript-iterable-to-array.md @@ -2,7 +2,7 @@ title: How do I convert an iterable to an array in JavaScript? type: question tags: javascript,object,array,string -authors: chalarangelo +author: chalarangelo cover: blog_images/waves.jpg excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today. firstSeen: 2020-08-04T14:18:09+03:00 diff --git a/blog_posts/javascript-iterators.md b/blog_posts/javascript-iterators.md index 001ba7d9c..a10269c3e 100644 --- a/blog_posts/javascript-iterators.md +++ b/blog_posts/javascript-iterators.md @@ -2,7 +2,7 @@ title: What are JavaScript Iterators and where can I use them? type: question tags: javascript,array,object,iterator -authors: chalarangelo +author: chalarangelo cover: blog_images/balloons.jpg excerpt: Learn how the new JavaScript ES6 Iterators work and how you can use them to level up your programming projects by understanding these short code examples. firstSeen: 2020-02-16T13:09:20+02:00 diff --git a/blog_posts/javascript-json-stringify-pick-keys.md b/blog_posts/javascript-json-stringify-pick-keys.md index 5a5a49913..f43b706ee 100644 --- a/blog_posts/javascript-json-stringify-pick-keys.md +++ b/blog_posts/javascript-json-stringify-pick-keys.md @@ -2,7 +2,7 @@ title: "Tip: Serialize specific properties from a JSON object" type: tip tags: javascript,object,json -authors: chalarangelo +author: chalarangelo cover: blog_images/coffee-drip.jpg excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this! 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 f4313afea..f878af5d9 100644 --- a/blog_posts/javascript-listen-once.md +++ b/blog_posts/javascript-listen-once.md @@ -2,7 +2,7 @@ title: How can I execute an event handler at most once? type: question tags: javascript,browser,event -authors: maciv +author: maciv cover: blog_images/dog-waiting.jpg excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article. firstSeen: 2020-08-12T11:21:48+03:00 diff --git a/blog_posts/javascript-make-iterable.md b/blog_posts/javascript-make-iterable.md index a57962193..11a81126b 100644 --- a/blog_posts/javascript-make-iterable.md +++ b/blog_posts/javascript-make-iterable.md @@ -2,7 +2,7 @@ title: "Tip: Make any JavaScript value iterable" type: tip tags: javascript,array,iterator,generator -authors: chalarangelo +author: chalarangelo cover: blog_images/colorful-plastic.jpg excerpt: Did you know you can define an iterator for any JavaScript value? This quick tip will show you how. firstSeen: 2021-06-10T12:00:00+03:00 diff --git a/blog_posts/javascript-memoization.md b/blog_posts/javascript-memoization.md index 4196c7c62..70756d356 100644 --- a/blog_posts/javascript-memoization.md +++ b/blog_posts/javascript-memoization.md @@ -2,7 +2,7 @@ title: Where and how can I use memoization in JavaScript? type: question tags: javascript,function,memoization -authors: chalarangelo +author: chalarangelo cover: blog_images/cherry-trees.jpg excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results. firstSeen: 2020-02-27T16:23:25+02:00 diff --git a/blog_posts/javascript-merge-arrays.md b/blog_posts/javascript-merge-arrays.md index 264c66c0b..a2c3938d7 100644 --- a/blog_posts/javascript-merge-arrays.md +++ b/blog_posts/javascript-merge-arrays.md @@ -2,7 +2,7 @@ title: How do I merge two arrays in JavaScript? type: question tags: javascript,array -authors: chalarangelo +author: chalarangelo cover: blog_images/arrays.jpg excerpt: Arrays are one of the most used data types in any programming language. Learn how to merge two arrays in JavaScript with this short guide. firstSeen: 2020-08-04T13:25:38+03:00 diff --git a/blog_posts/javascript-modify-url-without-reload.md b/blog_posts/javascript-modify-url-without-reload.md index 38d8167e0..ae08c6597 100644 --- a/blog_posts/javascript-modify-url-without-reload.md +++ b/blog_posts/javascript-modify-url-without-reload.md @@ -2,7 +2,7 @@ title: How do I use JavaScript to modify the URL without reloading the page? type: question tags: javascript,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/compass.jpg excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page. firstSeen: 2020-03-27T13:48:27+02:00 diff --git a/blog_posts/javascript-module-cheatsheet.md b/blog_posts/javascript-module-cheatsheet.md index 4d97bd618..eeb888ae7 100644 --- a/blog_posts/javascript-module-cheatsheet.md +++ b/blog_posts/javascript-module-cheatsheet.md @@ -2,7 +2,7 @@ title: JavaScript modules Cheat Sheet type: cheatsheet tags: javascript,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/mountain-lake-2.jpg excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet. firstSeen: 2020-08-04T19:41:35+03:00 diff --git a/blog_posts/javascript-naming-conventions.md b/blog_posts/javascript-naming-conventions.md index 24588bca1..7e6a7347b 100644 --- a/blog_posts/javascript-naming-conventions.md +++ b/blog_posts/javascript-naming-conventions.md @@ -2,7 +2,7 @@ title: JavaScript naming conventions type: story tags: javascript,variable,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/naming-conventions.jpg excerpt: Naming conventions, while not easy to enforce, make code easier to read and understand. Learn how to name your variables in JavaScript with this handy guide. firstSeen: 2020-05-20T02:32:10+03:00 diff --git a/blog_posts/javascript-nullish-coalescing-optional-chaining.md b/blog_posts/javascript-nullish-coalescing-optional-chaining.md index bd608734f..1dea50686 100644 --- a/blog_posts/javascript-nullish-coalescing-optional-chaining.md +++ b/blog_posts/javascript-nullish-coalescing-optional-chaining.md @@ -2,7 +2,7 @@ title: How can I use optional chaining and nullish coalescing in my JavaScript project? type: question tags: javascript,type -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-leaves.jpg excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide. firstSeen: 2020-08-19T15:37:22+03:00 diff --git a/blog_posts/javascript-numeric-separator.md b/blog_posts/javascript-numeric-separator.md index ffee778c1..4919b86f0 100644 --- a/blog_posts/javascript-numeric-separator.md +++ b/blog_posts/javascript-numeric-separator.md @@ -2,7 +2,7 @@ title: JavaScript's numeric separators explained type: story tags: javascript,math,type -authors: chalarangelo +author: chalarangelo cover: blog_images/coffee-drip.jpg excerpt: Numeric separators are a somewhat lesser-known JavaScript syntactic sugar that can make working with large constants a lot easier. 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 4ff9305b3..be274be72 100644 --- a/blog_posts/javascript-object-array-proxy.md +++ b/blog_posts/javascript-object-array-proxy.md @@ -2,7 +2,7 @@ title: Can I use an object as an array without modifying it in JavaScript? type: question tags: javascript,object,array,proxy,iterator,pattern -authors: chalarangelo +author: chalarangelo cover: blog_images/birds.jpg excerpt: Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array. firstSeen: 2021-05-03T12:00:00+03:00 diff --git a/blog_posts/javascript-object-comparison.md b/blog_posts/javascript-object-comparison.md index 2cdc8b56b..75d098093 100644 --- a/blog_posts/javascript-object-comparison.md +++ b/blog_posts/javascript-object-comparison.md @@ -2,7 +2,7 @@ title: How do I compare two objects in JavaScript? type: question tags: javascript,object,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/blue-lake.jpg 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 adf4e6248..5a1922c4b 100644 --- a/blog_posts/javascript-object-is-triple-equals.md +++ b/blog_posts/javascript-object-is-triple-equals.md @@ -2,7 +2,7 @@ title: What's the difference between Object.is() and the triple equals operator in JavaScript? type: question tags: javascript,object,type -authors: chalarangelo +author: chalarangelo cover: blog_images/rocky-mountains.jpg excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?" firstSeen: 2021-03-04T11:00:00+02: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 6f3122059..4f457248b 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 @@ -2,7 +2,7 @@ title: Is JavaScript pass-by-value or pass-by-reference? type: question tags: javascript,function,object -authors: chalarangelo +author: chalarangelo cover: blog_images/baloons-field.jpg excerpt: How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types. 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 5b60d993b..653264627 100644 --- a/blog_posts/javascript-prefix-postfix-operators.md +++ b/blog_posts/javascript-prefix-postfix-operators.md @@ -2,7 +2,7 @@ title: What is the difference between prefix and postfix operators? type: question tags: javascript,math -authors: chalarangelo +author: chalarangelo cover: blog_images/plant-candle.jpg excerpt: While both the prefix and postfix operators increment a value, the resulting value of the expression is very different. firstSeen: 2021-10-31T05: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 565610409..bfb0fd4fd 100644 --- a/blog_posts/javascript-prevent-string-being-escaped.md +++ b/blog_posts/javascript-prevent-string-being-escaped.md @@ -2,7 +2,7 @@ title: "Tip: Prevent a string from being escaped in JavaScript" type: tip tags: javascript,string -authors: chalarangelo +author: chalarangelo cover: blog_images/glass-blowing.jpg excerpt: Strings in JavaScript can be escaped in various ways. But what if you need to prevent a string from being escaped? Here's a handy trick for that. firstSeen: 2021-06-12T19:30:41+03:00 diff --git a/blog_posts/javascript-primitive-instanceof.md b/blog_posts/javascript-primitive-instanceof.md index 08749a645..7591b8ffe 100644 --- a/blog_posts/javascript-primitive-instanceof.md +++ b/blog_posts/javascript-primitive-instanceof.md @@ -2,7 +2,7 @@ title: Is there a way to use instanceof for primitive JavaScript values? type: question tags: javascript,type -authors: chalarangelo +author: chalarangelo cover: blog_images/wooden-bowl.jpg excerpt: JavaScript's `instanceof` operator can't be used with primitive values, but there are a couple of simple tricks that you can leverage to your advantage. firstSeen: 2021-03-25T11:00:00+02:00 diff --git a/blog_posts/javascript-promise-then-catch.md b/blog_posts/javascript-promise-then-catch.md index 32e0d1e42..6b9d0c2ff 100644 --- a/blog_posts/javascript-promise-then-catch.md +++ b/blog_posts/javascript-promise-then-catch.md @@ -2,7 +2,7 @@ title: "Tip: The order of then and catch matters" type: tip tags: javascript,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/blue-sunrise.jpg excerpt: Messing up the order of chained `then` and `catch` methods in JavaScript promises can result in all sorts of problems. Here's a short primer on the subject. firstSeen: 2021-04-26T12:00:00+03:00 diff --git a/blog_posts/javascript-promise-then-finally.md b/blog_posts/javascript-promise-then-finally.md index f801c599e..9d30c26d5 100644 --- a/blog_posts/javascript-promise-then-finally.md +++ b/blog_posts/javascript-promise-then-finally.md @@ -2,7 +2,7 @@ title: What is the difference between then and finally in a JavaScript promise? type: question tags: javascript,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/blue-sunrise.jpg excerpt: On the surface, a JavaScript promise's `then` and `finally` methods seem very similar. But there are a few important differences you need to keep in mind. firstSeen: 2021-03-18T11:00:00+02:00 diff --git a/blog_posts/javascript-promises.md b/blog_posts/javascript-promises.md index b25247adb..21a98179d 100644 --- a/blog_posts/javascript-promises.md +++ b/blog_posts/javascript-promises.md @@ -2,7 +2,7 @@ title: What are promises in JavaScript? In which states can a promise be? type: question tags: javascript,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/sail-away.jpg excerpt: JavaScript's promises represent the eventual completion (or failure) of asynchronous operations and their resulting value. firstSeen: 2021-10-24T05:00:00-04:00 diff --git a/blog_posts/javascript-pure-functions.md b/blog_posts/javascript-pure-functions.md index a8f8ff268..5d093a689 100644 --- a/blog_posts/javascript-pure-functions.md +++ b/blog_posts/javascript-pure-functions.md @@ -2,7 +2,7 @@ title: What is a pure function? type: question tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/dark-leaves.jpg excerpt: Pure functions are a very important concept to know, especially if you're interested in functional programming. 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 5bd2e6242..f6681330a 100644 --- a/blog_posts/javascript-query-selector-shorthand.md +++ b/blog_posts/javascript-query-selector-shorthand.md @@ -2,7 +2,7 @@ title: "Tip: Create your own query selector shorthand" type: tip tags: javascript,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/pineapple-at-work.jpg excerpt: Ever wanted to create your own jquery-like query selector shorthand? Here's how! firstSeen: 2021-02-08T11:00:00+02:00 diff --git a/blog_posts/javascript-range-generator.md b/blog_posts/javascript-range-generator.md index cf131c3b1..bc82b7576 100644 --- a/blog_posts/javascript-range-generator.md +++ b/blog_posts/javascript-range-generator.md @@ -2,7 +2,7 @@ title: Using JavaScript generator functions for ranges type: story tags: javascript,function,array -authors: chalarangelo +author: chalarangelo cover: blog_images/generator.jpg excerpt: Learn how to use JavaScript ES6 generators and iterators to iterate over ranges of numbers. firstSeen: 2020-08-04T16:28:16+03:00 diff --git a/blog_posts/javascript-recursion.md b/blog_posts/javascript-recursion.md index 795e2254e..8c830a2f7 100644 --- a/blog_posts/javascript-recursion.md +++ b/blog_posts/javascript-recursion.md @@ -2,7 +2,7 @@ title: What is recursion and when is it useful? type: question tags: javascript,function,recursion -authors: chalarangelo +author: chalarangelo cover: blog_images/curve.jpg 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 72f67292c..1cfbb3b44 100644 --- a/blog_posts/javascript-remove-object-property.md +++ b/blog_posts/javascript-remove-object-property.md @@ -2,7 +2,7 @@ title: How do I remove a property from a JavaScript object? type: question tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/brown-bird.jpg excerpt: Ever wanted to delete a property from a JavaScript object? Here are a few way you can accomplish that. firstSeen: 2021-03-22T11:00:00+02:00 diff --git a/blog_posts/javascript-return-constructor.md b/blog_posts/javascript-return-constructor.md index 48bd86df5..69c2dfe3f 100644 --- a/blog_posts/javascript-return-constructor.md +++ b/blog_posts/javascript-return-constructor.md @@ -2,7 +2,7 @@ title: What does a JavaScript constructor return? type: question tags: javascript,function,class,object -authors: chalarangelo +author: chalarangelo cover: blog_images/architectural.jpg excerpt: The constructor is arguably the most crucial part of any JavaScript class, which is why you might want to take a closer look at what they return. firstSeen: 2020-09-30T19:35:32+03:00 diff --git a/blog_posts/javascript-shallow-deep-clone.md b/blog_posts/javascript-shallow-deep-clone.md index 931b81379..ae2a72f31 100644 --- a/blog_posts/javascript-shallow-deep-clone.md +++ b/blog_posts/javascript-shallow-deep-clone.md @@ -2,7 +2,7 @@ title: How do I clone an object in JavaScript? type: question tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/pagodas.jpg excerpt: Learn how JavaScript handles mutable data, such as objects and arrays, and understand how shallow cloning and deep cloning work. firstSeen: 2020-04-14T16:19:56+03:00 diff --git a/blog_posts/javascript-singleton-proxy.md b/blog_posts/javascript-singleton-proxy.md index 31a6f0702..92c3ed68a 100644 --- a/blog_posts/javascript-singleton-proxy.md +++ b/blog_posts/javascript-singleton-proxy.md @@ -2,7 +2,7 @@ title: How can I implement a singleton in JavaScript? type: question tags: javascript,object,function,proxy,pattern -authors: chalarangelo +author: chalarangelo cover: blog_images/obelisk.jpg excerpt: Learn how to implement the singleton design pattern in JavaScript, using the Proxy object. firstSeen: 2020-02-25T16:02:03+02:00 diff --git a/blog_posts/javascript-sleep.md b/blog_posts/javascript-sleep.md index 362661ed9..39532a2f7 100644 --- a/blog_posts/javascript-sleep.md +++ b/blog_posts/javascript-sleep.md @@ -2,7 +2,7 @@ title: How can I implement a sleep function in JavaScript? type: question tags: javascript,date,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/sleepy-cat.jpg excerpt: Learn all the different ways you can implement a `sleep()` function in JavaScript. firstSeen: 2020-08-04T20:08:54+03:00 diff --git a/blog_posts/javascript-spread-rest-syntax.md b/blog_posts/javascript-spread-rest-syntax.md index 9b6ea5c1d..363b0baa5 100644 --- a/blog_posts/javascript-spread-rest-syntax.md +++ b/blog_posts/javascript-spread-rest-syntax.md @@ -2,7 +2,7 @@ title: Understanding the spread and rest syntax in Javascript type: story tags: javascript,array,function -authors: chalarangelo +author: chalarangelo cover: blog_images/antelope.jpg excerpt: JavaScript ES6 introduced us to several powerful features, such as the spread and rest syntax. Learn everything you need to know in this quick guide. firstSeen: 2021-02-15T11:00:00+02:00 diff --git a/blog_posts/javascript-store-dom-items.md b/blog_posts/javascript-store-dom-items.md index caf87c944..0d3dbd3fb 100644 --- a/blog_posts/javascript-store-dom-items.md +++ b/blog_posts/javascript-store-dom-items.md @@ -2,7 +2,7 @@ title: "Tip: Minimize DOM access" type: tip tags: javascript,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/armchair.jpg 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 diff --git a/blog_posts/javascript-string-immutability.md b/blog_posts/javascript-string-immutability.md index f6ba05984..9b0b86900 100644 --- a/blog_posts/javascript-string-immutability.md +++ b/blog_posts/javascript-string-immutability.md @@ -2,7 +2,7 @@ title: Are JavaScript strings immutable? type: question tags: javascript,string,type -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-sunset.jpg excerpt: When it comes to immutability, many developers have trouble wrapping their head around JavaScript strings. Yet they're not as complicated as you might expect. firstSeen: 2021-10-10T05:00:00-04:00 diff --git a/blog_posts/javascript-swap-two-variables.md b/blog_posts/javascript-swap-two-variables.md index 1ee733a41..e56fe1960 100644 --- a/blog_posts/javascript-swap-two-variables.md +++ b/blog_posts/javascript-swap-two-variables.md @@ -2,7 +2,7 @@ title: "Tip: How to swap two variables in JavaScript" type: tip tags: javascript,array,variables -authors: chalarangelo +author: chalarangelo cover: blog_images/mountain-lake-2.jpg excerpt: Learn how to swap the values of two variables in JavaScript using a single line of ES6 code. firstSeen: 2020-04-27T14:12:51+03:00 diff --git a/blog_posts/javascript-switch-object.md b/blog_posts/javascript-switch-object.md index b9fdfadda..3bfdd4da6 100644 --- a/blog_posts/javascript-switch-object.md +++ b/blog_posts/javascript-switch-object.md @@ -2,7 +2,7 @@ title: Replacing JavaScript switch statement with object literals type: story tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/rocky-lake.jpg excerpt: JavaScript's `switch` statement often feels hard to remember and a little bit out of place. Maybe it's time to use object literals, instead. firstSeen: 2021-04-01T12:00:00+03:00 diff --git a/blog_posts/javascript-sync-async.md b/blog_posts/javascript-sync-async.md index 1b7096c9a..119cd1980 100644 --- a/blog_posts/javascript-sync-async.md +++ b/blog_posts/javascript-sync-async.md @@ -2,7 +2,7 @@ title: What is the difference between synchronous and asynchronous code in JavaScript? type: question tags: javascript,function,promise -authors: chalarangelo +author: chalarangelo cover: blog_images/pineapple-on-green.jpg excerpt: Understanding the differences between synchronous and asynchronous code is a crucial piece of knowledge for every web developer. 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 1639b189d..fb97ea05a 100644 --- a/blog_posts/javascript-target-blank.md +++ b/blog_posts/javascript-target-blank.md @@ -2,7 +2,7 @@ title: 'Tip: Protect your users from malicious websites when using target="_blank"' type: tip tags: javascript,browser,security -authors: chalarangelo +author: chalarangelo cover: blog_images/laptop-with-code.jpg 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 diff --git a/blog_posts/javascript-ternary-operator.md b/blog_posts/javascript-ternary-operator.md index 0d7b70c93..baa6c5a4c 100644 --- a/blog_posts/javascript-ternary-operator.md +++ b/blog_posts/javascript-ternary-operator.md @@ -2,7 +2,7 @@ title: What is the ternary operator and how do I use it? type: question tags: javascript,condition -authors: maciv +author: maciv cover: blog_images/red-succulent.jpg 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 diff --git a/blog_posts/javascript-this.md b/blog_posts/javascript-this.md index 81ad309a7..5f704bb2f 100644 --- a/blog_posts/javascript-this.md +++ b/blog_posts/javascript-this.md @@ -2,7 +2,7 @@ title: Understanding the "this" keyword in JavaScript type: story tags: javascript,function,object -authors: chalarangelo +author: chalarangelo cover: blog_images/u-got-this.jpg 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 diff --git a/blog_posts/javascript-truthy-falsy-values.md b/blog_posts/javascript-truthy-falsy-values.md index c98201fa4..9688f2660 100644 --- a/blog_posts/javascript-truthy-falsy-values.md +++ b/blog_posts/javascript-truthy-falsy-values.md @@ -2,7 +2,7 @@ title: What are truthy and falsy values in JavaScript? type: question tags: javascript,type,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/little-bird.jpg 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 3be3662f4..52a093176 100644 --- a/blog_posts/javascript-undeclared-undefined-null.md +++ b/blog_posts/javascript-undeclared-undefined-null.md @@ -2,7 +2,7 @@ title: What's the difference between undeclared, undefined and null in JavaScript? type: question tags: javascript,type -authors: chalarangelo +author: chalarangelo cover: blog_images/river-houses.jpg 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 diff --git a/blog_posts/javascript-use-strict.md b/blog_posts/javascript-use-strict.md index aaf89fcef..bd0c56b95 100644 --- a/blog_posts/javascript-use-strict.md +++ b/blog_posts/javascript-use-strict.md @@ -2,7 +2,7 @@ title: What does 'use strict' do and what are some of the key benefits to using it? type: question tags: javascript,function,object -authors: chalarangelo +author: chalarangelo cover: blog_images/palm-tree-house.jpg 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 8d66b5573..dd87a3d17 100644 --- a/blog_posts/javascript-value-as-number.md +++ b/blog_posts/javascript-value-as-number.md @@ -2,7 +2,7 @@ title: "Tip: You can get the value of an input element as a number" type: tip tags: javascript,browser,input -authors: chalarangelo +author: chalarangelo cover: blog_images/mac-and-coffee.jpg 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 diff --git a/blog_posts/javascript-value-not-equal-to-itself.md b/blog_posts/javascript-value-not-equal-to-itself.md index b87c4d8c1..01f5bf4a2 100644 --- a/blog_posts/javascript-value-not-equal-to-itself.md +++ b/blog_posts/javascript-value-not-equal-to-itself.md @@ -2,7 +2,7 @@ title: What is the only value not equal to itself in JavaScript? type: question tags: javascript,type,comparison -authors: chalarangelo +author: chalarangelo cover: blog_images/eagle.jpg 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 ec2c8d9f3..e9c71349e 100644 --- a/blog_posts/javascript-var-let-const.md +++ b/blog_posts/javascript-var-let-const.md @@ -2,7 +2,7 @@ title: What are the differences between var, let and const in JavaScript? type: question tags: javascript,type,variable -authors: chalarangelo +author: chalarangelo cover: blog_images/highlands.jpg 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 diff --git a/blog_posts/javascript-variable-hoisting.md b/blog_posts/javascript-variable-hoisting.md index f921bea9c..c9906facf 100644 --- a/blog_posts/javascript-variable-hoisting.md +++ b/blog_posts/javascript-variable-hoisting.md @@ -2,7 +2,7 @@ title: What is hoisting in JavaScript? type: question tags: javascript,type,variable -authors: chalarangelo +author: chalarangelo cover: blog_images/boat-port.jpg 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 diff --git a/blog_posts/javascript-variable-scope.md b/blog_posts/javascript-variable-scope.md index ae1d84484..fdd6ee4ad 100644 --- a/blog_posts/javascript-variable-scope.md +++ b/blog_posts/javascript-variable-scope.md @@ -2,7 +2,7 @@ title: Understanding JavaScript variables and scopes type: story tags: javascript,type,variable -authors: chalarangelo +author: chalarangelo cover: blog_images/periscope.jpg 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 diff --git a/blog_posts/javascript-void-links.md b/blog_posts/javascript-void-links.md index 43dbe7b50..b1e7b9eba 100644 --- a/blog_posts/javascript-void-links.md +++ b/blog_posts/javascript-void-links.md @@ -2,7 +2,7 @@ title: "Tip: Avoid \"javascript:void(0)\" for empty links" type: tip tags: javascript,browser,accessibility -authors: chalarangelo +author: chalarangelo cover: blog_images/white-flower.jpg 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 diff --git a/blog_posts/js-array-min-max.md b/blog_posts/js-array-min-max.md index bc7e790c9..cfbc96db7 100644 --- a/blog_posts/js-array-min-max.md +++ b/blog_posts/js-array-min-max.md @@ -2,7 +2,7 @@ title: "Tip: Min and max value in a JavaScript array" type: tip tags: javascript,array,math -authors: chalarangelo +author: chalarangelo cover: blog_images/little-tree.jpg 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 diff --git a/blog_posts/js-array-sorting-shorthand.md b/blog_posts/js-array-sorting-shorthand.md index 08578d0f9..646c7fc3e 100644 --- a/blog_posts/js-array-sorting-shorthand.md +++ b/blog_posts/js-array-sorting-shorthand.md @@ -2,7 +2,7 @@ title: "Tip: JavaScript array sorting shorthand" type: tip tags: javascript,array -authors: maciv +author: maciv cover: blog_images/apples.jpg excerpt: Learn how to quickly write code to sort JavaScript arrays with this handy one-liner. firstSeen: 2021-01-04T11:00:00+02:00 diff --git a/blog_posts/js-callbacks.md b/blog_posts/js-callbacks.md index fc321a498..5b0ba1b83 100644 --- a/blog_posts/js-callbacks.md +++ b/blog_posts/js-callbacks.md @@ -2,7 +2,7 @@ title: What is a callback function? type: question tags: javascript,function -authors: chalarangelo +author: chalarangelo cover: blog_images/rabbit-call.jpg 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-data-structures-binary-search-tree.md b/blog_posts/js-data-structures-binary-search-tree.md index d362ea1f2..29b9cc443 100644 --- a/blog_posts/js-data-structures-binary-search-tree.md +++ b/blog_posts/js-data-structures-binary-search-tree.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Binary Search Tree type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-4.jpg 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 b6692a32a..aad24b437 100644 --- a/blog_posts/js-data-structures-binary-tree.md +++ b/blog_posts/js-data-structures-binary-tree.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Binary Tree type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-3.jpg 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 830217466..b315f46f7 100644 --- a/blog_posts/js-data-structures-doubly-linked-list.md +++ b/blog_posts/js-data-structures-doubly-linked-list.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Doubly Linked List type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-4.jpg 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 c71658907..0233e03c9 100644 --- a/blog_posts/js-data-structures-graph.md +++ b/blog_posts/js-data-structures-graph.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Graph type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-1.jpg 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 5cb0868d3..fe9bee8ea 100644 --- a/blog_posts/js-data-structures-linked-list.md +++ b/blog_posts/js-data-structures-linked-list.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Linked List type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-3.jpg 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 259298b12..dcc3c30c9 100644 --- a/blog_posts/js-data-structures-queue.md +++ b/blog_posts/js-data-structures-queue.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Queue type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-2.jpg 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 25217e7df..c647b84d9 100644 --- a/blog_posts/js-data-structures-stack.md +++ b/blog_posts/js-data-structures-stack.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Stack type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-1.jpg 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 8abf98703..94f2b856c 100644 --- a/blog_posts/js-data-structures-tree.md +++ b/blog_posts/js-data-structures-tree.md @@ -2,7 +2,7 @@ title: JavaScript Data Structures - Tree type: story tags: javascript,object,class,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-2.jpg 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-map-vs-object.md b/blog_posts/js-map-vs-object.md index 14ee68c84..5d97b7dda 100644 --- a/blog_posts/js-map-vs-object.md +++ b/blog_posts/js-map-vs-object.md @@ -2,7 +2,7 @@ title: What are the differences between Maps and objects in JavaScript? type: question tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/tent-stars.jpg 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 2d228435c..363358ad6 100644 --- a/blog_posts/js-native-data-structures.md +++ b/blog_posts/js-native-data-structures.md @@ -2,7 +2,7 @@ title: Native JavaScript Data Structures type: story tags: javascript,object,array -authors: chalarangelo +author: chalarangelo cover: blog_images/purple-flower-macro-2.jpg 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 b4d17d04c..b2f247b47 100644 --- a/blog_posts/js-object-freeze-vs-seal.md +++ b/blog_posts/js-object-freeze-vs-seal.md @@ -2,7 +2,7 @@ title: What is the difference between Object.freeze() and Object.seal() in JavaScript? type: question tags: javascript,object -authors: chalarangelo +author: chalarangelo cover: blog_images/frozen-globe.jpg 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-remove-array-duplicates.md b/blog_posts/js-remove-array-duplicates.md index 69a4cb335..7d9236152 100644 --- a/blog_posts/js-remove-array-duplicates.md +++ b/blog_posts/js-remove-array-duplicates.md @@ -2,7 +2,7 @@ title: "Tip: Remove duplicates from a JavaScript array" type: tip tags: javascript,array -authors: chalarangelo +author: chalarangelo cover: blog_images/architectural.jpg excerpt: Easily remove duplicates from a JavaScript array using the built-in `Set` object. firstSeen: 2021-02-11T11:00:00+02:00 diff --git a/blog_posts/js-static-instance-methods.md b/blog_posts/js-static-instance-methods.md index 5608b7fba..5a9a06de1 100644 --- a/blog_posts/js-static-instance-methods.md +++ b/blog_posts/js-static-instance-methods.md @@ -2,7 +2,7 @@ title: What is the difference between static and instance methods? type: question tags: javascript,object,function,class -authors: chalarangelo +author: chalarangelo cover: blog_images/lake-runner.jpg 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/lazy-loading-images.md b/blog_posts/lazy-loading-images.md index c22cc38da..45db13cb0 100644 --- a/blog_posts/lazy-loading-images.md +++ b/blog_posts/lazy-loading-images.md @@ -2,7 +2,7 @@ title: "Tip: Lazy load images in HTML" type: tip tags: webdev,html,image -authors: chalarangelo +author: chalarangelo cover: blog_images/bridge.jpg 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 diff --git a/blog_posts/nodejs-chrome-debugging.md b/blog_posts/nodejs-chrome-debugging.md index 1837c2ed3..abde9c79a 100644 --- a/blog_posts/nodejs-chrome-debugging.md +++ b/blog_posts/nodejs-chrome-debugging.md @@ -2,7 +2,7 @@ title: "Tip: Debugging Node.js using Chrome Developer Tools" type: tip tags: javascript,node,debugging -authors: chalarangelo +author: chalarangelo cover: blog_images/bug.jpg 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 diff --git a/blog_posts/password-autocomplete-suggestion.md b/blog_posts/password-autocomplete-suggestion.md index 89e4a12ce..3022aea87 100644 --- a/blog_posts/password-autocomplete-suggestion.md +++ b/blog_posts/password-autocomplete-suggestion.md @@ -2,7 +2,7 @@ title: "Tip: Adding autocomplete to a password field" type: tip tags: webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/padlocks.jpg excerpt: Use the HTML `autocomplete` attribute to create more secure and accessible password fields. firstSeen: 2021-05-10T12:00:00+03:00 diff --git a/blog_posts/perfect-css-transition-duration.md b/blog_posts/perfect-css-transition-duration.md index 1178e2152..963994eb2 100644 --- a/blog_posts/perfect-css-transition-duration.md +++ b/blog_posts/perfect-css-transition-duration.md @@ -2,7 +2,7 @@ title: "Tip: The perfect duration for CSS transitions" type: tip tags: css,interactivity,visual,animation -authors: chalarangelo +author: chalarangelo cover: blog_images/perfect-timing.jpg 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 diff --git a/blog_posts/prefetching-resources.md b/blog_posts/prefetching-resources.md index 6a4fa48f6..60a75fc9c 100644 --- a/blog_posts/prefetching-resources.md +++ b/blog_posts/prefetching-resources.md @@ -2,7 +2,7 @@ title: "Tip: Prefetching resources in the browser" type: tip tags: webdev,html,browser -authors: chalarangelo +author: chalarangelo cover: blog_images/playing-fetch.jpg 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 diff --git a/blog_posts/python-bare-except.md b/blog_posts/python-bare-except.md index efe854edd..f4c6adb53 100644 --- a/blog_posts/python-bare-except.md +++ b/blog_posts/python-bare-except.md @@ -2,7 +2,7 @@ title: "Tip: Avoid using bare except in Python" type: tip tags: python,error -authors: maciv +author: maciv cover: blog_images/dark-cloud.jpg 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 31436076e..5f3843432 100644 --- a/blog_posts/python-dict-getkey-vs-dictkey.md +++ b/blog_posts/python-dict-getkey-vs-dictkey.md @@ -2,7 +2,7 @@ title: "Tip: You should use dict.get(key) instead of dict[key]" type: tip tags: python,dictionary -authors: maciv +author: maciv cover: blog_images/fruit-feast.jpg 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 diff --git a/blog_posts/python-file-close.md b/blog_posts/python-file-close.md index 6f7a8899c..251911e9c 100644 --- a/blog_posts/python-file-close.md +++ b/blog_posts/python-file-close.md @@ -2,13 +2,13 @@ title: How to correctly close files in Python type: story tags: python,file -authors: maciv +author: maciv cover: blog_images/flower-pond.jpg 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 --- -When working with files in Python, it's quite common to explicitly invoke the `close()` method after processing the file. This might work fine in a lot of cases, however it's a common pitfall for beginners and developers coming from other languages. +When working with files in Python, it's quite common to explicitly invoke the `close()` method after processing the file. This might work fine in a lot of cases, however it's a common pitfall for beginners and developers coming from other languages. Take for example the following code. If an exception is thrown before calling the `close()` method, the file would remain open. In such a scenario, the code would stop executing before `close()` is called, leaving the file open after the program crashes. diff --git a/blog_posts/python-fstrings-str-format.md b/blog_posts/python-fstrings-str-format.md index b1807a256..9415517cc 100644 --- a/blog_posts/python-fstrings-str-format.md +++ b/blog_posts/python-fstrings-str-format.md @@ -2,7 +2,7 @@ title: "Tip: 2 ways to format a string in Python" type: tip tags: python,string -authors: maciv +author: maciv cover: blog_images/feathers.jpg excerpt: Learn two ways to format a string in Python with this quick tip. firstSeen: 2021-01-21T11:00:00+02:00 diff --git a/blog_posts/python-identity-equality.md b/blog_posts/python-identity-equality.md index 9a5711090..9c9a656a4 100644 --- a/blog_posts/python-identity-equality.md +++ b/blog_posts/python-identity-equality.md @@ -2,7 +2,7 @@ title: What is the difference between Python's equality operators? type: question tags: python,type,comparison -authors: maciv +author: maciv cover: blog_images/umbrellas.jpg 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 diff --git a/blog_posts/python-lists-tuples.md b/blog_posts/python-lists-tuples.md index b3fa986a7..e105bd53d 100644 --- a/blog_posts/python-lists-tuples.md +++ b/blog_posts/python-lists-tuples.md @@ -2,7 +2,7 @@ title: What is the difference between lists and tuples in Python? type: question tags: python,list -authors: chalarangelo +author: chalarangelo cover: blog_images/red-mountain.jpg excerpt: Learn how Python's lists and tuples are different and level up your code today. firstSeen: 2020-08-08T14:54:56+03:00 diff --git a/blog_posts/python-lowercase.md b/blog_posts/python-lowercase.md index ad2777932..b8accd057 100644 --- a/blog_posts/python-lowercase.md +++ b/blog_posts/python-lowercase.md @@ -2,7 +2,7 @@ title: How do I convert a string to lowercase in Python? type: question tags: python,string -authors: maciv +author: maciv cover: blog_images/type-stamps.jpg 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 diff --git a/blog_posts/python-mutable-default-arguments.md b/blog_posts/python-mutable-default-arguments.md index c238290f6..20aa7fa40 100644 --- a/blog_posts/python-mutable-default-arguments.md +++ b/blog_posts/python-mutable-default-arguments.md @@ -2,7 +2,7 @@ title: "Tip: Watch out for mutable default arguments in Python" type: tip tags: python,function -authors: maciv +author: maciv cover: blog_images/goat-wooden-cottage.jpg 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 9b476843b..f0242fe85 100644 --- a/blog_posts/python-named-tuples.md +++ b/blog_posts/python-named-tuples.md @@ -2,7 +2,7 @@ title: What are named tuples in Python? type: question tags: python,list,dictionary -authors: maciv +author: maciv cover: blog_images/mask-quiet.jpg excerpt: Understand Python's named tuples and start using them in your projects today. firstSeen: 2021-01-14T11:00:00+02:00 diff --git a/blog_posts/python-slice-assignment.md b/blog_posts/python-slice-assignment.md index 83e01adff..0dd0e9df0 100644 --- a/blog_posts/python-slice-assignment.md +++ b/blog_posts/python-slice-assignment.md @@ -2,7 +2,7 @@ title: Understanding Python's slice assignment type: story tags: python,list -authors: maciv +author: maciv cover: blog_images/sliced-fruits.jpg excerpt: Learn everything you need to know about Python's slice assignment with this handy guide. firstSeen: 2020-11-07T19:21:40+02:00 diff --git a/blog_posts/python-slice-notation.md b/blog_posts/python-slice-notation.md index 49b0b832e..94e8c47cd 100644 --- a/blog_posts/python-slice-notation.md +++ b/blog_posts/python-slice-notation.md @@ -2,7 +2,7 @@ title: Understanding Python's slice notation type: story tags: python,list -authors: maciv +author: maciv cover: blog_images/sliced-fruits.jpg excerpt: Learn everything you need to know about Python's slice notation with this handy guide. firstSeen: 2020-11-07T19:21:16+02:00 diff --git a/blog_posts/python-sortedlist-vs-list-sort.md b/blog_posts/python-sortedlist-vs-list-sort.md index 35b502d95..4341c8ca0 100644 --- a/blog_posts/python-sortedlist-vs-list-sort.md +++ b/blog_posts/python-sortedlist-vs-list-sort.md @@ -2,7 +2,7 @@ title: What is the difference between list.sort() and sorted() in Python? type: question tags: python,list -authors: maciv +author: maciv cover: blog_images/duck-plants.jpg 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 diff --git a/blog_posts/python-swap-variables.md b/blog_posts/python-swap-variables.md index 695ec47d7..97d92be8b 100644 --- a/blog_posts/python-swap-variables.md +++ b/blog_posts/python-swap-variables.md @@ -2,7 +2,7 @@ title: 3 ways to swap two variables in Python type: story tags: python,variables -authors: maciv +author: maciv cover: blog_images/leaves-read.jpg excerpt: Learn 3 easy ways to swap the values of two variables in Python. firstSeen: 2021-02-04T11:00:00+02:00 diff --git a/blog_posts/python-trim-whitespace.md b/blog_posts/python-trim-whitespace.md index e3618b855..3afced727 100644 --- a/blog_posts/python-trim-whitespace.md +++ b/blog_posts/python-trim-whitespace.md @@ -2,7 +2,7 @@ title: How do I trim whitespace from a string in Python? type: question tags: python,string -authors: maciv +author: maciv cover: blog_images/organizer.jpg 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 b53fedff4..e7b58b304 100644 --- a/blog_posts/react-conditional-classname.md +++ b/blog_posts/react-conditional-classname.md @@ -2,7 +2,7 @@ title: "Tip: React conditional className, empty strings and null" type: tip tags: react,components -authors: maciv +author: maciv cover: blog_images/succulent-red-light.jpg 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 diff --git a/blog_posts/react-proptypes-objectof-vs-shape.md b/blog_posts/react-proptypes-objectof-vs-shape.md index a7324dda8..9d08ed180 100644 --- a/blog_posts/react-proptypes-objectof-vs-shape.md +++ b/blog_posts/react-proptypes-objectof-vs-shape.md @@ -2,7 +2,7 @@ title: React PropTypes - objectOf vs shape type: story tags: react,components,proptypes -authors: chalarangelo +author: chalarangelo cover: blog_images/shapes.jpg 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 diff --git a/blog_posts/react-redux-readable-reducers.md b/blog_posts/react-redux-readable-reducers.md index 7a0b29eff..e40bc9811 100644 --- a/blog_posts/react-redux-readable-reducers.md +++ b/blog_posts/react-redux-readable-reducers.md @@ -2,7 +2,7 @@ title: Writing readable reducers in Redux type: story tags: react,logic -authors: chalarangelo +author: chalarangelo cover: blog_images/beach-from-above.jpg 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 diff --git a/blog_posts/react-rendering-basics.md b/blog_posts/react-rendering-basics.md index 0ddbf38fa..4818c438c 100644 --- a/blog_posts/react-rendering-basics.md +++ b/blog_posts/react-rendering-basics.md @@ -2,7 +2,7 @@ title: React rendering basics type: story tags: react,render -authors: chalarangelo +author: chalarangelo cover: blog_images/comic-glasses.jpg 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 diff --git a/blog_posts/react-rendering-optimization.md b/blog_posts/react-rendering-optimization.md index 5e484a4c3..335d0fdf8 100644 --- a/blog_posts/react-rendering-optimization.md +++ b/blog_posts/react-rendering-optimization.md @@ -2,7 +2,7 @@ title: React rendering optimization type: story tags: react,render -authors: chalarangelo +author: chalarangelo cover: blog_images/comic-glasses.jpg 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 diff --git a/blog_posts/react-rendering-state.md b/blog_posts/react-rendering-state.md index 57ca87a39..b3af50adf 100644 --- a/blog_posts/react-rendering-state.md +++ b/blog_posts/react-rendering-state.md @@ -2,7 +2,7 @@ title: React rendering state type: story tags: react,render -authors: chalarangelo +author: chalarangelo cover: blog_images/comic-glasses.jpg 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 diff --git a/blog_posts/react-selected-option.md b/blog_posts/react-selected-option.md index 180d78451..4cec022ed 100644 --- a/blog_posts/react-selected-option.md +++ b/blog_posts/react-selected-option.md @@ -2,7 +2,7 @@ title: How can I set the value of a select input in React? type: question tags: react,components,input -authors: maciv +author: maciv cover: blog_images/two-doors.jpg 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 diff --git a/blog_posts/react-use-interval-explained.md b/blog_posts/react-use-interval-explained.md index 3f9698040..c405baf03 100644 --- a/blog_posts/react-use-interval-explained.md +++ b/blog_posts/react-use-interval-explained.md @@ -2,7 +2,7 @@ title: Write a useInterval hook in React type: story tags: react,hooks,effect -authors: chalarangelo +author: chalarangelo cover: blog_images/clock.jpg 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 diff --git a/blog_posts/react-use-state-with-label.md b/blog_posts/react-use-state-with-label.md index 6a5fa3960..f6085ec19 100644 --- a/blog_posts/react-use-state-with-label.md +++ b/blog_posts/react-use-state-with-label.md @@ -2,7 +2,7 @@ title: "Tip: Label your useState values in React developer tools" type: tip tags: react,hooks -authors: chalarangelo +author: chalarangelo cover: blog_images/bunny-poster.jpg 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 diff --git a/blog_posts/regexp-cheatsheet.md b/blog_posts/regexp-cheatsheet.md index 4467567c0..695607ea7 100644 --- a/blog_posts/regexp-cheatsheet.md +++ b/blog_posts/regexp-cheatsheet.md @@ -2,7 +2,7 @@ title: Regular Expressions Cheat Sheet type: cheatsheet tags: javascript,string,regexp,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/tools.jpg 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 diff --git a/blog_posts/responsive-favicon-dark-mode.md b/blog_posts/responsive-favicon-dark-mode.md index 4989d1291..1891cbbac 100644 --- a/blog_posts/responsive-favicon-dark-mode.md +++ b/blog_posts/responsive-favicon-dark-mode.md @@ -2,7 +2,7 @@ title: How can I create a custom responsive favicon for dark mode? type: question tags: css,visual -authors: chalarangelo +author: chalarangelo cover: blog_images/dark-mode.jpg 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 diff --git a/blog_posts/reversed-list.md b/blog_posts/reversed-list.md index 0924cbed9..fb244aaff 100644 --- a/blog_posts/reversed-list.md +++ b/blog_posts/reversed-list.md @@ -2,7 +2,7 @@ title: "Tip: Create a descending list of numbered items" type: tip tags: webdev,html -authors: chalarangelo +author: chalarangelo cover: blog_images/ancient-greek-building.jpg 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/setup-python3-pip3-as-default.md b/blog_posts/setup-python3-pip3-as-default.md index e7cd8e68b..ae0dfbd3a 100644 --- a/blog_posts/setup-python3-pip3-as-default.md +++ b/blog_posts/setup-python3-pip3-as-default.md @@ -2,7 +2,7 @@ title: "Tip: Set up Python 3 and pip 3 as default" type: tip tags: python,setup -authors: chalarangelo +author: chalarangelo cover: blog_images/avocado-slices.jpg 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 diff --git a/blog_posts/terminal-shortcuts-cheatsheet.md b/blog_posts/terminal-shortcuts-cheatsheet.md index 61ceab52a..ef71a7d33 100644 --- a/blog_posts/terminal-shortcuts-cheatsheet.md +++ b/blog_posts/terminal-shortcuts-cheatsheet.md @@ -2,7 +2,7 @@ title: Bash Shortcuts Cheat Sheet type: cheatsheet tags: webdev,bash,cheatsheet -authors: chalarangelo +author: chalarangelo cover: blog_images/terminal.jpg 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 diff --git a/blog_posts/testing-async-react-components.md b/blog_posts/testing-async-react-components.md index d0a518b38..a7f79e15f 100644 --- a/blog_posts/testing-async-react-components.md +++ b/blog_posts/testing-async-react-components.md @@ -2,7 +2,7 @@ title: Testing React components that update asynchronously with React Testing Library type: story tags: react,testing,event -authors: maciv +author: maciv cover: blog_images/colorful-lounge.jpg 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 diff --git a/blog_posts/testing-redux-connected-components.md b/blog_posts/testing-redux-connected-components.md index 3857fa89c..ffb6381d7 100644 --- a/blog_posts/testing-redux-connected-components.md +++ b/blog_posts/testing-redux-connected-components.md @@ -2,7 +2,7 @@ title: Testing Redux-connected components with React Testing Library type: story tags: react,testing -authors: chalarangelo +author: chalarangelo cover: blog_images/sparkles.jpg 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 diff --git a/blog_posts/testing-stateful-ui-components.md b/blog_posts/testing-stateful-ui-components.md index 965e15738..1a3395582 100644 --- a/blog_posts/testing-stateful-ui-components.md +++ b/blog_posts/testing-stateful-ui-components.md @@ -2,7 +2,7 @@ title: An approach to testing stateful React components type: story tags: react,testing -authors: chalarangelo +author: chalarangelo cover: blog_images/lake-trees.jpg 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 diff --git a/blog_posts/typographic-scale-basics.md b/blog_posts/typographic-scale-basics.md index 0cf6b26ef..f29a41da6 100644 --- a/blog_posts/typographic-scale-basics.md +++ b/blog_posts/typographic-scale-basics.md @@ -2,7 +2,7 @@ title: Typographic scale basics type: story tags: css,webdev,typography -authors: chalarangelo +author: chalarangelo cover: blog_images/typography.jpg 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 diff --git a/blog_posts/zooming-accessibility-tips.md b/blog_posts/zooming-accessibility-tips.md index 67d3e336a..dea3b2755 100644 --- a/blog_posts/zooming-accessibility-tips.md +++ b/blog_posts/zooming-accessibility-tips.md @@ -2,7 +2,7 @@ title: Why using maximum-scale can harm your page's accessibility type: story tags: webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/camera-zoom.jpg excerpt: Using the viewport meta tag incorrectly can harm your website's accessibility. Learn how to prevent problems with this handy guide. unlisted: true diff --git a/snippet-template.md b/snippet-template.md index 46ad937bf..b01ec3363 100644 --- a/snippet-template.md +++ b/snippet-template.md @@ -2,7 +2,7 @@ title: My amazing story type: story tags: javascript,webdev -authors: chalarangelo +author: chalarangelo cover: blog_images/my-image.jpg excerpt: A short summary of your story up to 180 characters long. firstSeen: 2021-06-13T05:00:00-04:00