Deprecate expertise field
This commit is contained in:
Angelos Chalaris
@ -33,7 +33,6 @@ In order to create a new snippet, you should follow the steps below:
|
||||
- Snippet titles must be short enough and correspond to the type of the snippet. Titles for each type must follow the format of previous snippets (e.g. `The trickiest thing about X` for a story, `X things that are awesome` for a list, `How do I do X in Y?` for a question).
|
||||
- Snippet types must be one of the following: `story`, `list`, `tip`, `cheatsheet` or `question`.
|
||||
- Snippet tags must be comma-separated. You are allowed to specify a single language tag (e.g. `react` or `javascript`), preferably as the first tag.
|
||||
- Snippet expertise must be specified (`beginner`, `intermediate` or `advanced`).
|
||||
- Snippets must have their `firstSeen` dates formatted using [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601).
|
||||
- Snippet authors must be added in JSON format as seen in `blog_data/blog_authors.json`.
|
||||
- Snippet covers must be added inside the `blog_images` directory and have the exact same name as the snippet filename. Snippet covers must be Unsplash images of appropriate theme and content and their links must be provided as part of the PR, so that they can be added to the appropriate collection.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 10 must-have VS Code extensions for JavaScript developers
|
||||
shortTitle: Essential VS Code extensions
|
||||
type: story
|
||||
tags: devtools,vscode
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/computer-screens.jpg
|
||||
excerpt: VS Code is steadily gaining popularity among developers. Here are 10 essential extensions for JavaScript developers that aim to increase your productivity.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 25 CSS gradients for your next project
|
||||
shortTitle: CSS gradients
|
||||
type: cheatsheet
|
||||
tags: css,visual
|
||||
expertise: beginner
|
||||
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!
|
||||
|
||||
@ -3,7 +3,6 @@ title: 4 JavaScript Array methods you must know
|
||||
shortTitle: Useful array methods
|
||||
type: story
|
||||
tags: javascript,array,cheatsheet
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 4 SEO tips for developers
|
||||
shortTitle: SEO tips
|
||||
type: story
|
||||
tags: seo,webdev
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/sunrise-over-city.jpg
|
||||
excerpt: As time goes by, SEO is becoming increasingly relevant, but most web developers seem to have little experience with it. Here are 4 actionable SEO tips you can implement today.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: 5 tips for better Pull Requests
|
||||
type: story
|
||||
tags: git,github,programming,webdev
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/keyboard-tea.jpg
|
||||
excerpt: Writing good code is only part of the job. Here are 5 tips to improve your pull requests and help people review them.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 6 JavaScript Regular Expression features you can use today
|
||||
shortTitle: JavaScript Regular Expression tips
|
||||
type: story
|
||||
tags: javascript,string,regexp
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: 6 Python f-strings tips and tricks
|
||||
type: story
|
||||
tags: python,string
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 7 essential Chrome extensions for web developers
|
||||
shortTitle: Essential Chrome extensions
|
||||
type: story
|
||||
tags: devtools,webdev
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/computer-screens.jpg
|
||||
excerpt: Google Chrome's developer tools are nothing short of amazing. Here are 7 must-have extensions you can add to increase your productivity even further.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 8 tips for accessible websites
|
||||
shortTitle: Accessibility tips
|
||||
type: story
|
||||
tags: javascript,accessibility,webdev
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: 8 tips for working from home
|
||||
type: story
|
||||
tags: career,programming,jobs,webdev
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/kettle-laptop.jpg
|
||||
excerpt: Working from home seems like a great alternative to going to the office, but there are challenges that come with it that you need to overcome...
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Asynchronous JavaScript Cheat Sheet
|
||||
type: cheatsheet
|
||||
tags: javascript,function,promise
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/green-plant.jpg
|
||||
excerpt: Learn everything you need to know about promises and asynchronous JavaScript with this handy cheatsheet.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: The benefits of writing
|
||||
type: story
|
||||
tags: career,webdev,programming,jobs
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Big-O Cheat Sheet
|
||||
type: cheatsheet
|
||||
tags: javascript,algorithm
|
||||
expertise: advanced
|
||||
author: chalarangelo
|
||||
cover: blog_images/light-ring.jpg
|
||||
excerpt: Learn everything you need to know about Big-O notation with this handy cheatsheet.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Breaking React - a common pattern to avoid
|
||||
type: story
|
||||
tags: react,debugging
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/broken-screen.jpg
|
||||
excerpt: As powerful as React is, it is also quite fragile at places. Did you know that just a few lines are more than enough to break your entire React application?
|
||||
|
||||
@ -3,7 +3,6 @@ title: Code Anatomy - For loops, array reduce and method chaining
|
||||
shortTitle: For loops, array reduce and method chaining
|
||||
type: story
|
||||
tags: javascript,array,object,iterator
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/case-study.jpg
|
||||
excerpt: There are many ways to iterate and transform array data in JavaScript. Learn how each one works and where you should use them.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Code Anatomy - Optimizing recursive functions
|
||||
shortTitle: Optimizing recursive functions
|
||||
type: story
|
||||
tags: javascript,recursion,performance
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/case-study.jpg
|
||||
excerpt: Recursive code has a tendency of being inefficient and can leave a lot of space for optimization. Learn a couple of tricks we use to speed up our recursive functions.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Code Anatomy - Writing high performance Python code
|
||||
shortTitle: Performant Python code
|
||||
type: story
|
||||
tags: python,list,performance
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Common regular expressions
|
||||
type: cheatsheet
|
||||
tags: javascript,string,regexp
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/rocky-beach.jpg
|
||||
excerpt: A collection of regular expressions that can be used to solve common problems.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: JavaScript console.log() tips & tricks
|
||||
type: story
|
||||
tags: javascript,browser,cheatsheet
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/terminal.jpg
|
||||
excerpt: Level up your JavaScript logging with these `console.log()` tips and tricks.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between cookies, local storage, and session storag
|
||||
shortTitle: Cookies, local storage, and session storage
|
||||
type: question
|
||||
tags: javascript,browser,webdev
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I copy text to clipboard with JavaScript?
|
||||
shortTitle: Copy text to clipboard
|
||||
type: question
|
||||
tags: javascript,browser
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/typing.jpg
|
||||
excerpt: Learn how to programmatically copy text to clipboard with a few lines of JavaScript and level up your web development skills.
|
||||
|
||||
@ -3,7 +3,6 @@ title: 4 ways to center content with CSS
|
||||
shortTitle: Centering content with CSS
|
||||
type: story
|
||||
tags: css,layout
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Use clamp() in CSS for responsive typography"
|
||||
shortTitle: CSS clamp()
|
||||
type: tip
|
||||
tags: css,visual
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/strawberries.jpg
|
||||
excerpt: Implement responsive typography with the CSS clamp() function.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: The currentColor CSS keyword
|
||||
type: tip
|
||||
tags: css,visual
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/picking-berries.jpg
|
||||
excerpt: The `currentColor` CSS keyword is a nifty alternative to custom properties for simple use cases.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: CSS easing variables"
|
||||
shortTitle: CSS easing variables
|
||||
type: tip
|
||||
tags: css,animation
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/curve.jpg
|
||||
excerpt: Learn how to use the `cubic-bezier()` class of easing functions and create beautiful animations that stand out.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I ensure the footer is always at the bottom of the page?
|
||||
shortTitle: Footer at the bottom
|
||||
type: question
|
||||
tags: css,layout
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/flower-shape-sunset.jpg
|
||||
excerpt: Make sure the footer stays at the bottom of the page, instead of floating up when the content is too short.
|
||||
|
||||
@ -3,7 +3,6 @@ title: CSS inherited properties cheatsheet
|
||||
shortTitle: Inherited properties
|
||||
type: cheatsheet
|
||||
tags: css,layout
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/half-trees.jpg
|
||||
excerpt: A quick reference for inherited CSS properties.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Perfect nested border radius in CSS"
|
||||
shortTitle: Perfect nested border radius in CSS
|
||||
type: tip
|
||||
tags: css,visual
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/rocky-beach-waves.jpg
|
||||
excerpt: Nesting elements with rounded borders can look very wrong if not done correctly. Here's a quick tip on how to do it right.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What are CSS pseudo-classes?
|
||||
shortTitle: CSS pseudo-classes
|
||||
type: question
|
||||
tags: css,webdev
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: CSS Reset
|
||||
type: story
|
||||
tags: css,visual
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/pink-flower-tree.jpg
|
||||
excerpt: A short, opinionated CSS reset to make your websites look great everywhere.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What's the difference between :root and html in CSS?
|
||||
shortTitle: :root vs html
|
||||
type: story
|
||||
tags: css,layout,selector
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/tree-roots.jpg
|
||||
excerpt: The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Select any link with CSS"
|
||||
shortTitle: "CSS :any-link pseudo-class"
|
||||
type: tip
|
||||
tags: css,visual,interactivity
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/round-leaves.jpg
|
||||
excerpt: You can use a CSS pseudo-class selector to style all links in a page, without worrying if they have been visited or not.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Style links without a class"
|
||||
shortTitle: Style default links
|
||||
type: tip
|
||||
tags: css,visual,interactivity
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/citrus-drink.jpg
|
||||
excerpt: A short summary of your story up to 180 characters long.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Why should line-height be unitless in CSS?
|
||||
shortTitle: Unitless line height
|
||||
type: tip
|
||||
tags: css,layout,visual
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/gold-typewriter.jpg
|
||||
excerpt: You might have heard that `line-height` should be unitless, but do you know why?
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: CSS units Cheat Sheet
|
||||
type: cheatsheet
|
||||
tags: css,layout,cheatsheet
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/measuring.jpg
|
||||
excerpt: Learn everything you need to know about CSS units with this handy cheatsheet.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What are CSS variables and where can I use them?
|
||||
shortTitle: CSS variables
|
||||
type: question
|
||||
tags: css,visual,layout
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/css-variables.jpg
|
||||
excerpt: Learn how CSS custom properties (CSS variables) work and what you can use them for in your code and designs.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Customize the names of downloadable files"
|
||||
shortTitle: Customize the names of downloadable files
|
||||
type: tip
|
||||
tags: webdev,html,browser
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I detect if Caps Lock is on with JavaScript?
|
||||
shortTitle: Detect Caps Lock
|
||||
type: question
|
||||
tags: javascript,browser,event
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/keyboard.jpg
|
||||
excerpt: If you need to check if Caps Lock is on when the user is typing in the browser, JavaScript's got you covered.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: DNS Record Basics
|
||||
type: cheatsheet
|
||||
tags: webdev,dns,server,cheatsheet
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Escaping tutorial hell
|
||||
type: story
|
||||
tags: career,webdev,programming,jobs
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/campfire.jpg
|
||||
excerpt: Many beginners get stuck in tutorial hell without even realizing. Here are 4 simple ways to escape tutorial hell and get back to learning.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Refactoring your for...in loops to avoid ESLint warnings"
|
||||
shortTitle: Refactoring for...in loops to avoid ESLint warnings
|
||||
type: tip
|
||||
tags: javascript,array,iterator,eslint
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/typing.jpg
|
||||
excerpt: ESLint is a very powerful tool that can save you a lot of headaches, but sometimes it gets in the way. Learn how to refactor code to get rid of a common warning.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Flexbox Cheat Sheet
|
||||
type: cheatsheet
|
||||
tags: css,layout,flexbox,cheatsheet
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: Git aliases
|
||||
type: cheatsheet
|
||||
tags: git,configuration,cheatsheet
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/organizer.jpg
|
||||
excerpt: Increase your productivity by creating aliases for many common git operations.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Create a commit with a different date"
|
||||
shortTitle: Create a commit with a different date
|
||||
type: tip
|
||||
tags: git,commit
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/ice.jpg
|
||||
excerpt: Ever needed to create a git commit with a different date? Here's a quick and easy way to do it.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How does Git's fast-forward mode work?
|
||||
shortTitle: Git fast-forward
|
||||
type: question
|
||||
tags: git,branch
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/boats.jpg
|
||||
excerpt: Merging a branch is a pretty common Git operation. Learn how fast-forward mode works and its benefits, so you can decide if it's a good fit for you and your team.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: How to add multiple authors to a commit"
|
||||
shortTitle: Add multiple authors to a commit
|
||||
type: tip
|
||||
tags: git,github,programming,webdev
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/book-chair.jpg
|
||||
excerpt: Learn how to add multiple authors to a git commit with this quick and easy tip.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Common HTTP status codes Cheat Sheet
|
||||
shortTitle: HTTP status codes
|
||||
type: cheatsheet
|
||||
tags: webdev,http
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/lake-runner.jpg
|
||||
excerpt: Familiarize yourself with the most common HTTP status codes with this handy cheatsheet.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I add a key-value pair to a JavaScript object?
|
||||
shortTitle: Add key-value pair to object
|
||||
type: question
|
||||
tags: javascript,object
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/pineapple-laptop.jpg
|
||||
excerpt: Adding a key-value pair to a JavaScript object is straightforward, yet there are multiple ways available to do so.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I compare two arrays in JavaScript?
|
||||
shortTitle: JavaScript array comparison
|
||||
type: question
|
||||
tags: javascript,array,comparison
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/coconuts.jpg
|
||||
excerpt: Learn how you can compare two arrays in JavaScript using various different techniques.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I check if a JavaScript array includes a specific value?
|
||||
shortTitle: JavaScript array includes value
|
||||
type: question
|
||||
tags: javascript,array
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/bridge-drop.jpg
|
||||
excerpt: Checking if an array includes a specific value is pretty straightforward, except when it comes to objects.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Can I use an arrow function as the callback for an event listener in Java
|
||||
shortTitle: Arrow function as callback for event listener
|
||||
type: question
|
||||
tags: javascript,browser,event,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/arrow-functions.jpg
|
||||
excerpt: Learn the differences between JavaScript ES6 arrow functions and regular functions and how they affect event listener callbacks.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Introduction to arrow functions in JavaScript
|
||||
shortTitle: Arrow functions introduction
|
||||
type: story
|
||||
tags: javascript,function
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What are the differences between arrow functions and regular functions in
|
||||
shortTitle: Arrow functions vs regular functions
|
||||
type: question
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/fallen-leaves.jpg
|
||||
excerpt: JavaScript's arrow functions are seemingly the same as regular functions, but there are some important differences you need to know.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Asynchronous array loops in JavaScript
|
||||
shortTitle: Asynchronous array loops
|
||||
type: story
|
||||
tags: javascript,array,function,promise
|
||||
expertise: advanced
|
||||
author: chalarangelo
|
||||
cover: blog_images/sunflowers.jpg
|
||||
excerpt: Asynchronously looping over arrays in JavaScript comes with a few caveats you should watch out for.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I add a timeout to a promise in JavaScript?
|
||||
shortTitle: Promise timeout
|
||||
type: question
|
||||
tags: javascript,promise,timeout,class
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I check for a blank value in JavaScript?
|
||||
shortTitle: Value is blank
|
||||
type: question
|
||||
tags: javascript,type
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/workspace-with-speaker.jpg
|
||||
excerpt: JavaScript doesn't have a built-in way to check if a value is blank, but it's easy to create one.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Where and how can I use the Boolean function in JavaScript?
|
||||
shortTitle: Boolean function use-cases
|
||||
type: question
|
||||
tags: javascript,function,type
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Boolean traps and how to avoid them
|
||||
shortTitle: Boolean traps
|
||||
type: story
|
||||
tags: javascript,function,type,boolean
|
||||
expertise: advanced
|
||||
author: chalarangelo
|
||||
cover: blog_images/lighthouse.jpg
|
||||
excerpt: Boolean traps can cause readability and maintainability issues in your code. Learn what they are, how to spot and fix them in this article.
|
||||
|
||||
@ -3,7 +3,6 @@ title: A cautionary tale about JavaScript callbacks
|
||||
shortTitle: Callback pitfalls
|
||||
type: story
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/rabbit-call.jpg
|
||||
excerpt: JavaScript callbacks are especially tricky when you're not careful. Take a deeper dive into potential issues and how to avoid them.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How does JavaScript's prototypal inheritance differ from classical inheri
|
||||
shortTitle: Prototypal vs classical inheritance
|
||||
type: question
|
||||
tags: javascript,object,class
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/last-light.jpg
|
||||
excerpt: Understanding the difference between these two object-oriented programming paradigms is key to taking your skills to the next level.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What are JavaScript closures?
|
||||
shortTitle: Closures introduction
|
||||
type: question
|
||||
tags: javascript,function,closure
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/cherry-trees.jpg
|
||||
excerpt: Learn and understand closures, a core concept in JavaScript programming, and level up your code.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I clone an array in JavaScript?
|
||||
shortTitle: Clone an array
|
||||
type: question
|
||||
tags: javascript,array
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/colorful-plastic.jpg
|
||||
excerpt: Pick up a few new tricks which you can use to clone arrays in JavaScript.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I compare two dates in JavaScript?
|
||||
shortTitle: Date comparison
|
||||
type: question
|
||||
tags: javascript,date,comparison
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/pineapple-at-work.jpg
|
||||
excerpt: Learn how you can compare two dates in JavaScript using various different techniques.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I deep freeze an object in JavaScript?
|
||||
shortTitle: Deep freeze object
|
||||
type: question
|
||||
tags: javascript,object
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/frozen-globe.jpg
|
||||
excerpt: Learn how mutability works in JavaScript, its applications to objects and how you can properly freeze them to make them constant.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Where and how can I use the destructuring assignment syntax in JavaScript
|
||||
shortTitle: Destructuring assignment introduction
|
||||
type: question
|
||||
tags: javascript,array,object
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/building-blocks.jpg
|
||||
excerpt: Learn the basics of the destructuring assignment syntax in JavaScript ES6 and improve your code with this easy guide.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I empty an array in JavaScript?
|
||||
shortTitle: Empty an array
|
||||
type: question
|
||||
tags: javascript,array
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between encodeURI() and encodeURIComponent() in Ja
|
||||
shortTitle: encodeURI() vs encodeURIComponent()
|
||||
type: question
|
||||
tags: javascript,browser
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/laptop-view.jpg
|
||||
excerpt: JavaScript provides two methods for encoding characters to URL-safe strings. Do you know when to use each one?
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I define an enum in JavaScript?
|
||||
shortTitle: Enum implementation
|
||||
type: question
|
||||
tags: javascript,object,class,symbol,generator
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/book-chair.jpg
|
||||
excerpt: Enums are part of TypeScript, but what about defining enums in plain old JavaScript? Here are a few way you can do that.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between JavaScript's equality operators?
|
||||
shortTitle: JavaScript equality operators
|
||||
type: question
|
||||
tags: javascript,type,comparison
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Understanding event bubbling, capturing and delegation in JavaScript
|
||||
shortTitle: Event bubbling, capturing and delegation
|
||||
type: story
|
||||
tags: javascript,browser,event
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/fishermen.jpg
|
||||
excerpt: Understand how events work in JavaScript and learn when to use event bubbling, event capturing and event delegation with this short guide.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the Event Loop in JavaScript?
|
||||
shortTitle: Event loop explained
|
||||
type: question
|
||||
tags: javascript,browser,event
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/tranquility.jpg
|
||||
excerpt: The Event Loop is a source of confusion for many developers, but it's a fundamental piece of the JavaScript engine.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Are JavaScript closures inherently evil?
|
||||
shortTitle: Closures and hidden state
|
||||
type: story
|
||||
tags: javascript,function,closure
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/silver-flat-screen.jpg
|
||||
excerpt: Closures are used frequently, yet often misunderstood. Understanding them in depth is crucial to be able to write clean, maintainable code.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between an expression and a statement in JavaScrip
|
||||
shortTitle: Expressions and statements
|
||||
type: question
|
||||
tags: javascript,type
|
||||
expertise: beginner
|
||||
author: chalarangelo
|
||||
cover: blog_images/forest-balcony.jpg
|
||||
excerpt: JavaScript distinguishes expressions and statements. Learn their differences in this short article.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between JavaScript's for...in, for...of and forEac
|
||||
shortTitle: JavaScript iteration methods comparison
|
||||
type: question
|
||||
tags: javascript,array,object,iterator
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Use JavaScript for loops if you need to break out early"
|
||||
shortTitle: For loops for early breaking
|
||||
type: tip
|
||||
tags: javascript,array,loop
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/armchair.jpg
|
||||
excerpt: JavaScript provides a handful of ways to iterate over data. While array methods are usually preferred, there are cases where a `for` loop is actually the best option.
|
||||
|
||||
@ -3,7 +3,6 @@ title: JavaScript function methods - call(), apply() and bind()
|
||||
shortTitle: Function methods - call(), apply() and bind()
|
||||
type: story
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/canoe.jpg
|
||||
excerpt: Learn everything you need to know about JavaScript's `Function.prototype.call()`, `Function.prototype.apply()` and `Function.prototype.bind()` with this short guide.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Understanding higher-order functions in JavaScript
|
||||
shortTitle: Higher-order functions
|
||||
type: story
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/rock-climbing.jpg
|
||||
excerpt: Learn everything you need to know about higher-order functions with this short guide and level up your programming skills.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is an IIFE in JavaScript?
|
||||
shortTitle: IIFE introduction
|
||||
type: question
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/tropical-waterfall.jpg
|
||||
excerpt: An Immediately Invoked Function Expression (IIFE) is a JavaScript trick that trips up many developers. Here's what you need to know.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Get the index of an array item in a JavaScript for...of loop"
|
||||
shortTitle: Array index in for...of loops
|
||||
type: tip
|
||||
tags: javascript,array,iterator
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/cave-view.jpg
|
||||
excerpt: Did you know you can get the index of an array item in a JavaScript for...of loop? Learn how with this bite-sized tip.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I convert an iterable to an array in JavaScript?
|
||||
shortTitle: Iterable to array
|
||||
type: question
|
||||
tags: javascript,object,array,string
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/waves.jpg
|
||||
excerpt: Learn how to use the JavaScript ES6 spread syntax to converting iterables to arrays and level up your code today.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What are JavaScript Iterators and where can I use them?
|
||||
shortTitle: JavaScript iterators introduction
|
||||
type: question
|
||||
tags: javascript,array,object,iterator
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Serialize specific properties from a JSON object"
|
||||
shortTitle: Selective property serialization
|
||||
type: tip
|
||||
tags: javascript,object,json
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/coffee-drip.jpg
|
||||
excerpt: Have you ever wanted to serialize an object but only include certain keys? Turns out JavaScript provides an easy way to do this!
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I execute an event handler at most once?
|
||||
shortTitle: Execute event handler only once
|
||||
type: question
|
||||
tags: javascript,browser,event
|
||||
expertise: intermediate
|
||||
author: maciv
|
||||
cover: blog_images/dog-waiting.jpg
|
||||
excerpt: Learn how to attach an event handler to events that is executed at most once in this JavaScript article.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Make any JavaScript value iterable"
|
||||
shortTitle: Make any value iterable
|
||||
type: tip
|
||||
tags: javascript,array,iterator,generator
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Where and how can I use memoization in JavaScript?
|
||||
shortTitle: Memoization introduction
|
||||
type: question
|
||||
tags: javascript,function,memoization
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/cherry-trees.jpg
|
||||
excerpt: Learn different ways to memoize function calls in JavaScript as well as when to use memoization to get the best performance results.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I merge two arrays in JavaScript?
|
||||
shortTitle: Merge arrays
|
||||
type: question
|
||||
tags: javascript,array
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I use JavaScript to modify the URL without reloading the page?
|
||||
shortTitle: Modify URL without reloading
|
||||
type: question
|
||||
tags: javascript,browser
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/compass.jpg
|
||||
excerpt: Learn all of the options JavaScript provides for modifying the URL of the current page in the browser without reloading the page.
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
title: JavaScript modules Cheat Sheet
|
||||
type: cheatsheet
|
||||
tags: javascript,cheatsheet
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/mountain-lake-2.jpg
|
||||
excerpt: Learn everything you need to know about JavaScript modules with this handy cheatsheet.
|
||||
|
||||
@ -3,7 +3,6 @@ title: JavaScript naming conventions
|
||||
shortTitle: Naming conventions
|
||||
type: story
|
||||
tags: javascript,variable,cheatsheet
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How can I use optional chaining and nullish coalescing in my JavaScript p
|
||||
shortTitle: Optional chaining and nullish coalescing
|
||||
type: question
|
||||
tags: javascript,type
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/purple-leaves.jpg
|
||||
excerpt: JavaScript ES2020 introduced optional chaining and nullish coalescing among other features. Learn everything you need to know with this quick guide.
|
||||
|
||||
@ -3,7 +3,6 @@ title: JavaScript's numeric separators explained
|
||||
shortTitle: Numeric separators explained
|
||||
type: story
|
||||
tags: javascript,math,type
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Can I use an object as an array without modifying it in JavaScript?
|
||||
shortTitle: Object as array
|
||||
type: question
|
||||
tags: javascript,object,array,proxy,iterator,pattern
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: How do I compare two objects in JavaScript?
|
||||
shortTitle: Object comparison
|
||||
type: question
|
||||
tags: javascript,object,comparison
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/blue-lake.jpg
|
||||
excerpt: Learn how you can compare two objects in JavaScript using various different techniques.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What's the difference between Object.is() and the triple equals operator
|
||||
shortTitle: Object.is() vs triple equals operator
|
||||
type: question
|
||||
tags: javascript,object,type
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/rocky-mountains.jpg
|
||||
excerpt: "`Object.is()` and the triple equals operator (`===`) can both be used for equality checking in JavaScript, but when should you use each one?"
|
||||
|
||||
@ -3,7 +3,6 @@ title: Is JavaScript pass-by-value or pass-by-reference?
|
||||
shortTitle: Pass-by-value or pass-by-reference
|
||||
type: question
|
||||
tags: javascript,function,object
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: What is the difference between prefix and postfix operators?
|
||||
shortTitle: Prefix and postfix operators
|
||||
type: question
|
||||
tags: javascript,math
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Pretty-print a JSON object with JavaScript"
|
||||
shortTitle: Pretty-print JSON
|
||||
type: tip
|
||||
tags: javascript,object,json
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/memories-of-pineapple-3.jpg
|
||||
excerpt: Pretty-printing JSON objects in pretty easy and customizable in JavaScript. Here's the gist of it.
|
||||
|
||||
@ -3,7 +3,6 @@ title: "Tip: Prevent a string from being escaped in JavaScript"
|
||||
shortTitle: Prevent string escaping
|
||||
type: tip
|
||||
tags: javascript,string
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -3,7 +3,6 @@ title: Is there a way to use instanceof for primitive JavaScript values?
|
||||
shortTitle: Using instanceof for primitive values
|
||||
type: question
|
||||
tags: javascript,type
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/wooden-bowl.jpg
|
||||
excerpt: JavaScript's `instanceof` operator can't be used with primitive values, but there are a couple of simple tricks that you can leverage to your advantage.
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user