Update covers

This commit is contained in:
Angelos Chalaris
2023-02-16 22:24:41 +02:00
parent 226ffc07e8
commit da31e8d138
234 changed files with 234 additions and 254 deletions

View File

@ -4,7 +4,7 @@ shortTitle: Essential VS Code extensions
type: story
tags: devtools,vscode
author: chalarangelo
cover: blog_images/computer-screens.jpg
cover: computer-screens
excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity.
unlisted: true
firstSeen: 2019-12-23T10:41:56+02:00

View File

@ -4,7 +4,7 @@ shortTitle: CSS gradients
type: cheatsheet
tags: css,visual
author: chalarangelo
cover: blog_images/colors-mural.jpg
cover: colors-mural
excerpt: We hand picked 25 of our favorite CSS gradients from uiGradients for your next design. Get them now!
firstSeen: 2021-01-08T22:30:37+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Useful array methods
type: story
tags: javascript,array,cheatsheet
author: chalarangelo
cover: blog_images/arrays.jpg
cover: arrays
excerpt: JavaScript arrays have a very robust API offering a plethora of amazing tools. Learn the 4 must-know JavaScript array methods in this quick guide.
firstSeen: 2020-08-03T21:37:03+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: SEO tips
type: story
tags: seo,webdev
author: chalarangelo
cover: blog_images/sunrise-over-city.jpg
cover: sunrise-over-city
excerpt: As time goes by, SEO is becoming increasingly relevant, but most web developers seem to have little experience with it. Here are 4 actionable SEO tips you can implement today.
firstSeen: 2020-01-17T14:51:15+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: 5 tips for better Pull Requests
type: story
tags: git,github,programming,webdev
author: chalarangelo
cover: blog_images/keyboard-tea.jpg
cover: keyboard-tea
excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them.
unlisted: true
firstSeen: 2020-06-24T12:44:03+03:00

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript Regular Expression tips
type: story
tags: javascript,string,regexp
author: chalarangelo
cover: blog_images/taking-photos.jpg
cover: taking-photos
excerpt: Regular expressions, while very powerful, are notoriously hard to master. Start using them in your JavaScript code by understanding these 6 features.
firstSeen: 2020-04-15T14:24:50+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: 6 Python f-strings tips and tricks
type: story
tags: python,string
author: chalarangelo
cover: blog_images/sea-view.jpg
cover: sea-view
excerpt: Python's f-strings can do a lot more than you might expect. Learn a few useful tips and tricks in this quick guide.
firstSeen: 2021-07-20T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Essential Chrome extensions
type: story
tags: devtools,webdev
author: chalarangelo
cover: blog_images/computer-screens.jpg
cover: computer-screens
excerpt: Google Chrome's developer tools are nothing short of amazing. Here are 7 must-have extensions you can add to increase your productivity even further.
unlisted: true
firstSeen: 2020-03-18T12:37:31+02:00

View File

@ -4,7 +4,7 @@ shortTitle: Accessibility tips
type: story
tags: javascript,accessibility,webdev
author: chalarangelo
cover: blog_images/accessibility.jpg
cover: accessibility
excerpt: Accessibility (a11y) can improve your website and attract new users. Learn how to get started with these 8 quick tips.
firstSeen: 2020-05-20T14:10:13+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: 8 tips for working from home
type: story
tags: career,programming,jobs,webdev
author: chalarangelo
cover: blog_images/kettle-laptop.jpg
cover: kettle-laptop
excerpt: Working from home seems like a great alternative to going to the office, but there are challenges that come with it that you need to overcome...
unlisted: true
firstSeen: 2020-03-12T22:14:41+02:00

View File

@ -3,7 +3,7 @@ title: Asynchronous JavaScript Cheat Sheet
type: cheatsheet
tags: javascript,function,promise
author: chalarangelo
cover: blog_images/green-plant.jpg
cover: green-plant
excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet.
firstSeen: 2020-08-18T23:05:52+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Bash alias for copying from the web
type: tip
tags: git,configuration
author: chalarangelo
cover: blog_images/capsule-coffee.jpg
cover: capsule-coffee
excerpt: Many online resources prefix their terminal commands with a dollar sign. Luckily, we've got a solution to this small annoyance.
firstSeen: 2023-03-05T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: The benefits of writing
type: story
tags: career,webdev,programming,jobs
author: chalarangelo
cover: blog_images/laptop-view.jpg
cover: laptop-view
excerpt: Writing about a topic can often sound boring or worthless. But there are significant benefits to doing it from time to time.
firstSeen: 2021-04-12T12:00:00+03:00
lastUpdated: 2022-11-05T14:00:07+03:00

View File

@ -3,7 +3,7 @@ title: Big-O Cheat Sheet
type: cheatsheet
tags: javascript,algorithm
author: chalarangelo
cover: blog_images/light-ring.jpg
cover: light-ring
excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet.
firstSeen: 2023-01-08T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: Breaking React - a common pattern to avoid
type: story
tags: react,debugging
author: chalarangelo
cover: blog_images/broken-screen.jpg
cover: broken-screen
excerpt: As powerful as React is, it is also quite fragile at places. Did you know that just a few lines are more than enough to break your entire React application?
firstSeen: 2020-01-30T12:35:19+02:00
lastUpdated: 2021-11-06T20:51:47+03:00

View File

@ -4,7 +4,7 @@ shortTitle: For loops, array reduce and method chaining
type: story
tags: javascript,array,object,iterator
author: chalarangelo
cover: blog_images/case-study.jpg
cover: case-study
excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.
firstSeen: 2020-05-19T14:27:18+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Optimizing recursive functions
type: story
tags: javascript,recursion,performance
author: chalarangelo
cover: blog_images/case-study.jpg
cover: case-study
excerpt: Recursive code has a tendency of being inefficient and can leave a lot of space for optimization. Learn a couple of tricks we use to speed up our recursive functions.
firstSeen: 2020-05-12T21:57:09+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,8 +3,7 @@ title: Code Anatomy - Writing high performance Python code
shortTitle: Performant Python code
type: story
tags: python,list,performance
author: maciv
cover: blog_images/walking-on-top.jpg
cover: walking-on-top
excerpt: Writing short, efficient Python code is not always straightforward. Read how we optimize our list snippets to increase performance using a couple of simple tricks.
firstSeen: 2020-03-15T12:50:05+02:00
lastUpdated: 2021-11-07T16:34:37+03:00

View File

@ -3,7 +3,7 @@ title: Common regular expressions
type: cheatsheet
tags: javascript,string,regexp
author: chalarangelo
cover: blog_images/rocky-beach.jpg
cover: rocky-beach
excerpt: A collection of regular expressions that can be used to solve common problems.
firstSeen: 2022-11-09T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: JavaScript console.log() tips & tricks
type: story
tags: javascript,browser,cheatsheet
author: chalarangelo
cover: blog_images/terminal.jpg
cover: terminal
excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks.
firstSeen: 2021-02-25T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Cookies, local storage, and session storage
type: question
tags: javascript,browser,webdev
author: chalarangelo
cover: blog_images/three-vases.jpg
cover: three-vases
excerpt: Learn the difference between cookies, local storage and session storage and start using the correct option for your needs.
firstSeen: 2020-08-18T13:02:24+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Copy text to clipboard
type: question
tags: javascript,browser
author: chalarangelo
cover: blog_images/typing.jpg
cover: typing
excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.
firstSeen: 2020-01-20T11:41:23+02:00
lastUpdated: 2022-01-11T09:47:54+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Centering content with CSS
type: story
tags: css,layout
author: chalarangelo
cover: blog_images/mountain-lake.jpg
cover: mountain-lake
excerpt: Centering content with CSS might often feel tricky. Here are 4 easy tricks you can use in your code today.
firstSeen: 2021-02-22T11:00:00+02:00
lastUpdated: 2021-09-28T19:35:49+03:00

View File

@ -4,7 +4,7 @@ shortTitle: CSS clamp()
type: tip
tags: css,visual
author: chalarangelo
cover: blog_images/strawberries.jpg
cover: strawberries
excerpt: Implement responsive typography with the CSS clamp() function.
firstSeen: 2022-12-28T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: The currentColor CSS keyword
type: tip
tags: css,visual
author: chalarangelo
cover: blog_images/picking-berries.jpg
cover: picking-berries
excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases.
firstSeen: 2022-11-30T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: CSS easing variables
type: tip
tags: css,animation
author: chalarangelo
cover: blog_images/curve.jpg
cover: curve
excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.
firstSeen: 2020-12-30T16:13:58+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Footer at the bottom
type: question
tags: css,layout
author: chalarangelo
cover: blog_images/flower-shape-sunset.jpg
cover: flower-shape-sunset
excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.
firstSeen: 2022-10-30T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Inherited properties
type: cheatsheet
tags: css,layout
author: chalarangelo
cover: blog_images/half-trees.jpg
cover: half-trees
excerpt: A quick reference for inherited CSS properties.
firstSeen: 2022-11-20T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Perfect nested border radius in CSS
type: tip
tags: css,visual
author: chalarangelo
cover: blog_images/rocky-beach-waves.jpg
cover: rocky-beach-waves
excerpt: Nesting elements with rounded borders can look very wrong if not done correctly. Here's a quick tip on how to do it right.
firstSeen: 2022-04-03T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: CSS pseudo-classes
type: question
tags: css,webdev
author: chalarangelo
cover: blog_images/orange-flower.jpg
cover: orange-flower
excerpt: Learn how to use CSS pseudo-classes to style an element based on changes to its state.
firstSeen: 2020-08-18T19:56:12+03:00
lastUpdated: 2021-11-07T16:34:37+03:00

View File

@ -3,7 +3,7 @@ title: CSS Reset
type: story
tags: css,visual
author: chalarangelo
cover: blog_images/pink-flower-tree.jpg
cover: pink-flower-tree
excerpt: A short, opinionated CSS reset to make your websites look great everywhere.
firstSeen: 2022-10-16T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: :root vs html
type: story
tags: css,layout,selector
author: chalarangelo
cover: blog_images/tree-roots.jpg
cover: tree-roots
excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences.
firstSeen: 2022-05-22T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: "CSS :any-link pseudo-class"
type: tip
tags: css,visual,interactivity
author: chalarangelo
cover: blog_images/round-leaves.jpg
cover: round-leaves
excerpt: You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not.
firstSeen: 2022-03-06T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Style default links
type: tip
tags: css,visual,interactivity
author: chalarangelo
cover: blog_images/citrus-drink.jpg
cover: citrus-drink
excerpt: A short summary of your story up to 180 characters long.
firstSeen: 2022-11-23T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Unitless line height
type: tip
tags: css,layout,visual
author: chalarangelo
cover: blog_images/gold-typewriter.jpg
cover: gold-typewriter
excerpt: You might have heard that `line-height` should be unitless, but do you know why?
firstSeen: 2022-11-27T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: CSS units Cheat Sheet
type: cheatsheet
tags: css,layout,cheatsheet
author: chalarangelo
cover: blog_images/measuring.jpg
cover: measuring
excerpt: Learn everything you need to know about CSS units with this handy cheatsheet.
firstSeen: 2021-01-25T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: CSS variables
type: question
tags: css,visual,layout
author: chalarangelo
cover: blog_images/css-variables.jpg
cover: css-variables
excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs.
firstSeen: 2020-03-09T19:39:30+02:00
lastUpdated: 2021-09-28T19:52:58+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Customize the names of downloadable files
type: tip
tags: webdev,html,browser
author: chalarangelo
cover: blog_images/hard-disk.jpg
cover: hard-disk
excerpt: Learn what HTML5 attribute you can use to customize the names of your downloadable files with this quick tip.
firstSeen: 2021-01-11T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Detect Caps Lock
type: question
tags: javascript,browser,event
author: chalarangelo
cover: blog_images/keyboard.jpg
cover: keyboard
excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
firstSeen: 2021-02-18T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: DNS Record Basics
type: cheatsheet
tags: webdev,dns,server,cheatsheet
author: chalarangelo
cover: blog_images/sparkles.jpg
cover: sparkles
excerpt: DNS records may not be a thing you work too often with. Regardless, some basic knowledge can go a long way.
firstSeen: 2022-01-09T05:00:00-04:00
---

View File

@ -3,7 +3,7 @@ title: Escaping tutorial hell
type: story
tags: career,webdev,programming,jobs
author: chalarangelo
cover: blog_images/campfire.jpg
cover: campfire
excerpt: Many beginners get stuck in tutorial hell without even realizing. Here are 4 simple ways to escape tutorial hell and get back to learning.
firstSeen: 2022-05-26T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Refactoring for...in loops to avoid ESLint warnings
type: tip
tags: javascript,array,iterator,eslint
author: chalarangelo
cover: blog_images/typing.jpg
cover: typing
excerpt: ESLint is a very powerful tool that can save you a lot of headaches, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning.
firstSeen: 2020-05-19T02:32:10+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: Flexbox Cheat Sheet
type: cheatsheet
tags: css,layout,flexbox,cheatsheet
author: chalarangelo
cover: blog_images/frames.jpg
cover: frames
excerpt: Flexbox allows you to create fluid layouts easily. If you find yourself constantly looking up the syntax or how it work, this handy cheatsheet is all you need.
firstSeen: 2020-05-02T00:21:49+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -3,7 +3,7 @@ title: Git aliases
type: cheatsheet
tags: git,configuration,cheatsheet
author: chalarangelo
cover: blog_images/organizer.jpg
cover: organizer
excerpt: Increase your productivity by creating aliases for many common git operations.
firstSeen: 2021-04-29T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Create a commit with a different date
type: tip
tags: git,commit
author: chalarangelo
cover: blog_images/ice.jpg
cover: ice
excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it.
firstSeen: 2021-04-22T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Git fast-forward
type: question
tags: git,branch
author: chalarangelo
cover: blog_images/boats.jpg
cover: boats
excerpt: Merging a branch is a pretty common Git operation. Learn how fast-forward mode works and its benefits, so you can decide if it's a good fit for you and your team.
firstSeen: 2021-07-15T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Add multiple authors to a commit
type: tip
tags: git,github,programming,webdev
author: chalarangelo
cover: blog_images/book-chair.jpg
cover: book-chair
excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip.
firstSeen: 2020-08-18T12:14:24+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: HTML favicons template
type: story
tags: webdev,html,browser
author: chalarangelo
cover: blog_images/boutique-home-office-3.jpg
cover: boutique-home-office-3
excerpt: Ensure your HTML documents have a proper favicon by including these lines in your `<head>` element.
firstSeen: 2023-01-24T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: HTML head links template
type: story
tags: webdev,html,browser
author: chalarangelo
cover: blog_images/boutique-home-office-4.jpg
cover: boutique-home-office-4
excerpt: Make your HTML documents more SEO-friendly by including these lines in your `<head>` element.
firstSeen: 2023-01-26T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: HTML social tags template
type: story
tags: webdev,html,browser
author: chalarangelo
cover: blog_images/boutique-home-office-2.jpg
cover: boutique-home-office-2
excerpt: Ensure your HTML documents can be shared on social media by including these lines in your `<head>` element.
firstSeen: 2023-01-22T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: HTML head template
type: story
tags: webdev,html,browser
author: chalarangelo
cover: blog_images/boutique-home-office-1.jpg
cover: boutique-home-office-1
excerpt: Ensure your HTML documents are properly structured by including these lines in your `<head>` element.
firstSeen: 2023-01-18T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: HTTP status codes
type: cheatsheet
tags: webdev,http
author: chalarangelo
cover: blog_images/lake-runner.jpg
cover: lake-runner
excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet.
firstSeen: 2021-05-20T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Add key-value pair to object
type: question
tags: javascript,object
author: chalarangelo
cover: blog_images/pineapple-laptop.jpg
cover: pineapple-laptop
excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so.
firstSeen: 2022-07-21T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript array comparison
type: question
tags: javascript,array,comparison
author: chalarangelo
cover: blog_images/coconuts.jpg
cover: coconuts
excerpt: Learn how you can compare two arrays in JavaScript using various different techniques.
firstSeen: 2020-08-07T14:23:14+03:00
lastUpdated: 2021-09-27T16:36:32+03:00

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript array includes value
type: question
tags: javascript,array
author: chalarangelo
cover: blog_images/bridge-drop.jpg
cover: bridge-drop
excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects.
firstSeen: 2022-09-18T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Arrow function as callback for event listener
type: question
tags: javascript,browser,event,function
author: chalarangelo
cover: blog_images/arrow-functions.jpg
cover: arrow-functions
excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.
firstSeen: 2020-08-04T15:29:43+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Arrow functions introduction
type: story
tags: javascript,function
author: chalarangelo
cover: blog_images/arrow-functions.jpg
cover: arrow-functions
excerpt: JavaScript arrow functions are a very useful tool to learn and master. Here's a complete introduction to everything you need to know.
firstSeen: 2021-04-08T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Arrow functions vs regular functions
type: question
tags: javascript,function
author: chalarangelo
cover: blog_images/fallen-leaves.jpg
cover: fallen-leaves
excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know.
firstSeen: 2021-10-17T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Asynchronous array loops
type: story
tags: javascript,array,function,promise
author: chalarangelo
cover: blog_images/sunflowers.jpg
cover: sunflowers
excerpt: Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for.
firstSeen: 2021-05-17T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Promise timeout
type: question
tags: javascript,promise,timeout,class
author: chalarangelo
cover: blog_images/walking.jpg
cover: walking
excerpt: Oftentimes you might need to add a timeout to a promise in JavaScript. Learn how to do this and more in this short guide.
firstSeen: 2021-05-13T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Value is blank
type: question
tags: javascript,type
author: chalarangelo
cover: blog_images/workspace-with-speaker.jpg
cover: workspace-with-speaker
excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one.
firstSeen: 2022-09-25T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Boolean function use-cases
type: question
tags: javascript,function,type
author: chalarangelo
cover: blog_images/rocky-lake.jpg
cover: rocky-lake
excerpt: JavaScript's built-in Boolean function can be very useful for truth-checking data among other things. Learn how to use it and level up your code today.
firstSeen: 2020-09-18T16:28:30+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Boolean traps
type: story
tags: javascript,function,type,boolean
author: chalarangelo
cover: blog_images/lighthouse.jpg
cover: lighthouse
excerpt: Boolean traps can cause readability and maintainability issues in your code. Learn what they are, how to spot and fix them in this article.
firstSeen: 2021-07-11T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Callback pitfalls
type: story
tags: javascript,function
author: chalarangelo
cover: blog_images/rabbit-call.jpg
cover: rabbit-call
excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them.
firstSeen: 2021-07-01T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Prototypal vs classical inheritance
type: question
tags: javascript,object,class
author: chalarangelo
cover: blog_images/last-light.jpg
cover: last-light
excerpt: Understanding the difference between these two object-oriented programming paradigms is key to taking your skills to the next level.
firstSeen: 2021-11-21T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Closures introduction
type: question
tags: javascript,function,closure
author: chalarangelo
cover: blog_images/cherry-trees.jpg
cover: cherry-trees
excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code.
firstSeen: 2020-08-04T12:40:08+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Clone an array
type: question
tags: javascript,array
author: chalarangelo
cover: blog_images/colorful-plastic.jpg
cover: colorful-plastic
excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript.
firstSeen: 2021-03-15T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Date comparison
type: question
tags: javascript,date,comparison
author: chalarangelo
cover: blog_images/pineapple-at-work.jpg
cover: pineapple-at-work
excerpt: Learn how you can compare two dates in JavaScript using various different techniques.
firstSeen: 2022-01-16T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Deep freeze object
type: question
tags: javascript,object
author: chalarangelo
cover: blog_images/frozen-globe.jpg
cover: frozen-globe
excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant.
firstSeen: 2020-03-17T16:15:30+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Destructuring assignment introduction
type: question
tags: javascript,array,object
author: chalarangelo
cover: blog_images/building-blocks.jpg
cover: building-blocks
excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide.
firstSeen: 2021-02-01T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Empty an array
type: question
tags: javascript,array
author: chalarangelo
cover: blog_images/coconuts.jpg
cover: coconuts
excerpt: You can use a lot of different techniques to empty an array in JavaScript. See which ones best suits your needs with this quick guide.
firstSeen: 2021-03-08T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: encodeURI() vs encodeURIComponent()
type: question
tags: javascript,browser
author: chalarangelo
cover: blog_images/laptop-view.jpg
cover: laptop-view
excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one?
firstSeen: 2021-01-07T10:41:38+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Enum implementation
type: question
tags: javascript,object,class,symbol,generator
author: chalarangelo
cover: blog_images/book-chair.jpg
cover: book-chair
excerpt: Enums are part of TypeScript, but what about defining enums in plain old JavaScript? Here are a few way you can do that.
firstSeen: 2021-05-24T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript equality operators
type: question
tags: javascript,type,comparison
author: chalarangelo
cover: blog_images/beach-pineapple.jpg
cover: beach-pineapple
excerpt: Learn all you need to know about the differences between JavaScript's double equals and triple equals operators.
firstSeen: 2020-08-06T19:52:30+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Event bubbling, capturing and delegation
type: story
tags: javascript,browser,event
author: chalarangelo
cover: blog_images/fishermen.jpg
cover: fishermen
excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide.
firstSeen: 2020-08-10T15:00:48+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Event loop explained
type: question
tags: javascript,browser,event
author: chalarangelo
cover: blog_images/tranquility.jpg
cover: tranquility
excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine.
firstSeen: 2022-08-21T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Closures and hidden state
type: story
tags: javascript,function,closure
author: chalarangelo
cover: blog_images/silver-flat-screen.jpg
cover: silver-flat-screen
excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code.
firstSeen: 2022-05-18T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Expressions and statements
type: question
tags: javascript,type
author: chalarangelo
cover: blog_images/forest-balcony.jpg
cover: forest-balcony
excerpt: JavaScript distinguishes expressions and statements. Learn their differences in this short article.
firstSeen: 2021-11-07T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript iteration methods comparison
type: question
tags: javascript,array,object,iterator
author: chalarangelo
cover: blog_images/lake-loop.jpg
cover: lake-loop
excerpt: Learn the differences between the three most commonly used iteration methods offered by JavaScript, which often confuse beginners and veterans alike.
firstSeen: 2020-01-20T10:12:31+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: For loops for early breaking
type: tip
tags: javascript,array,loop
author: chalarangelo
cover: blog_images/armchair.jpg
cover: armchair
excerpt: JavaScript provides a handful of ways to iterate over data. While array methods are usually preferred, there are cases where a `for` loop is actually the best option.
firstSeen: 2021-05-27T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Function methods - call(), apply() and bind()
type: story
tags: javascript,function
author: chalarangelo
cover: blog_images/canoe.jpg
cover: canoe
excerpt: Learn everything you need to know about JavaScript's `Function.prototype.call()`, `Function.prototype.apply()` and `Function.prototype.bind()` with this short guide.
firstSeen: 2020-11-06T13:37:10+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Higher-order functions
type: story
tags: javascript,function
author: chalarangelo
cover: blog_images/rock-climbing.jpg
cover: rock-climbing
excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills.
firstSeen: 2020-09-24T12:54:08+03:00
lastUpdated: 2021-11-07T16:34:37+03:00

View File

@ -4,7 +4,7 @@ shortTitle: IIFE introduction
type: question
tags: javascript,function
author: chalarangelo
cover: blog_images/tropical-waterfall.jpg
cover: tropical-waterfall
excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know.
firstSeen: 2021-06-12T19:30:41+03:00
lastUpdated: 2021-06-14T12:00:00+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Array index in for...of loops
type: tip
tags: javascript,array,iterator
author: chalarangelo
cover: blog_images/cave-view.jpg
cover: cave-view
excerpt: Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip.
firstSeen: 2021-07-25T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Iterable to array
type: question
tags: javascript,object,array,string
author: chalarangelo
cover: blog_images/waves.jpg
cover: waves
excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today.
firstSeen: 2020-08-04T14:18:09+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: JavaScript iterators introduction
type: question
tags: javascript,array,object,iterator
author: chalarangelo
cover: blog_images/balloons.jpg
cover: balloons
excerpt: Learn how the new JavaScript ES6 Iterators work and how you can use them to level up your programming projects by understanding these short code examples.
firstSeen: 2020-02-16T13:09:20+02:00
lastUpdated: 2021-09-26T13:20:57+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Selective property serialization
type: tip
tags: javascript,object,json
author: chalarangelo
cover: blog_images/coffee-drip.jpg
cover: coffee-drip
excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this!
firstSeen: 2021-07-06T05:00:00-04:00
---

View File

@ -3,8 +3,7 @@ title: How can I execute an event handler at most once?
shortTitle: Execute event handler only once
type: question
tags: javascript,browser,event
author: maciv
cover: blog_images/dog-waiting.jpg
cover: dog-waiting
excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article.
firstSeen: 2020-08-12T11:21:48+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Make any value iterable
type: tip
tags: javascript,array,iterator,generator
author: chalarangelo
cover: blog_images/colorful-plastic.jpg
cover: colorful-plastic
excerpt: Did you know you can define an iterator for any JavaScript value? This quick tip will show you how.
firstSeen: 2021-06-10T12:00:00+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Memoization introduction
type: question
tags: javascript,function,memoization
author: chalarangelo
cover: blog_images/cherry-trees.jpg
cover: cherry-trees
excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.
firstSeen: 2020-02-27T16:23:25+02:00
lastUpdated: 2021-11-07T16:34:37+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Merge arrays
type: question
tags: javascript,array
author: chalarangelo
cover: blog_images/arrays.jpg
cover: arrays
excerpt: Arrays are one of the most used data types in any programming language. Learn how to merge two arrays in JavaScript with this short guide.
firstSeen: 2020-08-04T13:25:38+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Modify URL without reloading
type: question
tags: javascript,browser
author: chalarangelo
cover: blog_images/compass.jpg
cover: compass
excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
firstSeen: 2020-03-27T13:48:27+02:00
lastUpdated: 2021-09-27T16:47:49+03:00

View File

@ -3,7 +3,7 @@ title: JavaScript modules Cheat Sheet
type: cheatsheet
tags: javascript,cheatsheet
author: chalarangelo
cover: blog_images/mountain-lake-2.jpg
cover: mountain-lake-2
excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet.
firstSeen: 2020-08-04T19:41:35+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Naming conventions
type: story
tags: javascript,variable,cheatsheet
author: chalarangelo
cover: blog_images/naming-conventions.jpg
cover: naming-conventions
excerpt: Naming conventions, while not easy to enforce, make code easier to read and understand. Learn how to name your variables in JavaScript with this handy guide.
firstSeen: 2020-05-20T02:32:10+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Optional chaining and nullish coalescing
type: question
tags: javascript,type
author: chalarangelo
cover: blog_images/purple-leaves.jpg
cover: purple-leaves
excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide.
firstSeen: 2020-08-19T15:37:22+03:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Numeric separators explained
type: story
tags: javascript,math,type
author: chalarangelo
cover: blog_images/coffee-drip.jpg
cover: coffee-drip
excerpt: Numeric separators are a somewhat lesser-known JavaScript syntactic sugar that can make working with large constants a lot easier.
firstSeen: 2021-06-27T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Object as array
type: question
tags: javascript,object,array,proxy,iterator,pattern
author: chalarangelo
cover: blog_images/birds.jpg
cover: birds
excerpt: Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.
firstSeen: 2021-05-03T12:00:00+03:00
lastUpdated: 2021-09-27T16:42:11+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Object comparison
type: question
tags: javascript,object,comparison
author: chalarangelo
cover: blog_images/blue-lake.jpg
cover: blue-lake
excerpt: Learn how you can compare two objects in JavaScript using various different techniques.
firstSeen: 2021-09-26T05:00:00-04:00
---

View File

@ -4,7 +4,7 @@ shortTitle: Object.is() vs triple equals operator
type: question
tags: javascript,object,type
author: chalarangelo
cover: blog_images/rocky-mountains.jpg
cover: rocky-mountains
excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?"
firstSeen: 2021-03-04T11:00:00+02:00
lastUpdated: 2021-06-12T19:30:41+03:00

View File

@ -4,7 +4,7 @@ shortTitle: Pass-by-value or pass-by-reference
type: question
tags: javascript,function,object
author: chalarangelo
cover: blog_images/baloons-field.jpg
cover: baloons-field
excerpt: How JavaScript handles passing data is a source of confusion and bugs for many developers, especially when it comes to object types.
firstSeen: 2021-12-05T05:00:00-04:00
---

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