From f059d34e1f577acd80c5ab2c21741a815f1a8133 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
<41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 18 Oct 2024 12:36:35 +0600
Subject: [PATCH] chore: update roadmap content json (#7521)
Co-authored-by: kamranahmedse <4921183+kamranahmedse@users.noreply.github.com>
---
public/roadmap-content/blockchain.json | 2 +-
public/roadmap-content/nodejs.json | 5 +
public/roadmap-content/vue.json | 284 +++++++++++++++++--------
3 files changed, 199 insertions(+), 92 deletions(-)
diff --git a/public/roadmap-content/blockchain.json b/public/roadmap-content/blockchain.json
index a48931edf..ae9f82c3b 100644
--- a/public/roadmap-content/blockchain.json
+++ b/public/roadmap-content/blockchain.json
@@ -467,7 +467,7 @@
"links": [
{
"title": "What is Ethereum Virtual Machine?",
- "url": "https://moralis.io/evm-explained-what-is-ethereum-virtual-machine/",
+ "url": "https://astrodev.hashnode.dev/blockchain-ethereum-evm",
"type": "article"
},
{
diff --git a/public/roadmap-content/nodejs.json b/public/roadmap-content/nodejs.json
index 37251bf6c..6f3d4b93e 100644
--- a/public/roadmap-content/nodejs.json
+++ b/public/roadmap-content/nodejs.json
@@ -532,6 +532,11 @@
"title": "Async Errors",
"url": "https://www.mariokandut.com/handling-errors-in-asynchronous-functions-node-js/",
"type": "article"
+ },
+ {
+ "title": "The best way to handle errors in asynchronous javascript",
+ "url": "https://dev.to/m__mdy__m/the-best-way-to-handle-errors-in-asynchronous-javascript-16bb",
+ "type": "article"
}
]
},
diff --git a/public/roadmap-content/vue.json b/public/roadmap-content/vue.json
index a81fd38a8..80d390ebc 100644
--- a/public/roadmap-content/vue.json
+++ b/public/roadmap-content/vue.json
@@ -17,8 +17,13 @@
},
"y9ToYDix-koRbR6FLydFw": {
"title": "create-vue",
- "description": "[create-vue](https://github.com/vuejs/create-vue) is a CLI tool that helps you create a new Vue project with a single command. It is a simple and easy-to-use tool that saves you time and effort when setting up a new Vue project.\n\nLearn more using the following resources:",
+ "description": "create-vue is a CLI tool that helps you create a new Vue project with a single command. It is a simple and easy-to-use tool that saves you time and effort when setting up a new Vue project.\n\nLearn more using the following resources:",
"links": [
+ {
+ "title": "vuejs/create-vue",
+ "url": "https://github.com/vuejs/create-vue",
+ "type": "opensource"
+ },
{
"title": "Creating a Vue Project",
"url": "https://cli.vuejs.org/guide/creating-a-project.html",
@@ -120,12 +125,17 @@
},
"CGdw3PqLRb9OqFU5SqmE1": {
"title": "Directives",
- "description": "Directives are special attributes with the `v-` prefix. Vue provides a number of [built-in directives](https://vuejs.org/api/built-in-directives.html).\n\nVisit the following resources to learn more:",
+ "description": "Directives are special attributes with the `v-` prefix. Vue provides a number of built-in directives.\n\nVisit the following resources to learn more:",
"links": [
{
"title": "Directives Documentation",
"url": "https://vuejs.org/guide/essentials/template-syntax.html#directives",
"type": "article"
+ },
+ {
+ "title": "Built-in Directives",
+ "url": "https://vuejs.org/api/built-in-directives.html",
+ "type": "article"
}
]
},
@@ -142,7 +152,7 @@
},
"PPUU3Rb73aCpT4zcyvlJE": {
"title": "Options API",
- "description": "We use Options API in a Vue application to write and define different components. With this API, we can use options such as data, methods, and mounted.\n\nTo state it simply, Options API is an old way to structure a Vue.JS application. Due to some limitations in this API, Composition API was introduced in Vue 3.\n\nVisit the following resources to learn more:",
+ "description": "We use Options API in a Vue application to write and define different components. With this API, we can use options such as data, methods, and mounted. To state it simply, Options API is an old way to structure a Vue.JS application. Due to some limitations in this API, Composition API was introduced in Vue 3.\n\nVisit the following resources to learn more:",
"links": [
{
"title": "TypeScript with Options API",
@@ -192,14 +202,9 @@
"description": "Every application instance exposes a `config` object that contains the configuration settings for that application. You can modify its properties before mounting your application.\n\nVisit the following resources to learn more:",
"links": [
{
- "title": "Official Documentation",
+ "title": "Vue.js Documentation",
"url": "https://vuejs.org/api/application.html#app-config",
"type": "article"
- },
- {
- "title": "official API Documentation",
- "url": "https://vuejs.org/api/application.html",
- "type": "article"
}
]
},
@@ -216,13 +221,25 @@
},
"1oIt_5OK-t2WaCgaYt9A8": {
"title": "Error / Warn Handler",
- "description": "",
- "links": []
+ "description": "Debugging in Vue.js involves identifying and fixing issues in your Vue applications. It’s an essential part of the development process, and there are several tools and techniques you can use to effectively debug your Vue code.\n\nVisit the following resources to learn more:",
+ "links": [
+ {
+ "title": "Debugging Documentation",
+ "url": "https://vuejs.org/v2/cookbook/debugging-in-vscode.html",
+ "type": "article"
+ }
+ ]
},
"gihxGgt177BK_EYsAfpx9": {
"title": "Global Properties",
- "description": "",
- "links": []
+ "description": "Global properties allows you to add properties or methods that can be accessed throughout your application. This is particularly useful for sharing functionality or data across components without the need to pass props explicitly.\n\nVisit the following resources to learn more:",
+ "links": [
+ {
+ "title": "Vue.js Global Properties",
+ "url": "https://blog.logrocket.com/vue-js-globalproperties/",
+ "type": "article"
+ }
+ ]
},
"f7N4pAp_jBlT8_8owAcbG": {
"title": "Performance",
@@ -242,10 +259,10 @@
},
"NCIzs3jbQTv1xXhAaGfZN": {
"title": "v-text",
- "description": "The `v-text` directive is used to set the textContent property of an element. It's important to note that when using this directive it will overwrite the HTML content inside the element. The expected input is a string, so it's important to wrap any text in single quotes.\n\nExample:\n\n \n \n \n \n\nVisit the following resources to learn more:",
+ "description": "The `v-text` directive is used to set the textContent property of an element. It's important to note that when using this directive it will overwrite the HTML content inside the element. The expected input is a string, so it's important to wrap any text in single quotes.\n\nExample\n-------\n\n \n \n \n \n\nVisit the following resources to learn more:",
"links": [
{
- "title": "v-text documentation",
+ "title": "v-text Documentation",
"url": "https://vuejs.org/api/built-in-directives.html#v-text",
"type": "article"
}
@@ -253,10 +270,10 @@
},
"bZxtIBeIfeUcR32LZWrPW": {
"title": "v-html",
- "description": "The `v-html` directive is similar to the `v-text` directive, but the difference is that `v-html` renders its content as HTML. This means that if you pass an HTML element it will be rendered as an element and not plain text. Since the content is render as HTML, it can pose a security risk if the content contains malicius JavaScript code. For this reason you should never use this directive in combination with user input, unless the input is first properly sanitized.\n\nExample:\n\n \n Text'\"> Text'\">
{{ food.name }}
\n \n \n\nVisit the following resources to learn more:", + "description": "The `v-for` directive is used to render an HTML element, a block of elements, or even a component based on an array, an object, or a set number of times. When using this directive it is important to assign a unique key to each item to avoid issues and improve performance. This directive follows the `item in items` syntax.\n\nExample\n-------\n\n \n \n \n{{ food.name }}
\n \n \n\nVisit the following resources to learn more:", "links": [ { - "title": "v-for documentation", + "title": "v-for Documentation", "url": "https://vuejs.org/guide/essentials/list#v-for", "type": "article" } @@ -319,15 +336,21 @@ }, "hVuRmhXVP65IPtuHTORjJ": { "title": "v-on", - "description": "", - "links": [] + "description": "The v-on directive is placed on an element to attach an event listener. To attach an event listener with v-on we need to provide the event type, and any modifier, and a method or expression that should run when that event occurs.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "v-on Directive", + "url": "https://www.w3schools.com/vue/ref_v-on.php", + "type": "article" + } + ] }, "cuM9q9vYy8JpZPGeBffd1": { "title": "v-bind", - "description": "The `v-bind` directive dynamically binds an HTML attribute to data.\n\nThe shorthand for this directive is `:`\n\nExample:\n\n \n \n \n \n \n \n\nVisit the following resources for more information:", + "description": "The `v-bind` directive dynamically binds an HTML attribute to data. The shorthand for this directive is `:`\n\nExample\n-------\n\n \n \n \n \n \n \n\nVisit the following resources for more information:", "links": [ { - "title": "v-bind documentation", + "title": "v-bind Documentation", "url": "https://vuejs.org/api/built-in-directives.html#v-bind", "type": "article" } @@ -357,10 +380,10 @@ }, "5k9CrbzhNy9iiS6ez2UE6": { "title": "v-once", - "description": "The `v-once` directive makes an HTML element render only once, skipping every future update.\n\nExample:\n\n \n \n \n \n{{ input }}
\n \n \n\nIn this example the **p** element will not change its text even if the input variable is changed through the **input** element.\n\nVisit the following resources to learn more:", + "description": "The `v-once` directive makes an HTML element render only once, skipping every future update.\n\nExample\n-------\n\n \n \n \n \n{{ input }}
\n \n \n\nIn this example the **p** element will not change its text even if the input variable is changed through the **input** element.\n\nVisit the following resources to learn more:", "links": [ { - "title": "v-once documentation", + "title": "v-once Documentation", "url": "https://vuejs.org/api/built-in-directives.html#v-once", "type": "article" } @@ -368,7 +391,7 @@ }, "mlsrhioiEkqnRIL6O3hNa": { "title": "v-pre", - "description": "The `v-pre` directive makes an element render its content as-is, skipping its compilation. The most common use case is when displaying raw mustache syntax.\n\nExample:\n\n \n \n \n{{ text }}
\n \n \n\nThe **p** element will display: `{{ text }}` and not `Some Text` because the compilation is skipped.\n\nVisit the following resources to learn more:", + "description": "The `v-pre` directive makes an element render its content as-is, skipping its compilation. The most common use case is when displaying raw mustache syntax.\n\nExample\n-------\n\n \n \n \n{{ text }}
\n \n \n\nThe **p** element will display: `{{ text }}` and not `Some Text` because the compilation is skipped.\n\nVisit the following resources to learn more:", "links": [ { "title": "v-pre Documentation", @@ -379,10 +402,10 @@ }, "RrSekP8Ub01coegMwLP6a": { "title": "v-cloak", - "description": "The v-cloak directive is used to prevent the uncompiled Vue template from being visible while the Vue instance is still loading. It temporarily hides the content until Vue has finished compiling the template\n\nThe v-cloak directive remains until the component instance is mounted.\n\n