diff --git a/blog_posts/10-vs-code-extensions-for-js-developers.md b/blog_posts/10-vs-code-extensions-for-js-developers.md index 1e0faba0e..cf4ab69cd 100644 --- a/blog_posts/10-vs-code-extensions-for-js-developers.md +++ b/blog_posts/10-vs-code-extensions-for-js-developers.md @@ -1,5 +1,6 @@ --- title: 10 must-have VS Code extensions for JavaScript developers +shortTitle: Essential VS Code extensions type: story tags: devtools,vscode expertise: intermediate diff --git a/blog_posts/25-css-gradients.md b/blog_posts/25-css-gradients.md index a7699b710..b8706c370 100644 --- a/blog_posts/25-css-gradients.md +++ b/blog_posts/25-css-gradients.md @@ -1,5 +1,6 @@ --- title: 25 CSS gradients for your next project +shortTitle: CSS gradients type: cheatsheet tags: css,visual expertise: beginner diff --git a/blog_posts/4-javascript-array-methods.md b/blog_posts/4-javascript-array-methods.md index 7e575abca..0fa31afda 100644 --- a/blog_posts/4-javascript-array-methods.md +++ b/blog_posts/4-javascript-array-methods.md @@ -1,5 +1,6 @@ --- title: 4 JavaScript Array methods you must know +shortTitle: Useful array methods type: story tags: javascript,array,cheatsheet expertise: beginner diff --git a/blog_posts/4-seo-tips-for-developers.md b/blog_posts/4-seo-tips-for-developers.md index 9187828fd..d49b18eb9 100644 --- a/blog_posts/4-seo-tips-for-developers.md +++ b/blog_posts/4-seo-tips-for-developers.md @@ -1,5 +1,6 @@ --- title: 4 SEO tips for developers +shortTitle: SEO tips type: story tags: seo,webdev expertise: intermediate diff --git a/blog_posts/6-javascript-regexp-tricks.md b/blog_posts/6-javascript-regexp-tricks.md index 881ae5dd7..98bbd7b7a 100644 --- a/blog_posts/6-javascript-regexp-tricks.md +++ b/blog_posts/6-javascript-regexp-tricks.md @@ -1,5 +1,6 @@ --- title: 6 JavaScript Regular Expression features you can use today +shortTitle: JavaScript Regular Expression tips type: story tags: javascript,string,regexp expertise: advanced diff --git a/blog_posts/7-chrome-extensions-for-web-developers.md b/blog_posts/7-chrome-extensions-for-web-developers.md index f6bdc46fd..c116f427b 100644 --- a/blog_posts/7-chrome-extensions-for-web-developers.md +++ b/blog_posts/7-chrome-extensions-for-web-developers.md @@ -1,5 +1,6 @@ --- title: 7 essential Chrome extensions for web developers +shortTitle: Essential Chrome extensions type: story tags: devtools,webdev expertise: intermediate diff --git a/blog_posts/8-tips-for-accessible-websites.md b/blog_posts/8-tips-for-accessible-websites.md index 97b17f959..1149197b5 100644 --- a/blog_posts/8-tips-for-accessible-websites.md +++ b/blog_posts/8-tips-for-accessible-websites.md @@ -1,5 +1,6 @@ --- title: 8 tips for accessible websites +shortTitle: Accessibility tips type: story tags: javascript,accessibility,webdev expertise: beginner diff --git a/blog_posts/code-anatomy-chaining-reduce-for-loop.md b/blog_posts/code-anatomy-chaining-reduce-for-loop.md index 7645d6c3e..d2e1da179 100644 --- a/blog_posts/code-anatomy-chaining-reduce-for-loop.md +++ b/blog_posts/code-anatomy-chaining-reduce-for-loop.md @@ -1,5 +1,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 diff --git a/blog_posts/code-anatomy-optimizing-recursion.md b/blog_posts/code-anatomy-optimizing-recursion.md index 6a8bfbc77..1df956107 100644 --- a/blog_posts/code-anatomy-optimizing-recursion.md +++ b/blog_posts/code-anatomy-optimizing-recursion.md @@ -1,5 +1,6 @@ --- title: Code Anatomy - Optimizing recursive functions +shortTitle: Optimizing recursive functions type: story tags: javascript,recursion,performance expertise: intermediate diff --git a/blog_posts/code-anatomy-performant-python.md b/blog_posts/code-anatomy-performant-python.md index 41c9ba1c2..79c02c380 100644 --- a/blog_posts/code-anatomy-performant-python.md +++ b/blog_posts/code-anatomy-performant-python.md @@ -1,5 +1,6 @@ --- title: Code Anatomy - Writing high performance Python code +shortTitle: Performant Python code type: story tags: python,list,performance expertise: beginner diff --git a/blog_posts/cookies-local-storage-session.md b/blog_posts/cookies-local-storage-session.md index 8542b6f08..295c99f64 100644 --- a/blog_posts/cookies-local-storage-session.md +++ b/blog_posts/cookies-local-storage-session.md @@ -1,5 +1,6 @@ --- title: What is the difference between cookies, local storage, and session storage? +shortTitle: Cookies, local storage, and session storage type: question tags: javascript,browser,webdev expertise: beginner diff --git a/blog_posts/copy-text-to-clipboard-with-javascript.md b/blog_posts/copy-text-to-clipboard-with-javascript.md index 04113ee94..4c5ac5685 100644 --- a/blog_posts/copy-text-to-clipboard-with-javascript.md +++ b/blog_posts/copy-text-to-clipboard-with-javascript.md @@ -1,5 +1,6 @@ --- title: How can I copy text to clipboard with JavaScript? +shortTitle: Copy text to clipboard type: question tags: javascript,browser expertise: intermediate diff --git a/blog_posts/css-centering.md b/blog_posts/css-centering.md index a2c8b413e..8e45a7318 100644 --- a/blog_posts/css-centering.md +++ b/blog_posts/css-centering.md @@ -1,5 +1,6 @@ --- title: 4 ways to center content with CSS +shortTitle: Centering content with CSS type: story tags: css,layout expertise: beginner diff --git a/blog_posts/css-easing-variables.md b/blog_posts/css-easing-variables.md index 5c1175847..73931ed82 100644 --- a/blog_posts/css-easing-variables.md +++ b/blog_posts/css-easing-variables.md @@ -1,5 +1,6 @@ --- title: "Tip: CSS easing variables" +shortTitle: CSS easing variables type: tip tags: css,animation expertise: intermediate diff --git a/blog_posts/css-nested-border-radius.md b/blog_posts/css-nested-border-radius.md index 716766db3..dc5d48cd8 100644 --- a/blog_posts/css-nested-border-radius.md +++ b/blog_posts/css-nested-border-radius.md @@ -1,5 +1,6 @@ --- title: "Tip: Perfect nested border radius in CSS" +shortTitle: Perfect nested border radius in CSS type: story tags: css,visual expertise: beginner diff --git a/blog_posts/css-pseudo-classes.md b/blog_posts/css-pseudo-classes.md index 0f3c7b028..d4c605bf5 100644 --- a/blog_posts/css-pseudo-classes.md +++ b/blog_posts/css-pseudo-classes.md @@ -1,5 +1,6 @@ --- title: What are CSS pseudo-classes? +shortTitle: CSS pseudo-classes type: question tags: css,webdev expertise: beginner diff --git a/blog_posts/css-select-any-link.md b/blog_posts/css-select-any-link.md index c44ddc3f0..6f0cff7ad 100644 --- a/blog_posts/css-select-any-link.md +++ b/blog_posts/css-select-any-link.md @@ -1,5 +1,6 @@ --- title: "Tip: Select any link with CSS" +shortTitle: "CSS :any-link selector" type: tip tags: css,visual,interactivity expertise: beginner diff --git a/blog_posts/css-variables.md b/blog_posts/css-variables.md index 917661064..bb6962bf0 100644 --- a/blog_posts/css-variables.md +++ b/blog_posts/css-variables.md @@ -1,5 +1,6 @@ --- title: What are CSS variables and where can I use them? +shortTitle: CSS variables type: question tags: css,visual,layout expertise: intermediate diff --git a/blog_posts/custom-file-download-names.md b/blog_posts/custom-file-download-names.md index 2aef4bdbb..b92b431c0 100644 --- a/blog_posts/custom-file-download-names.md +++ b/blog_posts/custom-file-download-names.md @@ -1,5 +1,6 @@ --- title: "Tip: Customize the names of downloadable files" +shortTitle: Customize the names of downloadable files type: tip tags: webdev,html,browser expertise: beginner diff --git a/blog_posts/detect-caps-lock-is-on.md b/blog_posts/detect-caps-lock-is-on.md index 4b499e92e..1c42dd259 100644 --- a/blog_posts/detect-caps-lock-is-on.md +++ b/blog_posts/detect-caps-lock-is-on.md @@ -1,5 +1,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 diff --git a/blog_posts/eslint-refactor-for-in.md b/blog_posts/eslint-refactor-for-in.md index 6941081ac..374bb1663 100644 --- a/blog_posts/eslint-refactor-for-in.md +++ b/blog_posts/eslint-refactor-for-in.md @@ -1,5 +1,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 diff --git a/blog_posts/git-commit-different-date.md b/blog_posts/git-commit-different-date.md index 21ebf8480..3a2b84ea9 100644 --- a/blog_posts/git-commit-different-date.md +++ b/blog_posts/git-commit-different-date.md @@ -1,5 +1,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 diff --git a/blog_posts/git-fast-forward.md b/blog_posts/git-fast-forward.md index ac3087066..d5e12bb9f 100644 --- a/blog_posts/git-fast-forward.md +++ b/blog_posts/git-fast-forward.md @@ -1,5 +1,6 @@ --- title: How does Git's fast-forward mode work? +shortTitle: Git fast-forward type: question tags: git,branch expertise: intermediate diff --git a/blog_posts/github-co-authors.md b/blog_posts/github-co-authors.md index e4fa4114a..b8fdd85f1 100644 --- a/blog_posts/github-co-authors.md +++ b/blog_posts/github-co-authors.md @@ -1,5 +1,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 diff --git a/blog_posts/http-status-codes-cheatsheet.md b/blog_posts/http-status-codes-cheatsheet.md index 980ad37fb..46f5d4c10 100644 --- a/blog_posts/http-status-codes-cheatsheet.md +++ b/blog_posts/http-status-codes-cheatsheet.md @@ -1,5 +1,6 @@ --- title: Common HTTP status codes Cheat Sheet +shortTitle: HTTP status codes type: cheatsheet tags: webdev,http expertise: beginner diff --git a/blog_posts/javascript-array-comparison.md b/blog_posts/javascript-array-comparison.md index 0d5821c8c..ce275e0c7 100644 --- a/blog_posts/javascript-array-comparison.md +++ b/blog_posts/javascript-array-comparison.md @@ -1,5 +1,6 @@ --- title: How do I compare two arrays in JavaScript? +shortTitle: JavaScript array comparison type: question tags: javascript,array,comparison expertise: intermediate diff --git a/blog_posts/javascript-arrow-function-event-listeners.md b/blog_posts/javascript-arrow-function-event-listeners.md index 5ccd5704f..93bf461a9 100644 --- a/blog_posts/javascript-arrow-function-event-listeners.md +++ b/blog_posts/javascript-arrow-function-event-listeners.md @@ -1,5 +1,6 @@ --- title: Can I use an arrow function as the callback for an event listener in JavaScript? +shortTitle: Arrow function as callback for event listener type: question tags: javascript,browser,event,function expertise: intermediate diff --git a/blog_posts/javascript-arrow-functions.md b/blog_posts/javascript-arrow-functions.md index b3a5952f4..bde597fa6 100644 --- a/blog_posts/javascript-arrow-functions.md +++ b/blog_posts/javascript-arrow-functions.md @@ -1,5 +1,6 @@ --- title: Introduction to arrow functions in JavaScript +shortTitle: Arrow functions introduction type: story tags: javascript,function expertise: beginner diff --git a/blog_posts/javascript-arrow-regular-function-differences.md b/blog_posts/javascript-arrow-regular-function-differences.md index fb01d4953..6883c7839 100644 --- a/blog_posts/javascript-arrow-regular-function-differences.md +++ b/blog_posts/javascript-arrow-regular-function-differences.md @@ -1,5 +1,6 @@ --- title: What are the differences between arrow functions and regular functions in JavaScript? +shortTitle: Arrow functions vs regular functions type: question tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-async-array-loops.md b/blog_posts/javascript-async-array-loops.md index d2db4a9ca..e47b38728 100644 --- a/blog_posts/javascript-async-array-loops.md +++ b/blog_posts/javascript-async-array-loops.md @@ -1,5 +1,6 @@ --- title: Asynchronous array loops in JavaScript +shortTitle: Asynchronous array loops type: story tags: javascript,array,function,promise expertise: advanced diff --git a/blog_posts/javascript-await-timeout.md b/blog_posts/javascript-await-timeout.md index 9bd90eb40..75df8f4a7 100644 --- a/blog_posts/javascript-await-timeout.md +++ b/blog_posts/javascript-await-timeout.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-boolean-function.md b/blog_posts/javascript-boolean-function.md index cee5b881f..aadb89ebe 100644 --- a/blog_posts/javascript-boolean-function.md +++ b/blog_posts/javascript-boolean-function.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-boolean-trap.md b/blog_posts/javascript-boolean-trap.md index d9ce49093..0caa21931 100644 --- a/blog_posts/javascript-boolean-trap.md +++ b/blog_posts/javascript-boolean-trap.md @@ -1,5 +1,6 @@ --- title: Boolean traps and how to avoid them +shortTitle: Boolean traps type: story tags: javascript,function,type,boolean expertise: advanced diff --git a/blog_posts/javascript-callbacks.md b/blog_posts/javascript-callbacks.md index 8c167d541..daef27734 100644 --- a/blog_posts/javascript-callbacks.md +++ b/blog_posts/javascript-callbacks.md @@ -1,5 +1,6 @@ --- title: A cautionary tale about JavaScript callbacks +shortTitle: Callback pitfalls type: story tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-classical-vs-prototypal-inheritance.md b/blog_posts/javascript-classical-vs-prototypal-inheritance.md index 8ce53b574..27430cd16 100644 --- a/blog_posts/javascript-classical-vs-prototypal-inheritance.md +++ b/blog_posts/javascript-classical-vs-prototypal-inheritance.md @@ -1,5 +1,6 @@ --- title: How does JavaScript's prototypal inheritance differ from classical inheritance? +shortTitle: Prototypal vs classical inheritance type: question tags: javascript,object,class expertise: intermediate diff --git a/blog_posts/javascript-closures.md b/blog_posts/javascript-closures.md index f3a2bf348..05e4895ff 100644 --- a/blog_posts/javascript-closures.md +++ b/blog_posts/javascript-closures.md @@ -1,5 +1,6 @@ --- title: What are JavaScript closures? +shortTitle: Closures introduction type: question tags: javascript,function,closure expertise: intermediate diff --git a/blog_posts/javascript-copy-array.md b/blog_posts/javascript-copy-array.md index 52354f573..2b1de7f99 100644 --- a/blog_posts/javascript-copy-array.md +++ b/blog_posts/javascript-copy-array.md @@ -1,5 +1,6 @@ --- title: How can I clone an array in JavaScript? +shortTitle: Clone an array type: question tags: javascript,array expertise: beginner diff --git a/blog_posts/javascript-date-comparison.md b/blog_posts/javascript-date-comparison.md index 19f78a850..ff0530942 100644 --- a/blog_posts/javascript-date-comparison.md +++ b/blog_posts/javascript-date-comparison.md @@ -1,5 +1,6 @@ --- title: How do I compare two dates in JavaScript? +shortTitle: Date comparison type: question tags: javascript,date,comparison expertise: beginner diff --git a/blog_posts/javascript-deep-freeze-object.md b/blog_posts/javascript-deep-freeze-object.md index a902487b3..50e388dcd 100644 --- a/blog_posts/javascript-deep-freeze-object.md +++ b/blog_posts/javascript-deep-freeze-object.md @@ -1,5 +1,6 @@ --- title: How can I deep freeze an object in JavaScript? +shortTitle: Deep freeze object type: question tags: javascript,object expertise: intermediate diff --git a/blog_posts/javascript-destructuring-assignment.md b/blog_posts/javascript-destructuring-assignment.md index 54b84c951..642a96f27 100644 --- a/blog_posts/javascript-destructuring-assignment.md +++ b/blog_posts/javascript-destructuring-assignment.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-empty-array.md b/blog_posts/javascript-empty-array.md index a0bd8f17e..8c1fcf62c 100644 --- a/blog_posts/javascript-empty-array.md +++ b/blog_posts/javascript-empty-array.md @@ -1,5 +1,6 @@ --- title: How do I empty an array in JavaScript? +shortTitle: Empty an array type: question tags: javascript,array expertise: beginner diff --git a/blog_posts/javascript-encodeuri-encodeuricomponent.md b/blog_posts/javascript-encodeuri-encodeuricomponent.md index f5c749538..4b6bc5dd4 100644 --- a/blog_posts/javascript-encodeuri-encodeuricomponent.md +++ b/blog_posts/javascript-encodeuri-encodeuricomponent.md @@ -1,5 +1,6 @@ --- title: What is the difference between encodeURI() and encodeURIComponent() in JavaScript? +shortTitle: encodeURI() vs encodeURIComponent() type: question tags: javascript,browser expertise: intermediate diff --git a/blog_posts/javascript-enum.md b/blog_posts/javascript-enum.md index 0199f0f34..2aefec4da 100644 --- a/blog_posts/javascript-enum.md +++ b/blog_posts/javascript-enum.md @@ -1,5 +1,6 @@ --- title: How can I define an enum in JavaScript? +shortTitle: Enum implementation type: question tags: javascript,object,class,symbol,generator expertise: intermediate diff --git a/blog_posts/javascript-equality.md b/blog_posts/javascript-equality.md index 5c03bb834..38e407b7c 100644 --- a/blog_posts/javascript-equality.md +++ b/blog_posts/javascript-equality.md @@ -1,5 +1,6 @@ --- title: What is the difference between JavaScript's equality operators? +shortTitle: JavaScript equality operators type: question tags: javascript,type,comparison expertise: beginner diff --git a/blog_posts/javascript-event-bubbling-capturing-delegation.md b/blog_posts/javascript-event-bubbling-capturing-delegation.md index 24a52df24..93bf4a97b 100644 --- a/blog_posts/javascript-event-bubbling-capturing-delegation.md +++ b/blog_posts/javascript-event-bubbling-capturing-delegation.md @@ -1,5 +1,6 @@ --- title: Understanding event bubbling, capturing and delegation in JavaScript +shortTitle: Event bubbling, capturing and delegation type: story tags: javascript,browser,event expertise: intermediate diff --git a/blog_posts/javascript-expression-statement.md b/blog_posts/javascript-expression-statement.md index 0d7c04d76..568304b77 100644 --- a/blog_posts/javascript-expression-statement.md +++ b/blog_posts/javascript-expression-statement.md @@ -1,5 +1,6 @@ --- title: What is the difference between an expression and a statement in JavaScript? +shortTitle: Expressions and statements type: question tags: javascript,type expertise: beginner diff --git a/blog_posts/javascript-for-in-for-of-foreach.md b/blog_posts/javascript-for-in-for-of-foreach.md index 0f1fd92ef..0236a6cec 100644 --- a/blog_posts/javascript-for-in-for-of-foreach.md +++ b/blog_posts/javascript-for-in-for-of-foreach.md @@ -1,5 +1,6 @@ --- title: What is the difference between JavaScript's for...in, for...of and forEach? +shortTitle: JavaScript iteration methods comparison type: question tags: javascript,array,object,iterator expertise: beginner diff --git a/blog_posts/javascript-for-loop-early-break.md b/blog_posts/javascript-for-loop-early-break.md index c8c2c4bde..d926c77cb 100644 --- a/blog_posts/javascript-for-loop-early-break.md +++ b/blog_posts/javascript-for-loop-early-break.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-function-call-apply-bind.md b/blog_posts/javascript-function-call-apply-bind.md index ecfe61ed2..b8554a298 100644 --- a/blog_posts/javascript-function-call-apply-bind.md +++ b/blog_posts/javascript-function-call-apply-bind.md @@ -1,5 +1,6 @@ --- title: JavaScript function methods - call(), apply() and bind() +shortTitle: Function methods - call(), apply() and bind() type: story tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-higher-order-functions.md b/blog_posts/javascript-higher-order-functions.md index 0e72cc298..b96dbd68b 100644 --- a/blog_posts/javascript-higher-order-functions.md +++ b/blog_posts/javascript-higher-order-functions.md @@ -1,5 +1,6 @@ --- title: Understanding higher-order functions in JavaScript +shortTitle: Higher-order functions type: story tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-iife.md b/blog_posts/javascript-iife.md index ea79dc5e6..6f1f81a3d 100644 --- a/blog_posts/javascript-iife.md +++ b/blog_posts/javascript-iife.md @@ -1,5 +1,6 @@ --- title: What is an IIFE in JavaScript? +shortTitle: IIFE introduction type: question tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-index-for-of-loop.md b/blog_posts/javascript-index-for-of-loop.md index 400359d84..5633f1d72 100644 --- a/blog_posts/javascript-index-for-of-loop.md +++ b/blog_posts/javascript-index-for-of-loop.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-iterable-to-array.md b/blog_posts/javascript-iterable-to-array.md index fa33dcdcc..f08036105 100644 --- a/blog_posts/javascript-iterable-to-array.md +++ b/blog_posts/javascript-iterable-to-array.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-iterators.md b/blog_posts/javascript-iterators.md index 126ceb2ec..0a2437364 100644 --- a/blog_posts/javascript-iterators.md +++ b/blog_posts/javascript-iterators.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-json-stringify-pick-keys.md b/blog_posts/javascript-json-stringify-pick-keys.md index 1f9f3a1fd..de75a8674 100644 --- a/blog_posts/javascript-json-stringify-pick-keys.md +++ b/blog_posts/javascript-json-stringify-pick-keys.md @@ -1,5 +1,6 @@ --- title: "Tip: Serialize specific properties from a JSON object" +shortTitle: Selective property serialization type: tip tags: javascript,object,json expertise: intermediate diff --git a/blog_posts/javascript-listen-once.md b/blog_posts/javascript-listen-once.md index 903cd466c..6d1985529 100644 --- a/blog_posts/javascript-listen-once.md +++ b/blog_posts/javascript-listen-once.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-make-iterable.md b/blog_posts/javascript-make-iterable.md index da2f700ad..c8cf0d3d6 100644 --- a/blog_posts/javascript-make-iterable.md +++ b/blog_posts/javascript-make-iterable.md @@ -1,5 +1,6 @@ --- title: "Tip: Make any JavaScript value iterable" +shortTitle: Make any value iterable type: tip tags: javascript,array,iterator,generator expertise: advanced diff --git a/blog_posts/javascript-memoization.md b/blog_posts/javascript-memoization.md index c5d086893..02893bdea 100644 --- a/blog_posts/javascript-memoization.md +++ b/blog_posts/javascript-memoization.md @@ -1,5 +1,6 @@ --- title: Where and how can I use memoization in JavaScript? +shortTitle: Memoization introduction type: question tags: javascript,function,memoization expertise: intermediate diff --git a/blog_posts/javascript-merge-arrays.md b/blog_posts/javascript-merge-arrays.md index 5b0aca011..d6f557778 100644 --- a/blog_posts/javascript-merge-arrays.md +++ b/blog_posts/javascript-merge-arrays.md @@ -1,5 +1,6 @@ --- title: How do I merge two arrays in JavaScript? +shortTitle: Merge arrays type: question tags: javascript,array expertise: beginner diff --git a/blog_posts/javascript-modify-url-without-reload.md b/blog_posts/javascript-modify-url-without-reload.md index d3cc421cf..017333d0d 100644 --- a/blog_posts/javascript-modify-url-without-reload.md +++ b/blog_posts/javascript-modify-url-without-reload.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-naming-conventions.md b/blog_posts/javascript-naming-conventions.md index b792a126f..27a8861ba 100644 --- a/blog_posts/javascript-naming-conventions.md +++ b/blog_posts/javascript-naming-conventions.md @@ -1,5 +1,6 @@ --- title: JavaScript naming conventions +shortTitle: Naming conventions type: story tags: javascript,variable,cheatsheet expertise: beginner diff --git a/blog_posts/javascript-nullish-coalescing-optional-chaining.md b/blog_posts/javascript-nullish-coalescing-optional-chaining.md index 69c7ad747..91d332cca 100644 --- a/blog_posts/javascript-nullish-coalescing-optional-chaining.md +++ b/blog_posts/javascript-nullish-coalescing-optional-chaining.md @@ -1,5 +1,6 @@ --- title: How can I use optional chaining and nullish coalescing in my JavaScript project? +shortTitle: Optional chaining and nullish coalescing type: question tags: javascript,type expertise: intermediate diff --git a/blog_posts/javascript-numeric-separator.md b/blog_posts/javascript-numeric-separator.md index 073ef2011..a9ef30643 100644 --- a/blog_posts/javascript-numeric-separator.md +++ b/blog_posts/javascript-numeric-separator.md @@ -1,5 +1,6 @@ --- title: JavaScript's numeric separators explained +shortTitle: Numeric separators explained type: story tags: javascript,math,type expertise: beginner diff --git a/blog_posts/javascript-object-array-proxy.md b/blog_posts/javascript-object-array-proxy.md index 1a8e66e1f..d9f1dae9b 100644 --- a/blog_posts/javascript-object-array-proxy.md +++ b/blog_posts/javascript-object-array-proxy.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-object-comparison.md b/blog_posts/javascript-object-comparison.md index 3680b3d0d..58647761a 100644 --- a/blog_posts/javascript-object-comparison.md +++ b/blog_posts/javascript-object-comparison.md @@ -1,5 +1,6 @@ --- title: How do I compare two objects in JavaScript? +shortTitle: Object comparison type: question tags: javascript,object,comparison expertise: intermediate diff --git a/blog_posts/javascript-object-is-triple-equals.md b/blog_posts/javascript-object-is-triple-equals.md index 3831c9ef9..a73a35057 100644 --- a/blog_posts/javascript-object-is-triple-equals.md +++ b/blog_posts/javascript-object-is-triple-equals.md @@ -1,5 +1,6 @@ --- title: What's the difference between Object.is() and the triple equals operator in JavaScript? +shortTitle: Object.is() vs triple equals operator type: question tags: javascript,object,type expertise: intermediate diff --git a/blog_posts/javascript-pass-by-reference-or-pass-by-value.md b/blog_posts/javascript-pass-by-reference-or-pass-by-value.md index dddb01978..3e6e23457 100644 --- a/blog_posts/javascript-pass-by-reference-or-pass-by-value.md +++ b/blog_posts/javascript-pass-by-reference-or-pass-by-value.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-prefix-postfix-operators.md b/blog_posts/javascript-prefix-postfix-operators.md index 2a9e1ffa7..c2003cc48 100644 --- a/blog_posts/javascript-prefix-postfix-operators.md +++ b/blog_posts/javascript-prefix-postfix-operators.md @@ -1,5 +1,6 @@ --- title: What is the difference between prefix and postfix operators? +shortTitle: Prefix and postfix operators type: question tags: javascript,math expertise: beginner diff --git a/blog_posts/javascript-prevent-string-being-escaped.md b/blog_posts/javascript-prevent-string-being-escaped.md index d576f01e8..9da7588f5 100644 --- a/blog_posts/javascript-prevent-string-being-escaped.md +++ b/blog_posts/javascript-prevent-string-being-escaped.md @@ -1,5 +1,6 @@ --- title: "Tip: Prevent a string from being escaped in JavaScript" +shortTitle: Prevent string escaping type: tip tags: javascript,string expertise: beginner diff --git a/blog_posts/javascript-primitive-instanceof.md b/blog_posts/javascript-primitive-instanceof.md index 63d13529e..e3290605a 100644 --- a/blog_posts/javascript-primitive-instanceof.md +++ b/blog_posts/javascript-primitive-instanceof.md @@ -1,5 +1,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 diff --git a/blog_posts/javascript-promise-then-catch.md b/blog_posts/javascript-promise-then-catch.md index 103e2b1bf..cd1da8a08 100644 --- a/blog_posts/javascript-promise-then-catch.md +++ b/blog_posts/javascript-promise-then-catch.md @@ -1,5 +1,6 @@ --- title: "Tip: The order of then and catch matters" +shortTitle: The order of then and catch matters type: tip tags: javascript,function,promise expertise: intermediate diff --git a/blog_posts/javascript-promise-then-finally.md b/blog_posts/javascript-promise-then-finally.md index 5cf47ecb8..8785dee94 100644 --- a/blog_posts/javascript-promise-then-finally.md +++ b/blog_posts/javascript-promise-then-finally.md @@ -1,5 +1,6 @@ --- title: What is the difference between then and finally in a JavaScript promise? +shortTitle: Promise then vs finally type: question tags: javascript,function,promise expertise: intermediate diff --git a/blog_posts/javascript-promises.md b/blog_posts/javascript-promises.md index 7710fbb65..b045588e6 100644 --- a/blog_posts/javascript-promises.md +++ b/blog_posts/javascript-promises.md @@ -1,5 +1,6 @@ --- title: What are promises in JavaScript? In which states can a promise be? +shortTitle: Promises introduction type: question tags: javascript,function,promise expertise: beginner diff --git a/blog_posts/javascript-pure-functions.md b/blog_posts/javascript-pure-functions.md index bedbeb273..9341ed217 100644 --- a/blog_posts/javascript-pure-functions.md +++ b/blog_posts/javascript-pure-functions.md @@ -1,5 +1,6 @@ --- title: What is a pure function? +shortTitle: Pure function introduction type: question tags: javascript,function expertise: intermediate diff --git a/blog_posts/javascript-query-selector-shorthand.md b/blog_posts/javascript-query-selector-shorthand.md index 6e8e316f7..9f6e09b0a 100644 --- a/blog_posts/javascript-query-selector-shorthand.md +++ b/blog_posts/javascript-query-selector-shorthand.md @@ -1,5 +1,6 @@ --- title: "Tip: Create your own query selector shorthand" +shortTitle: Query selector shorthand type: tip tags: javascript,browser expertise: intermediate diff --git a/blog_posts/javascript-range-generator.md b/blog_posts/javascript-range-generator.md index 30bbeacb1..ca5cea850 100644 --- a/blog_posts/javascript-range-generator.md +++ b/blog_posts/javascript-range-generator.md @@ -1,5 +1,6 @@ --- title: Using JavaScript generator functions for ranges +shortTitle: Generator functions for ranges type: story tags: javascript,function,array expertise: advanced diff --git a/blog_posts/javascript-recursion.md b/blog_posts/javascript-recursion.md index 2a4797894..75fc944cb 100644 --- a/blog_posts/javascript-recursion.md +++ b/blog_posts/javascript-recursion.md @@ -1,5 +1,6 @@ --- title: What is recursion and when is it useful? +shortTitle: Recursion introduction type: question tags: javascript,function,recursion expertise: intermediate diff --git a/blog_posts/javascript-remove-object-property.md b/blog_posts/javascript-remove-object-property.md index efdfe87b6..040566c5c 100644 --- a/blog_posts/javascript-remove-object-property.md +++ b/blog_posts/javascript-remove-object-property.md @@ -1,5 +1,6 @@ --- title: How do I remove a property from a JavaScript object? +shortTitle: Remove property from object type: question tags: javascript,object expertise: intermediate diff --git a/blog_posts/javascript-return-constructor.md b/blog_posts/javascript-return-constructor.md index 72740552e..174e9c43f 100644 --- a/blog_posts/javascript-return-constructor.md +++ b/blog_posts/javascript-return-constructor.md @@ -1,5 +1,6 @@ --- title: What does a JavaScript constructor return? +shortTitle: Constructor return value type: question tags: javascript,function,class,object expertise: intermediate diff --git a/blog_posts/javascript-shallow-deep-clone.md b/blog_posts/javascript-shallow-deep-clone.md index 402ae2910..e225847fd 100644 --- a/blog_posts/javascript-shallow-deep-clone.md +++ b/blog_posts/javascript-shallow-deep-clone.md @@ -1,5 +1,6 @@ --- title: How do I clone an object in JavaScript? +shortTitle: Object cloning type: question tags: javascript,object expertise: intermediate diff --git a/blog_posts/javascript-singleton-proxy.md b/blog_posts/javascript-singleton-proxy.md index b3492718e..4e1d9d119 100644 --- a/blog_posts/javascript-singleton-proxy.md +++ b/blog_posts/javascript-singleton-proxy.md @@ -1,5 +1,6 @@ --- title: How can I implement a singleton in JavaScript? +shortTitle: Singleton implementation type: question tags: javascript,object,function,proxy,pattern expertise: advanced diff --git a/blog_posts/javascript-sleep.md b/blog_posts/javascript-sleep.md index 9d69e024d..ca3153e13 100644 --- a/blog_posts/javascript-sleep.md +++ b/blog_posts/javascript-sleep.md @@ -1,5 +1,6 @@ --- title: How can I implement a sleep function in JavaScript? +shortTitle: Sleep function type: question tags: javascript,date,promise expertise: intermediate diff --git a/blog_posts/javascript-spread-rest-syntax.md b/blog_posts/javascript-spread-rest-syntax.md index 723fdca4a..d0f34830e 100644 --- a/blog_posts/javascript-spread-rest-syntax.md +++ b/blog_posts/javascript-spread-rest-syntax.md @@ -1,5 +1,6 @@ --- title: Understanding the spread and rest syntax in Javascript +shortTitle: Spread and rest syntax type: story tags: javascript,array,function expertise: beginner diff --git a/blog_posts/javascript-store-dom-items.md b/blog_posts/javascript-store-dom-items.md index 9166f5a40..c26665905 100644 --- a/blog_posts/javascript-store-dom-items.md +++ b/blog_posts/javascript-store-dom-items.md @@ -1,5 +1,6 @@ --- title: "Tip: Minimize DOM access" +shortTitle: Minimize DOM access type: tip tags: javascript,browser expertise: intermediate diff --git a/blog_posts/javascript-string-immutability.md b/blog_posts/javascript-string-immutability.md index ec4a6f8ac..1f10fcd6f 100644 --- a/blog_posts/javascript-string-immutability.md +++ b/blog_posts/javascript-string-immutability.md @@ -1,5 +1,6 @@ --- title: Are JavaScript strings immutable? +shortTitle: String immutability type: question tags: javascript,string,type expertise: intermediate diff --git a/blog_posts/javascript-swap-two-variables.md b/blog_posts/javascript-swap-two-variables.md index efb806b01..71aa27ad0 100644 --- a/blog_posts/javascript-swap-two-variables.md +++ b/blog_posts/javascript-swap-two-variables.md @@ -1,5 +1,6 @@ --- title: "Tip: How to swap two variables in JavaScript" +shortTitle: Swap two variables type: tip tags: javascript,array,variables expertise: beginner diff --git a/blog_posts/javascript-switch-object.md b/blog_posts/javascript-switch-object.md index 5c0de7ee0..54ec7f438 100644 --- a/blog_posts/javascript-switch-object.md +++ b/blog_posts/javascript-switch-object.md @@ -1,5 +1,6 @@ --- title: Replacing JavaScript switch statement with object literals +shortTitle: Switch with object literals type: story tags: javascript,object expertise: intermediate diff --git a/blog_posts/javascript-sync-async.md b/blog_posts/javascript-sync-async.md index 67579e7f5..1e97c024b 100644 --- a/blog_posts/javascript-sync-async.md +++ b/blog_posts/javascript-sync-async.md @@ -1,5 +1,6 @@ --- title: What is the difference between synchronous and asynchronous code in JavaScript? +shortTitle: Synchronous vs asynchronous code type: question tags: javascript,function,promise expertise: intermediate diff --git a/blog_posts/javascript-target-blank.md b/blog_posts/javascript-target-blank.md index b82dba315..d98426e39 100644 --- a/blog_posts/javascript-target-blank.md +++ b/blog_posts/javascript-target-blank.md @@ -1,5 +1,6 @@ --- title: 'Tip: Protect your users from malicious websites when using target="_blank"' +shortTitle: 'Safeguarding target="_blank"' type: tip tags: javascript,browser,security expertise: intermediate diff --git a/blog_posts/javascript-ternary-operator.md b/blog_posts/javascript-ternary-operator.md index ad936c46e..50fd01c95 100644 --- a/blog_posts/javascript-ternary-operator.md +++ b/blog_posts/javascript-ternary-operator.md @@ -1,5 +1,6 @@ --- title: What is the ternary operator and how do I use it? +shortTitle: Ternary operation introduction type: question tags: javascript,condition expertise: beginner diff --git a/blog_posts/javascript-this.md b/blog_posts/javascript-this.md index eeaac894a..6d876c8eb 100644 --- a/blog_posts/javascript-this.md +++ b/blog_posts/javascript-this.md @@ -1,5 +1,6 @@ --- title: Understanding the "this" keyword in JavaScript +shortTitle: The "this" keyword in JavaScript type: story tags: javascript,function,object expertise: intermediate diff --git a/blog_posts/javascript-truthy-falsy-values.md b/blog_posts/javascript-truthy-falsy-values.md index 182915850..c35f8554e 100644 --- a/blog_posts/javascript-truthy-falsy-values.md +++ b/blog_posts/javascript-truthy-falsy-values.md @@ -1,5 +1,6 @@ --- title: What are truthy and falsy values in JavaScript? +shortTitle: Truthy and falsy values type: question tags: javascript,type,comparison expertise: beginner diff --git a/blog_posts/javascript-undeclared-undefined-null.md b/blog_posts/javascript-undeclared-undefined-null.md index 55b12790e..e8779e328 100644 --- a/blog_posts/javascript-undeclared-undefined-null.md +++ b/blog_posts/javascript-undeclared-undefined-null.md @@ -1,5 +1,6 @@ --- title: What's the difference between undeclared, undefined and null in JavaScript? +shortTitle: Undeclared, undefined and null type: question tags: javascript,type expertise: beginner diff --git a/blog_posts/javascript-use-strict.md b/blog_posts/javascript-use-strict.md index 36d934354..bf9ba45cf 100644 --- a/blog_posts/javascript-use-strict.md +++ b/blog_posts/javascript-use-strict.md @@ -1,5 +1,6 @@ --- title: What does 'use strict' do and what are some of the key benefits to using it? +shortTitle: Strict mode introduction type: question tags: javascript,function,object expertise: intermediate diff --git a/blog_posts/javascript-value-as-number.md b/blog_posts/javascript-value-as-number.md index 29f867afb..fddec9d37 100644 --- a/blog_posts/javascript-value-as-number.md +++ b/blog_posts/javascript-value-as-number.md @@ -1,5 +1,6 @@ --- title: "Tip: You can get the value of an input element as a number" +shortTitle: Input element value as number type: tip tags: javascript,browser,input expertise: beginner diff --git a/blog_posts/javascript-value-not-equal-to-itself.md b/blog_posts/javascript-value-not-equal-to-itself.md index 132a118c0..f1797d92d 100644 --- a/blog_posts/javascript-value-not-equal-to-itself.md +++ b/blog_posts/javascript-value-not-equal-to-itself.md @@ -1,5 +1,6 @@ --- title: What is the only value not equal to itself in JavaScript? +shortTitle: The only value not equal to itself type: question tags: javascript,type,comparison expertise: beginner diff --git a/blog_posts/javascript-var-let-const.md b/blog_posts/javascript-var-let-const.md index 078d510ee..b4aaf5a0a 100644 --- a/blog_posts/javascript-var-let-const.md +++ b/blog_posts/javascript-var-let-const.md @@ -1,5 +1,6 @@ --- title: What are the differences between var, let and const in JavaScript? +shortTitle: Var, let and const type: question tags: javascript,type,variable expertise: beginner diff --git a/blog_posts/javascript-variable-hoisting.md b/blog_posts/javascript-variable-hoisting.md index aac66517a..f28144f99 100644 --- a/blog_posts/javascript-variable-hoisting.md +++ b/blog_posts/javascript-variable-hoisting.md @@ -1,5 +1,6 @@ --- title: What is hoisting in JavaScript? +shortTitle: Hoisting introduction type: question tags: javascript,type,variable expertise: intermediate diff --git a/blog_posts/javascript-variable-scope.md b/blog_posts/javascript-variable-scope.md index ce033bcbd..f393aefc0 100644 --- a/blog_posts/javascript-variable-scope.md +++ b/blog_posts/javascript-variable-scope.md @@ -1,5 +1,6 @@ --- title: Understanding JavaScript variables and scopes +shortTitle: Variables and scopes type: story tags: javascript,type,variable expertise: intermediate diff --git a/blog_posts/javascript-void-links.md b/blog_posts/javascript-void-links.md index b363cc25e..0abdeb654 100644 --- a/blog_posts/javascript-void-links.md +++ b/blog_posts/javascript-void-links.md @@ -1,5 +1,6 @@ --- title: "Tip: Avoid \"javascript:void(0)\" for empty links" +shortTitle: Avoid "javascript:void(0)" for empty links type: tip tags: javascript,browser,accessibility expertise: intermediate diff --git a/blog_posts/js-array-min-max.md b/blog_posts/js-array-min-max.md index ea0393313..b8511affa 100644 --- a/blog_posts/js-array-min-max.md +++ b/blog_posts/js-array-min-max.md @@ -1,5 +1,6 @@ --- title: "Tip: Min and max value in a JavaScript array" +shortTitle: Min and max value of an array type: tip tags: javascript,array,math expertise: beginner diff --git a/blog_posts/js-array-sorting-shorthand.md b/blog_posts/js-array-sorting-shorthand.md index d79055fdd..ce370596a 100644 --- a/blog_posts/js-array-sorting-shorthand.md +++ b/blog_posts/js-array-sorting-shorthand.md @@ -1,5 +1,6 @@ --- title: "Tip: JavaScript array sorting shorthand" +shortTitle: Array sorting shorthand type: tip tags: javascript,array expertise: intermediate diff --git a/blog_posts/js-callbacks.md b/blog_posts/js-callbacks.md index 1dedfbfd6..8b9600024 100644 --- a/blog_posts/js-callbacks.md +++ b/blog_posts/js-callbacks.md @@ -1,5 +1,6 @@ --- title: What is a callback function? +shortTitle: Callback functions type: question tags: javascript,function expertise: intermediate diff --git a/blog_posts/js-data-structures-binary-search-tree.md b/blog_posts/js-data-structures-binary-search-tree.md index eb4667ad5..932bb9ad3 100644 --- a/blog_posts/js-data-structures-binary-search-tree.md +++ b/blog_posts/js-data-structures-binary-search-tree.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Binary Search Tree +shortTitle: Binary Search Tree type: story tags: javascript,object,class,array expertise: advanced diff --git a/blog_posts/js-data-structures-binary-tree.md b/blog_posts/js-data-structures-binary-tree.md index 3c2e24ae7..a731263d7 100644 --- a/blog_posts/js-data-structures-binary-tree.md +++ b/blog_posts/js-data-structures-binary-tree.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Binary Tree +shortTitle: Binary Tree type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-data-structures-doubly-linked-list.md b/blog_posts/js-data-structures-doubly-linked-list.md index 21d8ac741..a3cf4050b 100644 --- a/blog_posts/js-data-structures-doubly-linked-list.md +++ b/blog_posts/js-data-structures-doubly-linked-list.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Doubly Linked List +shortTitle: Doubly Linked List type: story tags: javascript,object,class,array expertise: advanced diff --git a/blog_posts/js-data-structures-graph.md b/blog_posts/js-data-structures-graph.md index 595350540..64518b39f 100644 --- a/blog_posts/js-data-structures-graph.md +++ b/blog_posts/js-data-structures-graph.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Graph +shortTitle: Graph type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-data-structures-linked-list.md b/blog_posts/js-data-structures-linked-list.md index 767714d2a..2737136df 100644 --- a/blog_posts/js-data-structures-linked-list.md +++ b/blog_posts/js-data-structures-linked-list.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Linked List +shortTitle: Linked List type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-data-structures-queue.md b/blog_posts/js-data-structures-queue.md index 7f87de27c..fcd81906c 100644 --- a/blog_posts/js-data-structures-queue.md +++ b/blog_posts/js-data-structures-queue.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Queue +shortTitle: Queue type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-data-structures-stack.md b/blog_posts/js-data-structures-stack.md index a991caca4..cebbab699 100644 --- a/blog_posts/js-data-structures-stack.md +++ b/blog_posts/js-data-structures-stack.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Stack +shortTitle: Stack type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-data-structures-tree.md b/blog_posts/js-data-structures-tree.md index ecbe50335..b3692c893 100644 --- a/blog_posts/js-data-structures-tree.md +++ b/blog_posts/js-data-structures-tree.md @@ -1,5 +1,6 @@ --- title: JavaScript Data Structures - Tree +shortTitle: Tree type: story tags: javascript,object,class,array expertise: intermediate diff --git a/blog_posts/js-fast-remove-array-element.md b/blog_posts/js-fast-remove-array-element.md index 80b2fbeff..d6e8a9262 100644 --- a/blog_posts/js-fast-remove-array-element.md +++ b/blog_posts/js-fast-remove-array-element.md @@ -1,5 +1,6 @@ --- title: Faster element removal in unordered JavaScript arrays +shortTitle: Faster element removal in unordered arrays type: story tags: javascript,array expertise: intermediate diff --git a/blog_posts/js-immutable-object-proxy.md b/blog_posts/js-immutable-object-proxy.md index 10b40b912..2930f67a4 100644 --- a/blog_posts/js-immutable-object-proxy.md +++ b/blog_posts/js-immutable-object-proxy.md @@ -1,5 +1,6 @@ --- title: Immutable JavaScript objects using the Proxy object +shortTitle: Immutable objects using Proxy type: story tags: javascript,object,proxy expertise: advanced diff --git a/blog_posts/js-map-vs-object.md b/blog_posts/js-map-vs-object.md index 31bad6e52..039f7ed6b 100644 --- a/blog_posts/js-map-vs-object.md +++ b/blog_posts/js-map-vs-object.md @@ -1,5 +1,6 @@ --- title: What are the differences between Maps and objects in JavaScript? +shortTitle: Maps vs objects type: question tags: javascript,object expertise: intermediate diff --git a/blog_posts/js-native-data-structures.md b/blog_posts/js-native-data-structures.md index 805f515af..41ad34f91 100644 --- a/blog_posts/js-native-data-structures.md +++ b/blog_posts/js-native-data-structures.md @@ -1,5 +1,6 @@ --- title: Native JavaScript Data Structures +shortTitle: Native Data Structures type: story tags: javascript,object,array expertise: intermediate diff --git a/blog_posts/js-object-freeze-vs-seal.md b/blog_posts/js-object-freeze-vs-seal.md index 992aaf374..9504a427f 100644 --- a/blog_posts/js-object-freeze-vs-seal.md +++ b/blog_posts/js-object-freeze-vs-seal.md @@ -1,5 +1,6 @@ --- title: What is the difference between Object.freeze() and Object.seal() in JavaScript? +shortTitle: Object.freeze() vs Object.seal() type: question tags: javascript,object expertise: intermediate diff --git a/blog_posts/js-remove-array-duplicates.md b/blog_posts/js-remove-array-duplicates.md index ad1c1da48..b0872f593 100644 --- a/blog_posts/js-remove-array-duplicates.md +++ b/blog_posts/js-remove-array-duplicates.md @@ -1,5 +1,6 @@ --- title: "Tip: Remove duplicates from a JavaScript array" +shortTitle: Remove duplicates from an array type: tip tags: javascript,array expertise: beginner diff --git a/blog_posts/js-static-instance-methods.md b/blog_posts/js-static-instance-methods.md index 003ec87dc..ecd364f90 100644 --- a/blog_posts/js-static-instance-methods.md +++ b/blog_posts/js-static-instance-methods.md @@ -1,5 +1,6 @@ --- title: What is the difference between static and instance methods? +shortTitle: Static Instance Methods type: question tags: javascript,object,function,class expertise: intermediate diff --git a/blog_posts/lazy-loading-images.md b/blog_posts/lazy-loading-images.md index aef306526..0e548fa67 100644 --- a/blog_posts/lazy-loading-images.md +++ b/blog_posts/lazy-loading-images.md @@ -1,5 +1,6 @@ --- title: "Tip: Lazy load images in HTML" +shortTitle: Image lazy loading type: tip tags: webdev,html,image expertise: intermediate diff --git a/blog_posts/nodejs-chrome-debugging.md b/blog_posts/nodejs-chrome-debugging.md index bb12546cc..fbfca95f4 100644 --- a/blog_posts/nodejs-chrome-debugging.md +++ b/blog_posts/nodejs-chrome-debugging.md @@ -1,5 +1,6 @@ --- title: "Tip: Debugging Node.js using Chrome Developer Tools" +shortTitle: Debug Node.js with Chrome Developer Tools type: tip tags: javascript,node,debugging expertise: intermediate diff --git a/blog_posts/password-autocomplete-suggestion.md b/blog_posts/password-autocomplete-suggestion.md index 02a4d7d22..16f3bdb15 100644 --- a/blog_posts/password-autocomplete-suggestion.md +++ b/blog_posts/password-autocomplete-suggestion.md @@ -1,5 +1,6 @@ --- title: "Tip: Adding autocomplete to a password field" +shortTitle: Password field autocomplete type: tip tags: webdev expertise: intermediate diff --git a/blog_posts/perfect-css-transition-duration.md b/blog_posts/perfect-css-transition-duration.md index 47e92086d..b3f79dc97 100644 --- a/blog_posts/perfect-css-transition-duration.md +++ b/blog_posts/perfect-css-transition-duration.md @@ -1,5 +1,6 @@ --- title: "Tip: The perfect duration for CSS transitions" +shortTitle: CSS transition duration type: tip tags: css,interactivity,visual,animation expertise: intermediate diff --git a/blog_posts/prefetching-resources.md b/blog_posts/prefetching-resources.md index 0f41be262..7eecfa931 100644 --- a/blog_posts/prefetching-resources.md +++ b/blog_posts/prefetching-resources.md @@ -1,5 +1,6 @@ --- title: "Tip: Prefetching resources in the browser" +shortTitle: Resource prefetching type: tip tags: webdev,html,browser expertise: intermediate diff --git a/blog_posts/python-bare-except.md b/blog_posts/python-bare-except.md index 77bd4d821..608ceaaa7 100644 --- a/blog_posts/python-bare-except.md +++ b/blog_posts/python-bare-except.md @@ -1,5 +1,6 @@ --- title: "Tip: Avoid using bare except in Python" +shortTitle: Bare except best practices type: tip tags: python,error expertise: beginner diff --git a/blog_posts/python-dict-getkey-vs-dictkey.md b/blog_posts/python-dict-getkey-vs-dictkey.md index 4df92b1a4..a673bca1b 100644 --- a/blog_posts/python-dict-getkey-vs-dictkey.md +++ b/blog_posts/python-dict-getkey-vs-dictkey.md @@ -1,5 +1,6 @@ --- title: "Tip: You should use dict.get(key) instead of dict[key]" +shortTitle: dict.get(key) vs dict[key] type: tip tags: python,dictionary expertise: intermediate diff --git a/blog_posts/python-file-close.md b/blog_posts/python-file-close.md index 805d7f823..b3471e78c 100644 --- a/blog_posts/python-file-close.md +++ b/blog_posts/python-file-close.md @@ -1,5 +1,6 @@ --- title: How to correctly close files in Python +shortTitle: Closing files type: story tags: python,file expertise: beginner diff --git a/blog_posts/python-fstrings-str-format.md b/blog_posts/python-fstrings-str-format.md index 6c0f0ab27..872ddb18e 100644 --- a/blog_posts/python-fstrings-str-format.md +++ b/blog_posts/python-fstrings-str-format.md @@ -1,5 +1,6 @@ --- title: "Tip: 2 ways to format a string in Python" +shortTitle: String formatting type: tip tags: python,string expertise: beginner diff --git a/blog_posts/python-identity-equality.md b/blog_posts/python-identity-equality.md index 788a3a189..ba39099e7 100644 --- a/blog_posts/python-identity-equality.md +++ b/blog_posts/python-identity-equality.md @@ -1,5 +1,6 @@ --- title: What is the difference between Python's equality operators? +shortTitle: Python equality operators type: question tags: python,type,comparison expertise: beginner diff --git a/blog_posts/python-lists-tuples.md b/blog_posts/python-lists-tuples.md index 9b600d140..c89526e34 100644 --- a/blog_posts/python-lists-tuples.md +++ b/blog_posts/python-lists-tuples.md @@ -1,5 +1,6 @@ --- title: What is the difference between lists and tuples in Python? +shortTitle: Lists vs Tuples type: question tags: python,list expertise: intermediate diff --git a/blog_posts/python-lowercase.md b/blog_posts/python-lowercase.md index 6caef9c89..f18f6c9ed 100644 --- a/blog_posts/python-lowercase.md +++ b/blog_posts/python-lowercase.md @@ -1,5 +1,6 @@ --- title: How do I convert a string to lowercase in Python? +shortTitle: Lowercase string type: question tags: python,string expertise: beginner diff --git a/blog_posts/python-mutable-default-arguments.md b/blog_posts/python-mutable-default-arguments.md index fcb6e8048..4ea1244aa 100644 --- a/blog_posts/python-mutable-default-arguments.md +++ b/blog_posts/python-mutable-default-arguments.md @@ -1,5 +1,6 @@ --- title: "Tip: Watch out for mutable default arguments in Python" +shortTitle: Mutable default arguments type: tip tags: python,function expertise: intermediate diff --git a/blog_posts/python-named-tuples.md b/blog_posts/python-named-tuples.md index f2e8eeb4d..7a1df570d 100644 --- a/blog_posts/python-named-tuples.md +++ b/blog_posts/python-named-tuples.md @@ -1,5 +1,6 @@ --- title: What are named tuples in Python? +shortTitle: Named Tuples type: question tags: python,list,dictionary expertise: intermediate diff --git a/blog_posts/python-slice-assignment.md b/blog_posts/python-slice-assignment.md index a393498c1..9dc1181f7 100644 --- a/blog_posts/python-slice-assignment.md +++ b/blog_posts/python-slice-assignment.md @@ -1,5 +1,6 @@ --- title: Understanding Python's slice assignment +shortTitle: Python slice assignment type: story tags: python,list expertise: intermediate diff --git a/blog_posts/python-slice-notation.md b/blog_posts/python-slice-notation.md index d26cfe5c5..7ba6ae375 100644 --- a/blog_posts/python-slice-notation.md +++ b/blog_posts/python-slice-notation.md @@ -1,5 +1,6 @@ --- title: Understanding Python's slice notation +shortTitle: Python slice notation type: story tags: python,list expertise: intermediate diff --git a/blog_posts/python-sortedlist-vs-list-sort.md b/blog_posts/python-sortedlist-vs-list-sort.md index 254d8ccfc..0ce243eba 100644 --- a/blog_posts/python-sortedlist-vs-list-sort.md +++ b/blog_posts/python-sortedlist-vs-list-sort.md @@ -1,5 +1,6 @@ --- title: What is the difference between list.sort() and sorted() in Python? +shortTitle: List.sort vs sorted type: question tags: python,list expertise: intermediate diff --git a/blog_posts/python-swap-variables.md b/blog_posts/python-swap-variables.md index f53d1d402..008064449 100644 --- a/blog_posts/python-swap-variables.md +++ b/blog_posts/python-swap-variables.md @@ -1,5 +1,6 @@ --- title: 3 ways to swap two variables in Python +shortTitle: Variable swapping type: story tags: python,variables expertise: beginner diff --git a/blog_posts/python-trim-whitespace.md b/blog_posts/python-trim-whitespace.md index bd7f2bec0..103d8f84e 100644 --- a/blog_posts/python-trim-whitespace.md +++ b/blog_posts/python-trim-whitespace.md @@ -1,5 +1,6 @@ --- title: How do I trim whitespace from a string in Python? +shortTitle: Trim whitespace type: question tags: python,string expertise: beginner diff --git a/blog_posts/react-conditional-classname.md b/blog_posts/react-conditional-classname.md index e51f1a385..42649c10c 100644 --- a/blog_posts/react-conditional-classname.md +++ b/blog_posts/react-conditional-classname.md @@ -1,5 +1,6 @@ --- title: "Tip: React conditional className, empty strings and null" +shortTitle: Conditional className type: tip tags: react,components expertise: intermediate diff --git a/blog_posts/react-proptypes-objectof-vs-shape.md b/blog_posts/react-proptypes-objectof-vs-shape.md index aeeebe1ea..29ec22f53 100644 --- a/blog_posts/react-proptypes-objectof-vs-shape.md +++ b/blog_posts/react-proptypes-objectof-vs-shape.md @@ -1,5 +1,6 @@ --- title: React PropTypes - objectOf vs shape +shortTitle: PropTypes - objectOf vs shape type: story tags: react,components,proptypes expertise: intermediate diff --git a/blog_posts/react-redux-readable-reducers.md b/blog_posts/react-redux-readable-reducers.md index 2beff6fef..20bd61e76 100644 --- a/blog_posts/react-redux-readable-reducers.md +++ b/blog_posts/react-redux-readable-reducers.md @@ -1,5 +1,6 @@ --- title: Writing readable reducers in Redux +shortTitle: Readable reducer tips type: story tags: react,logic expertise: advanced diff --git a/blog_posts/react-selected-option.md b/blog_posts/react-selected-option.md index 8809ea840..4a3539595 100644 --- a/blog_posts/react-selected-option.md +++ b/blog_posts/react-selected-option.md @@ -1,5 +1,6 @@ --- title: How can I set the value of a select input in React? +shortTitle: Select input value type: question tags: react,components,input expertise: beginner diff --git a/blog_posts/react-use-interval-explained.md b/blog_posts/react-use-interval-explained.md index 61d078ef3..288796fca 100644 --- a/blog_posts/react-use-interval-explained.md +++ b/blog_posts/react-use-interval-explained.md @@ -1,5 +1,6 @@ --- title: Write a useInterval hook in React +shortTitle: Step-by-step useInterval hook type: story tags: react,hooks,effect expertise: advanced diff --git a/blog_posts/react-use-state-with-label.md b/blog_posts/react-use-state-with-label.md index 4cf5666dd..8659773b5 100644 --- a/blog_posts/react-use-state-with-label.md +++ b/blog_posts/react-use-state-with-label.md @@ -1,5 +1,6 @@ --- title: "Tip: Label your useState values in React developer tools" +shortTitle: Labelling useState values type: tip tags: react,hooks expertise: intermediate diff --git a/blog_posts/responsive-favicon-dark-mode.md b/blog_posts/responsive-favicon-dark-mode.md index 0973dde5d..09689e1eb 100644 --- a/blog_posts/responsive-favicon-dark-mode.md +++ b/blog_posts/responsive-favicon-dark-mode.md @@ -1,5 +1,6 @@ --- title: How can I create a custom responsive favicon for dark mode? +shortTitle: Responsive dark mode favicon type: question tags: css,visual expertise: beginner diff --git a/blog_posts/reversed-list.md b/blog_posts/reversed-list.md index e1d76f663..04194f567 100644 --- a/blog_posts/reversed-list.md +++ b/blog_posts/reversed-list.md @@ -1,5 +1,6 @@ --- title: "Tip: Create a descending list of numbered items" +shortTitle: Descending list type: tip tags: webdev,html expertise: beginner diff --git a/blog_posts/setup-python3-pip3-as-default.md b/blog_posts/setup-python3-pip3-as-default.md index 7c3411bd6..a229bd414 100644 --- a/blog_posts/setup-python3-pip3-as-default.md +++ b/blog_posts/setup-python3-pip3-as-default.md @@ -1,5 +1,6 @@ --- title: "Tip: Set up Python 3 and pip 3 as default" +shortTitle: Python 3 and pip 3 setup type: tip tags: python,setup expertise: intermediate diff --git a/blog_posts/testing-async-react-components.md b/blog_posts/testing-async-react-components.md index 7dbeb816c..4015ea461 100644 --- a/blog_posts/testing-async-react-components.md +++ b/blog_posts/testing-async-react-components.md @@ -1,5 +1,6 @@ --- title: Testing React components that update asynchronously with React Testing Library +shortTitle: Asynchronous component update testing type: story tags: react,testing,event expertise: advanced diff --git a/blog_posts/testing-react-portals.md b/blog_posts/testing-react-portals.md index a010489dd..f02d653d7 100644 --- a/blog_posts/testing-react-portals.md +++ b/blog_posts/testing-react-portals.md @@ -1,5 +1,6 @@ --- title: Testing React portals +shortTitle: Portal testing type: story tags: react,testing expertise: advanced diff --git a/blog_posts/testing-redux-connected-components.md b/blog_posts/testing-redux-connected-components.md index cb68d023d..d1c49fc8a 100644 --- a/blog_posts/testing-redux-connected-components.md +++ b/blog_posts/testing-redux-connected-components.md @@ -1,5 +1,6 @@ --- title: Testing Redux-connected components with React Testing Library +shortTitle: Redux-connected components testing type: story tags: react,testing expertise: advanced diff --git a/blog_posts/testing-stateful-ui-components.md b/blog_posts/testing-stateful-ui-components.md index 1670e1c4d..a704f8dd3 100644 --- a/blog_posts/testing-stateful-ui-components.md +++ b/blog_posts/testing-stateful-ui-components.md @@ -1,5 +1,6 @@ --- title: An approach to testing stateful React components +shortTitle: Stateful component testing type: story tags: react,testing expertise: advanced diff --git a/blog_posts/zooming-accessibility-tips.md b/blog_posts/zooming-accessibility-tips.md index 76a2cb0f3..953b332d6 100644 --- a/blog_posts/zooming-accessibility-tips.md +++ b/blog_posts/zooming-accessibility-tips.md @@ -1,5 +1,6 @@ --- title: Why using maximum-scale can harm your page's accessibility +shortTitle: Accessibility and maximum-scale type: story tags: webdev expertise: intermediate