Merge pull request #23 from 30-seconds/expertise-field
Make expertise a field
This commit is contained in:
Angelos Chalaris
GitHub
@ -33,6 +33,7 @@ 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 10 must-have VS Code extensions for JavaScript developers
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 25 CSS gradients for your next project
|
||||
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!
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 4 JavaScript Array methods you must know
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 4 SEO tips for developers
|
||||
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,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 6 JavaScript Regular Expression features you can use today
|
||||
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,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 7 essential Chrome extensions for web developers
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 8 tips for accessible websites
|
||||
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,6 +2,7 @@
|
||||
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,6 +2,7 @@
|
||||
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,6 +2,7 @@
|
||||
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,6 +2,7 @@
|
||||
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?
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Code Anatomy - 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Code Anatomy - 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Code Anatomy - Writing high performance 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,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I copy text to clipboard with JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: 4 ways to center 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are 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,6 +2,7 @@
|
||||
title: "Tip: Select any link with CSS"
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are CSS variables and where can I use them?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I detect if Caps Lock is on with JavaScript?
|
||||
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,6 +2,7 @@
|
||||
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,6 +2,7 @@
|
||||
title: "Tip: Refactoring your 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,6 +2,7 @@
|
||||
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,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How does Git's fast-forward mode work?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: How to 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Common HTTP status codes Cheat Sheet
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I compare two arrays in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +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
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Introduction to arrow functions in JavaScript
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are the differences between arrow functions and regular functions in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Asynchronous array loops in JavaScript
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I add a timeout to a promise in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Where and how can I use the Boolean function in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Boolean traps and how to avoid them
|
||||
type: story
|
||||
tags: javascript,function,type,boolean
|
||||
expertise: advanced
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: A cautionary tale about JavaScript callbacks
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How does JavaScript's prototypal inheritance differ from classical inheritance?
|
||||
type: question
|
||||
tags: javascript,object,class
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are JavaScript closures?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I clone an array in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I compare two dates in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I deep freeze an object in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Where and how can I use the destructuring assignment syntax in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I empty an array in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between encodeURI() and encodeURIComponent() in JavaScript?
|
||||
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?
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I define an enum in JavaScript?
|
||||
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 defininf enums in plain old JavaScript? Here are a few way you can do that.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between JavaScript's 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Understanding event bubbling, capturing and delegation in JavaScript
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between an expression and a statement in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between JavaScript's for...in, for...of and forEach?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Use JavaScript for loops if you need to break out early"
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: JavaScript 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Understanding higher-order functions in JavaScript
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is an IIFE in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Get the index of an array item in a JavaScript for...of loop"
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I convert an iterable to an array in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are JavaScript Iterators and where can I use them?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Serialize specific properties from a JSON object"
|
||||
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!
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I execute an event handler at most 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Make any JavaScript 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Where and how can I use memoization in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I merge two arrays in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I use JavaScript to modify the URL without reloading the page?
|
||||
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,6 +2,7 @@
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: JavaScript 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I use optional chaining and nullish coalescing in my JavaScript project?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: JavaScript's 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.
|
||||
|
||||
@ -2,6 +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
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I compare two objects in JavaScript?
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What's the difference between Object.is() and the triple equals operator in JavaScript?
|
||||
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?"
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Is JavaScript 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Prevent a string from being escaped in JavaScript"
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Is there a way to use instanceof for primitive JavaScript 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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: The order of then and catch matters"
|
||||
type: tip
|
||||
tags: javascript,function,promise
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between then and finally in a JavaScript promise?
|
||||
type: question
|
||||
tags: javascript,function,promise
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What are promises in JavaScript? In which states can a promise be?
|
||||
type: question
|
||||
tags: javascript,function,promise
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is a pure function?
|
||||
type: question
|
||||
tags: javascript,function
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Create your own query selector shorthand"
|
||||
type: tip
|
||||
tags: javascript,browser
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/pineapple-at-work.jpg
|
||||
excerpt: Ever wanted to create your own jquery-like query selector shorthand? Here's how!
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Using JavaScript generator functions for ranges
|
||||
type: story
|
||||
tags: javascript,function,array
|
||||
expertise: advanced
|
||||
author: chalarangelo
|
||||
cover: blog_images/generator.jpg
|
||||
excerpt: Learn how to use JavaScript ES6 generators and iterators to iterate over ranges of numbers.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is recursion and when is it useful?
|
||||
type: question
|
||||
tags: javascript,function,recursion
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/curve.jpg
|
||||
excerpt: Recursion is a very important programming concept all developers should be familiar with.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I remove a property from a JavaScript object?
|
||||
type: question
|
||||
tags: javascript,object
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What does a JavaScript constructor return?
|
||||
type: question
|
||||
tags: javascript,function,class,object
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How do I clone an object in JavaScript?
|
||||
type: question
|
||||
tags: javascript,object
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I implement a singleton in JavaScript?
|
||||
type: question
|
||||
tags: javascript,object,function,proxy,pattern
|
||||
expertise: advanced
|
||||
author: chalarangelo
|
||||
cover: blog_images/obelisk.jpg
|
||||
excerpt: Learn how to implement the singleton design pattern in JavaScript, using the Proxy object.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: How can I implement a sleep function in JavaScript?
|
||||
type: question
|
||||
tags: javascript,date,promise
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/sleepy-cat.jpg
|
||||
excerpt: Learn all the different ways you can implement a `sleep()` function in JavaScript.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Understanding the spread and rest syntax in Javascript
|
||||
type: story
|
||||
tags: javascript,array,function
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: Minimize DOM access"
|
||||
type: tip
|
||||
tags: javascript,browser
|
||||
expertise: intermediate
|
||||
author: chalarangelo
|
||||
cover: blog_images/armchair.jpg
|
||||
excerpt: Increase your JavaScript code's performance when working with the DOM by leveraging this simple trick.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Are JavaScript strings immutable?
|
||||
type: question
|
||||
tags: javascript,string,type
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: "Tip: How to swap two variables in JavaScript"
|
||||
type: tip
|
||||
tags: javascript,array,variables
|
||||
expertise: beginner
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: Replacing JavaScript switch statement with object literals
|
||||
type: story
|
||||
tags: javascript,object
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
title: What is the difference between synchronous and asynchronous code in JavaScript?
|
||||
type: question
|
||||
tags: javascript,function,promise
|
||||
expertise: intermediate
|
||||
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.
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user