Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

5391 lines
140 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "1762",
"typeID": "Arrow",
"zOrder": "41",
"w": "45",
"h": "106",
"measuredW": "150",
"measuredH": "100",
"x": "695",
"y": "166",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 4,
"y": 0
},
"p1": {
"x": 0.4965158371040725,
"y": -0.18375565610859723
},
"p2": {
"x": 45,
"y": 105.5
}
}
},
{
"ID": "1763",
"typeID": "Label",
"zOrder": "42",
"measuredW": "74",
"measuredH": "36",
"x": "740",
"y": "288",
"properties": {
"size": "28",
"text": "Vue.js"
}
},
{
"ID": "1764",
"typeID": "Arrow",
"zOrder": "43",
"w": "27",
"measuredW": "150",
"measuredH": "100",
"x": "688",
"y": "27",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"stroke": "dotted",
"p0": {
"x": 20.66666666666663,
"y": -0.33333333333333215
},
"p1": {
"x": 0.4525527916281198,
"y": 0.13367847141227748
},
"p2": {
"x": -0.019880609337405986,
"y": 99.62109147224172
}
}
},
{
"ID": "1766",
"typeID": "Arrow",
"zOrder": "10",
"w": "91",
"h": "56",
"measuredW": "150",
"measuredH": "100",
"x": "360",
"y": "1331",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 91,
"y": -0.5
},
"p1": {
"x": 0.6109328221585648,
"y": -0.04544573434706774
},
"p2": {
"x": 0,
"y": 55.5
}
}
},
{
"ID": "1775",
"typeID": "Arrow",
"zOrder": "44",
"w": "7",
"h": "812",
"measuredW": "150",
"measuredH": "100",
"x": "763",
"y": "1213",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0.33333333333337123,
"y": 0
},
"p1": {
"x": 0.5326751848090502,
"y": 0.008478779433645877
},
"p2": {
"x": 0.33333333333337123,
"y": 812.4044116976004
}
}
},
{
"ID": "1777",
"typeID": "Arrow",
"zOrder": "45",
"w": "185",
"h": "260",
"measuredW": "150",
"measuredH": "100",
"x": "815",
"y": "1206",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.6386805175102197,
"y": -0.153177546462135
},
"p2": {
"x": 184.65450646720024,
"y": 260.0261202608003
}
}
},
{
"ID": "1780",
"typeID": "Arrow",
"zOrder": "46",
"w": "74",
"h": "47",
"measuredW": "150",
"measuredH": "100",
"x": "362",
"y": "1066",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 74,
"y": 46.5
},
"p1": {
"x": 0.48867924528301887,
"y": 0.06037735849056604
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "1781",
"typeID": "Arrow",
"zOrder": "13",
"w": "78",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "358",
"y": "1116",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 78,
"y": 4
},
"p1": {
"x": 0.5375000000000001,
"y": -0.025000000000000005
},
"p2": {
"x": 0,
"y": 0.5
}
}
},
{
"ID": "1785",
"typeID": "Arrow",
"zOrder": "3",
"w": "160",
"h": "6",
"measuredW": "150",
"measuredH": "100",
"x": "841",
"y": "1202",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.40018141960843606,
"y": -0.010431627485070682
},
"p2": {
"x": 159.99273204480028,
"y": 5.748583784000175
}
}
},
{
"ID": "1786",
"typeID": "Arrow",
"zOrder": "47",
"w": "80",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "357",
"y": "1125",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 80,
"y": -0.5
},
"p1": {
"x": 0.4805662188099808,
"y": -0.05806142034548944
},
"p2": {
"x": 0,
"y": 43.5
}
}
},
{
"ID": "1787",
"typeID": "Arrow",
"zOrder": "48",
"w": "83",
"h": "45",
"measuredW": "150",
"measuredH": "100",
"x": "343",
"y": "1602",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.4142521343999306,
"y": 44.686573236800314
},
"p1": {
"x": 0.485427381827088,
"y": 0.05241244183198637
},
"p2": {
"x": 82.5,
"y": 0
}
}
},
{
"ID": "1788",
"typeID": "Arrow",
"zOrder": "49",
"w": "90",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "340",
"y": "1594",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.09070328959990093,
"y": 3.1722268656003507
},
"p1": {
"x": 0.38285714285714273,
"y": 5.304829345092718e-18
},
"p2": {
"x": 89.5,
"y": 0
}
}
},
{
"ID": "1790",
"typeID": "Arrow",
"zOrder": "50",
"w": "82",
"h": "197",
"measuredW": "150",
"measuredH": "100",
"x": "347",
"y": "1604",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.3995754015999182,
"y": 196.58251466080037
},
"p1": {
"x": 0.4806545191468839,
"y": -0.05408932611764037
},
"p2": {
"x": 81.5,
"y": 0
}
}
},
{
"ID": "1791",
"typeID": "Arrow",
"zOrder": "51",
"w": "96",
"h": "236",
"measuredW": "150",
"measuredH": "100",
"x": "344",
"y": "1613",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.07602655679994541,
"y": 235.75863545440052
},
"p1": {
"x": 0.38845024469820544,
"y": -0.12424143556280588
},
"p2": {
"x": 95.5,
"y": 0
}
}
},
{
"ID": "1792",
"typeID": "Arrow",
"zOrder": "52",
"w": "84",
"h": "138",
"measuredW": "150",
"measuredH": "100",
"x": "347",
"y": "1601",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.3995754015999182,
"y": 138.02413809120048
},
"p1": {
"x": 0.48542738182708794,
"y": 0.052412441831986276
},
"p2": {
"x": 83.5,
"y": 0
}
}
},
{
"ID": "1795",
"typeID": "Arrow",
"zOrder": "53",
"w": "40",
"h": "67",
"measuredW": "150",
"measuredH": "100",
"x": "524",
"y": "1208",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 66.5
},
"p1": {
"x": 0.5210888020482414,
"y": 0.050532273278533886
},
"p2": {
"x": 40,
"y": -0.5
}
}
},
{
"ID": "1797",
"typeID": "Arrow",
"zOrder": "54",
"w": "96",
"h": "313",
"measuredW": "150",
"measuredH": "100",
"x": "604",
"y": "1216",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 78,
"y": -0.5
},
"p1": {
"x": 0.6755987828830571,
"y": 0.20191197026423297
},
"p2": {
"x": 0,
"y": 312
}
}
},
{
"ID": "1799",
"typeID": "Arrow",
"zOrder": "55",
"w": "105",
"h": "453",
"measuredW": "150",
"measuredH": "100",
"x": "713",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5185682873198143,
"y": 0.16381627168336174
},
"p2": {
"x": 53.8032559648002,
"y": 453.3589896416004
}
}
},
{
"ID": "1810",
"typeID": "Arrow",
"zOrder": "56",
"w": "69",
"h": "59",
"measuredW": "150",
"measuredH": "100",
"x": "591",
"y": "430",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 69,
"y": 0
},
"p1": {
"x": 0.44947028326696226,
"y": -0.10519197535502291
},
"p2": {
"x": 0.4957052992001536,
"y": 59.12144861280012
}
}
},
{
"ID": "1820",
"typeID": "Arrow",
"zOrder": "57",
"w": "25",
"h": "70",
"measuredW": "150",
"measuredH": "100",
"x": "786",
"y": "343",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 22,
"y": -0.5
},
"p1": {
"x": 0.44883470778056644,
"y": 0.15539619935460727
},
"p2": {
"x": 0,
"y": 69
}
}
},
{
"ID": "1821",
"typeID": "Canvas",
"zOrder": "58",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "964",
"y": "69"
},
{
"ID": "1822",
"typeID": "Label",
"zOrder": "59",
"measuredW": "314",
"measuredH": "25",
"x": "978",
"y": "86",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "1823",
"typeID": "Label",
"zOrder": "60",
"measuredW": "319",
"measuredH": "25",
"x": "978",
"y": "114",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "1831",
"typeID": "Arrow",
"zOrder": "62",
"w": "86",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "577",
"y": "420",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 86,
"y": 0
},
"p1": {
"x": 0.4811090254395629,
"y": 0.004165338153758769
},
"p2": {
"x": -0.22477605439985382,
"y": 0
}
}
},
{
"ID": "1832",
"typeID": "Arrow",
"zOrder": "63",
"w": "76",
"h": "56",
"measuredW": "150",
"measuredH": "100",
"x": "585",
"y": "350",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 76,
"y": 56
},
"p1": {
"x": 0.37909451283121226,
"y": 0.05987899019403308
},
"p2": {
"x": -0.1954225887998291,
"y": -0.05401145759992687
}
}
},
{
"ID": "1906",
"typeID": "Label",
"zOrder": "80",
"measuredW": "117",
"measuredH": "25",
"x": "203",
"y": "1873",
"properties": {
"size": "17",
"text": "REST API Calls"
}
},
{
"ID": "1913",
"typeID": "Label",
"zOrder": "83",
"measuredW": "71",
"measuredH": "25",
"x": "225",
"y": "1672",
"properties": {
"size": "17",
"text": "GraphQL"
}
},
{
"ID": "1963",
"typeID": "__group__",
"zOrder": "88",
"measuredW": "542",
"measuredH": "96",
"w": "542",
"h": "96",
"x": "305",
"y": "98",
"properties": {
"controlName": "ext_link:roadmap.sh/frontend"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "542",
"h": "96",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "475",
"measuredH": "32",
"x": "34",
"y": "18",
"properties": {
"size": "24",
"text": "Frontend Roadmap till Framework Selection"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "171",
"measuredH": "26",
"x": "201",
"y": "54",
"properties": {
"size": "18",
"text": "roadmap.sh/frontend",
"color": "10027263"
}
}
]
}
}
},
{
"ID": "1964",
"typeID": "__group__",
"zOrder": "61",
"measuredW": "320",
"measuredH": "45",
"w": "320",
"h": "45",
"x": "979",
"y": "150",
"properties": {
"controlName": "ext_link:roadmap.sh"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "320",
"h": "45",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"borderColor": "4273622",
"color": "4273622"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "105",
"measuredH": "28",
"x": "141",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": "roadmap.sh"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "35",
"measuredH": "28",
"x": "76",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": "http"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
"measuredW": "5",
"measuredH": "28",
"x": "113",
"y": "8",
"properties": {
"color": "16777215",
"size": "20",
"text": ":"
}
},
{
"ID": "4",
"typeID": "Label",
"zOrder": "4",
"measuredW": "10",
"measuredH": "28",
"x": "120",
"y": "9",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"measuredW": "10",
"measuredH": "28",
"x": "128",
"y": "9",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
}
]
}
}
},
{
"ID": "1971",
"typeID": "Arrow",
"zOrder": "40",
"w": "93",
"h": "59",
"measuredW": "150",
"measuredH": "100",
"x": "399",
"y": "349",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.28216153919993303,
"y": 0.2768757536000521
},
"p1": {
"x": 0.5531295985763665,
"y": -0.08925088121556413
},
"p2": {
"x": 93,
"y": 59
}
}
},
{
"ID": "1972",
"typeID": "Arrow",
"zOrder": "39",
"w": "91",
"h": "17",
"measuredW": "150",
"measuredH": "100",
"x": "395",
"y": "400",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.2968382719999454,
"y": 0.12944770240011394
},
"p1": {
"x": 0.4067680844458243,
"y": -0.016268239677118913
},
"p2": {
"x": 91,
"y": 17
}
}
},
{
"ID": "1973",
"typeID": "Arrow",
"zOrder": "38",
"w": "88",
"h": "33",
"measuredW": "150",
"measuredH": "100",
"x": "396",
"y": "423",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.041387305600096624,
"y": 33.334921961600116
},
"p1": {
"x": 0.40022307356578246,
"y": 0.06604917317297902
},
"p2": {
"x": 88,
"y": 0
}
}
},
{
"ID": "1974",
"typeID": "Arrow",
"zOrder": "37",
"w": "96",
"h": "88",
"measuredW": "150",
"measuredH": "100",
"x": "393",
"y": "427",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0.36493615040006944,
"y": 88.21684737600015
},
"p1": {
"x": 0.42992499013028035,
"y": 0.004934859849980256
},
"p2": {
"x": 96,
"y": 0
}
}
},
{
"ID": "2896",
"typeID": "Arrow",
"zOrder": "17",
"w": "84",
"h": "168",
"measuredW": "150",
"measuredH": "100",
"x": "587",
"y": "430",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 84,
"y": 0
},
"p1": {
"x": 0.5406025677062014,
"y": 0.12359189147033602
},
"p2": {
"x": 0.48102856640014124,
"y": 167.51772039840012
}
}
},
{
"ID": "2897",
"typeID": "Arrow",
"zOrder": "35",
"w": "66",
"h": "29",
"measuredW": "150",
"measuredH": "100",
"x": "377",
"y": "601",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 29
},
"p1": {
"x": 0.33909140180668784,
"y": -0.058884933860741506
},
"p2": {
"x": 66,
"y": 0
}
}
},
{
"ID": "2898",
"typeID": "Arrow",
"zOrder": "36",
"w": "79",
"h": "13",
"measuredW": "150",
"measuredH": "100",
"x": "365",
"y": "582",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 2
},
"p1": {
"x": 0.3920449765553399,
"y": 0.06724676888745247
},
"p2": {
"x": 79,
"y": 13
}
}
},
{
"ID": "2906",
"typeID": "Arrow",
"zOrder": "34",
"w": "153",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "876",
"y": "327",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 153.06611570880023,
"y": 0.19615372320009783
},
"p1": {
"x": 0.4981106746880125,
"y": 0.05503902948341876
},
"p2": {
"x": 0,
"y": 89
}
}
},
{
"ID": "2907",
"typeID": "Arrow",
"zOrder": "33",
"w": "141",
"h": "32",
"measuredW": "150",
"measuredH": "100",
"x": "891",
"y": "382",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 140.7425668640002,
"y": 0.06340240480005832
},
"p1": {
"x": 0.44798938044995784,
"y": 0.04032682580733751
},
"p2": {
"x": 0,
"y": 32
}
}
},
{
"ID": "2908",
"typeID": "Arrow",
"zOrder": "32",
"w": "145",
"h": "17",
"measuredW": "150",
"measuredH": "100",
"x": "887",
"y": "422",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 144.7425668640002,
"y": 17.607102241600103
},
"p1": {
"x": 0.45522128005575574,
"y": -0.05494250203275645
},
"p2": {
"x": 0,
"y": 2
}
}
},
{
"ID": "2909",
"typeID": "Arrow",
"zOrder": "31",
"w": "134",
"h": "69",
"measuredW": "150",
"measuredH": "100",
"x": "892",
"y": "425",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 134.38966455360026,
"y": 69.47435092320012
},
"p1": {
"x": 0.5981432360742706,
"y": -0.0366931918656057
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2910",
"typeID": "Arrow",
"zOrder": "30",
"w": "142",
"h": "113",
"measuredW": "150",
"measuredH": "100",
"x": "883",
"y": "427",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 142.0514389760002,
"y": 112.97402056160013
},
"p1": {
"x": 0.5467496438479419,
"y": 0.08532653520281926
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2911",
"typeID": "Arrow",
"zOrder": "29",
"w": "147",
"h": "163",
"measuredW": "150",
"measuredH": "100",
"x": "881",
"y": "432",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 146.72789013120018,
"y": 162.84126924320014
},
"p1": {
"x": 0.5467496438479418,
"y": 0.0853265352028192
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2912",
"typeID": "Arrow",
"zOrder": "28",
"w": "155",
"h": "220",
"measuredW": "150",
"measuredH": "100",
"x": "871",
"y": "423",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 155.38966455360026,
"y": 220.01739003680018
},
"p1": {
"x": 0.5144201268152997,
"y": 0.12669257516874619
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2913",
"typeID": "Arrow",
"zOrder": "27",
"w": "102",
"h": "305",
"measuredW": "150",
"measuredH": "100",
"x": "678",
"y": "430",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 102,
"y": -0.5
},
"p1": {
"x": 0.5750441807624339,
"y": -0.17893208785660192
},
"p2": {
"x": 29.5,
"y": 304
}
}
},
{
"ID": "2920",
"typeID": "Arrow",
"zOrder": "26",
"w": "74",
"h": "104",
"measuredW": "150",
"measuredH": "100",
"x": "590",
"y": "433",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 74,
"y": 0
},
"p1": {
"x": 0.5406025677062014,
"y": 0.12359189147033613
},
"p2": {
"x": 0.1574797216001116,
"y": 104.29756940640016
}
}
},
{
"ID": "2939",
"typeID": "TextArea",
"zOrder": "111",
"w": "262",
"h": "154",
"measuredW": "200",
"measuredH": "140",
"x": "969",
"y": "967"
},
{
"ID": "2940",
"typeID": "Label",
"zOrder": "112",
"measuredW": "85",
"measuredH": "25",
"x": "1057",
"y": "979",
"properties": {
"size": "17",
"text": "Animations"
}
},
{
"ID": "2945",
"typeID": "TextArea",
"zOrder": "115",
"w": "250",
"h": "312",
"measuredW": "200",
"measuredH": "140",
"x": "151",
"y": "705"
},
{
"ID": "2946",
"typeID": "Label",
"zOrder": "116",
"measuredW": "128",
"measuredH": "25",
"x": "212",
"y": "719",
"properties": {
"size": "17",
"text": "Composition API"
}
},
{
"ID": "2967",
"typeID": "Arrow",
"zOrder": "25",
"w": "222",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "356",
"y": "727",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 221.5,
"y": 0
},
"p1": {
"x": 0.4807871956156193,
"y": 0.004484025658591265
},
"p2": {
"x": -0.03199635839990833,
"y": 0
}
}
},
{
"ID": "2968",
"typeID": "Arrow",
"zOrder": "24",
"w": "28",
"h": "77",
"measuredW": "150",
"measuredH": "100",
"x": "630",
"y": "741",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 25.730533024000124,
"y": 0.3769699904001982
},
"p1": {
"x": 0.7370475912096909,
"y": 0.23463818253699203
},
"p2": {
"x": 0.3042470496001215,
"y": 76.6558279136002
}
}
},
{
"ID": "2969",
"typeID": "Arrow",
"zOrder": "23",
"w": "140",
"h": "8",
"measuredW": "150",
"measuredH": "100",
"x": "841",
"y": "720",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 139.91934838080022,
"y": 7.994714214400119
},
"p1": {
"x": 0.4736842105263155,
"y": -0.03947368421052632
},
"p2": {
"x": 0,
"y": 3.5
}
}
},
{
"ID": "2970",
"typeID": "Arrow",
"zOrder": "22",
"w": "136",
"h": "46",
"measuredW": "150",
"measuredH": "100",
"x": "845",
"y": "733",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 135.91934838080022,
"y": 45.847286163200124
},
"p1": {
"x": 0.461517349539306,
"y": -0.013252303469907925
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "2971",
"typeID": "Arrow",
"zOrder": "21",
"w": "137",
"h": "92",
"measuredW": "150",
"measuredH": "100",
"x": "845",
"y": "740",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 137.25757395840026,
"y": 91.03808368960017
},
"p1": {
"x": 0.4416019869605713,
"y": 0.06513505122632714
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "2972",
"typeID": "Arrow",
"zOrder": "20",
"w": "151",
"h": "146",
"measuredW": "150",
"measuredH": "100",
"x": "833",
"y": "741",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 150.5957995360002,
"y": 146.24355794880023
},
"p1": {
"x": 0.4114461538461538,
"y": 0.05243076923076919
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2973",
"typeID": "Arrow",
"zOrder": "19",
"w": "162",
"h": "202",
"measuredW": "150",
"measuredH": "100",
"x": "819",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 161.91934838080022,
"y": 201.7725810528002
},
"p1": {
"x": 0.4134269539924311,
"y": 0.05352954054983893
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2974",
"typeID": "Arrow",
"zOrder": "18",
"w": "176",
"h": "277",
"measuredW": "150",
"measuredH": "100",
"x": "812",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 175.6104762688002,
"y": 276.71321339840017
},
"p1": {
"x": 0.3927933776984256,
"y": 0.0802629443272196
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2975",
"typeID": "__group__",
"zOrder": "89",
"measuredW": "576",
"measuredH": "105",
"w": "576",
"h": "105",
"x": "531",
"y": "1817",
"properties": {
"controlName": "ext_link:roadmap.sh/frontend"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "576",
"h": "105",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "502",
"measuredH": "32",
"x": "40",
"y": "22",
"properties": {
"size": "24",
"text": "Frontend Roadmap after Framework Selection"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "171",
"measuredH": "26",
"x": "205",
"y": "58",
"properties": {
"text": "roadmap.sh/frontend",
"size": "18",
"color": "10027263"
}
}
]
}
}
},
{
"ID": "2976",
"typeID": "Arrow",
"zOrder": "16",
"w": "1",
"h": "55",
"measuredW": "150",
"measuredH": "100",
"x": "630",
"y": "1060",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 55
},
"p1": {
"x": 0.6380090497737557,
"y": -0.0018099547511312255
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2977",
"typeID": "Arrow",
"zOrder": "15",
"w": "1",
"h": "78",
"measuredW": "150",
"measuredH": "100",
"x": "630",
"y": "1127",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 78
},
"p1": {
"x": 0.6380090497737557,
"y": -0.0018099547511312257
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2978",
"typeID": "Arrow",
"zOrder": "14",
"w": "82",
"h": "79",
"measuredW": "150",
"measuredH": "100",
"x": "485",
"y": "1127",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 82,
"y": 78.5
},
"p1": {
"x": 0.6030918077610684,
"y": 0.1775581028499316
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2983",
"typeID": "Arrow",
"zOrder": "12",
"w": "87",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "353",
"y": "1276",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 87,
"y": 4.5
},
"p1": {
"x": 0.5375000000000003,
"y": -0.025000000000000022
},
"p2": {
"x": 0,
"y": 1.5
}
}
},
{
"ID": "2986",
"typeID": "Arrow",
"zOrder": "11",
"w": "81",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "354",
"y": "1333",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 81,
"y": 1.5
},
"p1": {
"x": 0.5375000000000002,
"y": -0.02500000000000002
},
"p2": {
"x": 0,
"y": 2.5
}
}
},
{
"ID": "2987",
"typeID": "Arrow",
"zOrder": "9",
"w": "81",
"h": "49",
"measuredW": "150",
"measuredH": "100",
"x": "355",
"y": "1283",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 81,
"y": 48.5
},
"p1": {
"x": 0.5375000000000003,
"y": -0.025000000000000123
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "2988",
"typeID": "Arrow",
"zOrder": "8",
"w": "58",
"h": "115",
"measuredW": "150",
"measuredH": "100",
"x": "515",
"y": "1217",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 114
},
"p1": {
"x": 0.3905730129390017,
"y": -0.10979667282809613
},
"p2": {
"x": 58,
"y": -0.5
}
}
},
{
"ID": "2989",
"typeID": "Arrow",
"zOrder": "7",
"w": "117",
"h": "389",
"measuredW": "150",
"measuredH": "100",
"x": "604",
"y": "1209",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 92,
"y": -0.5
},
"p1": {
"x": 0.675598782883057,
"y": 0.20191197026423305
},
"p2": {
"x": 0,
"y": 388
}
}
},
{
"ID": "2992",
"typeID": "Arrow",
"zOrder": "6",
"w": "76",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "337",
"y": "1529",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 76,
"y": 2.5
},
"p1": {
"x": 0.5375000000000003,
"y": -0.025000000000000026
},
"p2": {
"x": 0.23284555520007189,
"y": 1.2609479856002963
}
}
},
{
"ID": "2993",
"typeID": "Arrow",
"zOrder": "5",
"w": "71",
"h": "253",
"measuredW": "150",
"measuredH": "100",
"x": "609",
"y": "1207",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 51,
"y": -0.5
},
"p1": {
"x": 0.6755987828830532,
"y": 0.20191197026423108
},
"p2": {
"x": 0,
"y": 252
}
}
},
{
"ID": "2996",
"typeID": "Arrow",
"zOrder": "4",
"w": "86",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "340",
"y": "1459",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 86,
"y": 2.5
},
"p1": {
"x": 0.5375000000000003,
"y": -0.025000000000000022
},
"p2": {
"x": -0.09070328959990093,
"y": 1.6732179504003852
}
}
},
{
"ID": "2997",
"typeID": "TextArea",
"zOrder": "132",
"w": "262",
"h": "205",
"measuredW": "200",
"measuredH": "140",
"x": "969",
"y": "1182"
},
{
"ID": "2998",
"typeID": "Label",
"zOrder": "133",
"measuredW": "56",
"measuredH": "25",
"x": "1072",
"y": "1196",
"properties": {
"size": "17",
"text": "Testing"
}
},
{
"ID": "3003",
"typeID": "Arrow",
"zOrder": "2",
"w": "78",
"h": "51",
"measuredW": "150",
"measuredH": "100",
"x": "361",
"y": "1224",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 78,
"y": 50.5
},
"p1": {
"x": 0.5375000000000003,
"y": -0.025
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "3004",
"typeID": "TextArea",
"zOrder": "138",
"w": "262",
"h": "212",
"measuredW": "200",
"measuredH": "140",
"x": "969",
"y": "1432"
},
{
"ID": "3005",
"typeID": "Label",
"zOrder": "139",
"measuredW": "51",
"measuredH": "25",
"x": "1074",
"y": "1447",
"properties": {
"size": "17",
"text": "Styling"
}
},
{
"ID": "3006",
"typeID": "__group__",
"zOrder": "64",
"measuredW": "244",
"measuredH": "50",
"w": "244",
"h": "50",
"x": "654",
"y": "394",
"properties": {
"controlName": "100-fundamental-topics"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "244",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "155",
"measuredH": "25",
"x": "44",
"y": "12",
"properties": {
"size": "17",
"text": "Fundamental Topics"
}
}
]
}
}
},
{
"ID": "3007",
"typeID": "__group__",
"zOrder": "68",
"measuredW": "134",
"measuredH": "44",
"w": "134",
"h": "44",
"x": "463",
"y": "331",
"properties": {
"controlName": "100-fundamental-topics:vue-cli"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "62",
"measuredH": "25",
"x": "36",
"y": "9",
"properties": {
"size": "17",
"text": "Vue CLI"
}
}
]
}
}
},
{
"ID": "3008",
"typeID": "__group__",
"zOrder": "65",
"measuredW": "132",
"measuredH": "44",
"w": "132",
"h": "44",
"x": "465",
"y": "399",
"properties": {
"controlName": "101-fundamental-topics:components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "132",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"w": "99",
"measuredW": "99",
"measuredH": "25",
"x": "16",
"y": "9",
"properties": {
"size": "17",
"text": "Components"
}
}
]
}
}
},
{
"ID": "3009",
"typeID": "__group__",
"zOrder": "104",
"measuredW": "134",
"measuredH": "44",
"w": "134",
"h": "44",
"x": "465",
"y": "462",
"properties": {
"controlName": "102-fundamental-topics:templates"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "80",
"measuredH": "25",
"x": "27",
"y": "9",
"properties": {
"size": "17",
"text": "Templates"
}
}
]
}
}
},
{
"ID": "3010",
"typeID": "__group__",
"zOrder": "105",
"measuredW": "134",
"measuredH": "44",
"w": "134",
"h": "44",
"x": "465",
"y": "516",
"properties": {
"controlName": "103-fundamental-topics:directives"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "77",
"measuredH": "25",
"x": "28",
"y": "9",
"properties": {
"size": "17",
"text": "Directives"
}
}
]
}
}
},
{
"ID": "3011",
"typeID": "__group__",
"zOrder": "99",
"measuredW": "179",
"measuredH": "44",
"w": "179",
"h": "44",
"x": "420",
"y": "577",
"properties": {
"controlName": "104-fundamental-topics:api-styles"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "179",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "76",
"measuredH": "25",
"x": "47",
"y": "9",
"properties": {
"size": "17",
"text": "API Styles"
}
}
]
}
}
},
{
"ID": "3012",
"typeID": "__group__",
"zOrder": "97",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "313",
"properties": {
"controlName": "105-fundamental-topics:app-configurations"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "146",
"measuredH": "25",
"x": "33",
"y": "9",
"properties": {
"size": "17",
"text": "App Configurations"
}
}
]
}
}
},
{
"ID": "3013",
"typeID": "__group__",
"zOrder": "100",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "365",
"properties": {
"controlName": "106-fundamental-topics:rendering-lists"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "122",
"measuredH": "25",
"x": "45",
"y": "9",
"properties": {
"size": "17",
"text": "Rendering Lists"
}
}
]
}
}
},
{
"ID": "3014",
"typeID": "__group__",
"zOrder": "98",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "416",
"properties": {
"controlName": "107-fundamental-topics:conditional-rendering"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "173",
"measuredH": "25",
"x": "19",
"y": "9",
"properties": {
"size": "17",
"text": "Conditional Rendering"
}
}
]
}
}
},
{
"ID": "3015",
"typeID": "__group__",
"zOrder": "93",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "466",
"properties": {
"controlName": "108-fundamental-topics:lifecycle-hooks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "121",
"measuredH": "25",
"x": "45",
"y": "10",
"properties": {
"size": "17",
"text": "Lifecycle Hooks"
}
}
]
}
}
},
{
"ID": "3016",
"typeID": "__group__",
"zOrder": "101",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "516",
"properties": {
"controlName": "109-fundamental-topics:forms-handling"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "122",
"measuredH": "25",
"x": "45",
"y": "9",
"properties": {
"size": "17",
"text": "Forms Handling"
}
}
]
}
}
},
{
"ID": "3017",
"typeID": "__group__",
"zOrder": "102",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "566",
"properties": {
"controlName": "110-fundamental-topics:events-handling"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "126",
"measuredH": "25",
"x": "43",
"y": "9",
"properties": {
"size": "17",
"text": "Events Handling"
}
}
]
}
}
},
{
"ID": "3018",
"typeID": "__group__",
"zOrder": "94",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "1016",
"y": "616",
"properties": {
"controlName": "111-fundamental-topics:computed-properties"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "165",
"measuredH": "25",
"x": "23",
"y": "9",
"properties": {
"size": "17",
"text": "Computed Properties"
}
}
]
}
}
},
{
"ID": "3019",
"typeID": "__group__",
"zOrder": "66",
"measuredW": "216",
"measuredH": "44",
"w": "216",
"h": "44",
"x": "191",
"y": "330",
"properties": {
"controlName": "100-fundamental-topics:components:single-file-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "183",
"measuredH": "25",
"x": "16",
"y": "10",
"properties": {
"size": "17",
"text": "Single File Components"
}
}
]
}
}
},
{
"ID": "3020",
"typeID": "__group__",
"zOrder": "67",
"measuredW": "216",
"measuredH": "44",
"w": "216",
"h": "44",
"x": "191",
"y": "380",
"properties": {
"controlName": "101-fundamental-topics:components:component-registration"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "188",
"measuredH": "25",
"x": "14",
"y": "10",
"properties": {
"size": "17",
"text": "Component Registration"
}
}
]
}
}
},
{
"ID": "3021",
"typeID": "__group__",
"zOrder": "90",
"measuredW": "104",
"measuredH": "44",
"w": "104",
"h": "44",
"x": "191",
"y": "431",
"properties": {
"controlName": "102-fundamental-topics:components:props"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "45",
"measuredH": "25",
"x": "29",
"y": "9",
"properties": {
"size": "17",
"text": "Props"
}
}
]
}
}
},
{
"ID": "3022",
"typeID": "__group__",
"zOrder": "91",
"measuredW": "104",
"measuredH": "44",
"w": "104",
"h": "44",
"x": "303",
"y": "430",
"properties": {
"controlName": "103-fundamental-topics:components:events"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "53",
"measuredH": "25",
"x": "25",
"y": "10",
"properties": {
"size": "17",
"text": "Events"
}
}
]
}
}
},
{
"ID": "3023",
"typeID": "__group__",
"zOrder": "92",
"measuredW": "216",
"measuredH": "44",
"w": "216",
"h": "44",
"x": "191",
"y": "480",
"properties": {
"controlName": "104-fundamental-topics:components:attribute-inheritance"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "158",
"measuredH": "25",
"x": "29",
"y": "10",
"properties": {
"size": "17",
"text": "Attribute Inheritance"
}
}
]
}
}
},
{
"ID": "3024",
"typeID": "__group__",
"zOrder": "96",
"measuredW": "163",
"measuredH": "44",
"w": "163",
"h": "44",
"x": "228",
"y": "553",
"properties": {
"controlName": "100-fundamental-topics:api-styles:options-api"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "163",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "91",
"measuredH": "25",
"x": "36",
"y": "9",
"properties": {
"size": "17",
"text": "Options API"
}
}
]
}
}
},
{
"ID": "3025",
"typeID": "__group__",
"zOrder": "95",
"measuredW": "163",
"measuredH": "44",
"w": "163",
"h": "44",
"x": "228",
"y": "603",
"properties": {
"controlName": "101-fundamental-topics:api-styles:composition-api"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "163",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "128",
"measuredH": "25",
"x": "18",
"y": "9",
"properties": {
"size": "17",
"text": "Composition API"
}
}
]
}
}
},
{
"ID": "3026",
"typeID": "__group__",
"zOrder": "103",
"measuredW": "299",
"measuredH": "50",
"w": "299",
"h": "50",
"x": "556",
"y": "705",
"properties": {
"controlName": "101-advanced-topics"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "299",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "130",
"measuredH": "25",
"x": "85",
"y": "12",
"properties": {
"size": "17",
"text": "Advanced Topics"
}
}
]
}
}
},
{
"ID": "3027",
"typeID": "__group__",
"zOrder": "117",
"measuredW": "110",
"measuredH": "44",
"w": "110",
"h": "44",
"x": "165",
"y": "755",
"properties": {
"controlName": "100-advanced-topics:ref"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "110",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "22",
"measuredH": "25",
"x": "44",
"y": "9",
"properties": {
"size": "17",
"text": "ref"
}
}
]
}
}
},
{
"ID": "3028",
"typeID": "__group__",
"zOrder": "119",
"measuredW": "104",
"measuredH": "44",
"w": "104",
"h": "44",
"x": "282",
"y": "755",
"properties": {
"controlName": "101-advanced-topics:torefs"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "51",
"measuredH": "25",
"x": "26",
"y": "9",
"properties": {
"size": "17",
"text": "toRefs"
}
}
]
}
}
},
{
"ID": "3029",
"typeID": "__group__",
"zOrder": "118",
"measuredW": "222",
"measuredH": "44",
"w": "222",
"h": "44",
"x": "165",
"y": "806",
"properties": {
"controlName": "102-advanced-topics:reactive"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "222",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "62",
"measuredH": "25",
"x": "80",
"y": "9",
"properties": {
"size": "17",
"text": "reactive"
}
}
]
}
}
},
{
"ID": "3030",
"typeID": "__group__",
"zOrder": "120",
"measuredW": "222",
"measuredH": "44",
"w": "222",
"h": "44",
"x": "165",
"y": "857",
"properties": {
"controlName": "103-advanced-topics:computed"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "222",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "77",
"measuredH": "25",
"x": "72",
"y": "9",
"properties": {
"size": "17",
"text": "computed"
}
}
]
}
}
},
{
"ID": "3031",
"typeID": "__group__",
"zOrder": "121",
"measuredW": "107",
"measuredH": "44",
"w": "107",
"h": "44",
"x": "165",
"y": "908",
"properties": {
"controlName": "104-advanced-topics:watch"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "107",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "45",
"measuredH": "25",
"x": "31",
"y": "9",
"properties": {
"size": "17",
"text": "watch"
}
}
]
}
}
},
{
"ID": "3032",
"typeID": "__group__",
"zOrder": "122",
"measuredW": "105",
"measuredH": "44",
"w": "105",
"h": "44",
"x": "281",
"y": "908",
"properties": {
"controlName": "105-advanced-topics:next-tick"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "105",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "64",
"measuredH": "25",
"x": "21",
"y": "9",
"properties": {
"size": "17",
"text": "nextTick"
}
}
]
}
}
},
{
"ID": "3033",
"typeID": "__group__",
"zOrder": "123",
"measuredW": "221",
"measuredH": "44",
"w": "221",
"h": "44",
"x": "165",
"y": "960",
"properties": {
"controlName": "106-advanced-topics:composables"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "221",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "106",
"measuredH": "25",
"x": "58",
"y": "9",
"properties": {
"size": "17",
"text": "Composables"
}
}
]
}
}
},
{
"ID": "3034",
"typeID": "__group__",
"zOrder": "124",
"measuredW": "227",
"measuredH": "44",
"w": "227",
"h": "44",
"x": "419",
"y": "796",
"properties": {
"controlName": "107-advanced-topics:async-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "148",
"measuredH": "25",
"x": "40",
"y": "9",
"properties": {
"size": "17",
"text": "Async Components"
}
}
]
}
}
},
{
"ID": "3035",
"typeID": "__group__",
"zOrder": "125",
"measuredW": "227",
"measuredH": "44",
"w": "227",
"h": "44",
"x": "417",
"y": "849",
"properties": {
"controlName": "108-advanced-topics:teleport-components"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "167",
"measuredH": "25",
"x": "30",
"y": "9",
"properties": {
"size": "17",
"text": "Teleport Components"
}
}
]
}
}
},
{
"ID": "3036",
"typeID": "__group__",
"zOrder": "126",
"measuredW": "227",
"measuredH": "44",
"w": "227",
"h": "44",
"x": "417",
"y": "900",
"properties": {
"controlName": "109-advanced-topics:provide-inject"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "119",
"measuredH": "25",
"x": "54",
"y": "9",
"properties": {
"size": "17",
"text": "Provide / Inject"
}
}
]
}
}
},
{
"ID": "3037",
"typeID": "__group__",
"zOrder": "108",
"measuredW": "261",
"measuredH": "44",
"w": "261",
"h": "44",
"x": "969",
"y": "705",
"properties": {
"controlName": "110-advanced-topics:custom-directives"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "261",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "140",
"measuredH": "25",
"x": "61",
"y": "9",
"properties": {
"size": "17",
"text": "Custom Directives"
}
}
]
}
}
},
{
"ID": "3038",
"typeID": "__group__",
"zOrder": "109",
"measuredW": "262",
"measuredH": "44",
"w": "262",
"h": "44",
"x": "969",
"y": "755",
"properties": {
"controlName": "111-advanced-topics:custom-events"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "262",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "116",
"measuredH": "25",
"x": "73",
"y": "9",
"properties": {
"size": "17",
"text": "Custom Events"
}
}
]
}
}
},
{
"ID": "3039",
"typeID": "__group__",
"zOrder": "110",
"measuredW": "262",
"measuredH": "44",
"w": "262",
"h": "44",
"x": "969",
"y": "806",
"properties": {
"controlName": "112-advanced-topics:plugins"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "262",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "56",
"measuredH": "25",
"x": "103",
"y": "9",
"properties": {
"size": "17",
"text": "Plugins"
}
}
]
}
}
},
{
"ID": "3040",
"typeID": "__group__",
"zOrder": "106",
"measuredW": "263",
"measuredH": "44",
"w": "263",
"h": "44",
"x": "969",
"y": "860",
"properties": {
"controlName": "113-advanced-topics:watchers"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "263",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "73",
"measuredH": "25",
"x": "95",
"y": "9",
"properties": {
"size": "17",
"text": "Watchers"
}
}
]
}
}
},
{
"ID": "3041",
"typeID": "__group__",
"zOrder": "107",
"measuredW": "265",
"measuredH": "44",
"w": "265",
"h": "44",
"x": "969",
"y": "911",
"properties": {
"controlName": "114-advanced-topics:slots"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "265",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "38",
"measuredH": "25",
"x": "114",
"y": "9",
"properties": {
"size": "17",
"text": "Slots"
}
}
]
}
}
},
{
"ID": "3042",
"typeID": "__group__",
"zOrder": "113",
"measuredW": "230",
"measuredH": "44",
"w": "230",
"h": "44",
"x": "985",
"y": "1011",
"properties": {
"controlName": "115-advanced-topics:transition"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "230",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "76",
"measuredH": "25",
"x": "77",
"y": "9",
"properties": {
"size": "17",
"text": "Transition"
}
}
]
}
}
},
{
"ID": "3043",
"typeID": "__group__",
"zOrder": "114",
"measuredW": "231",
"measuredH": "44",
"w": "231",
"h": "44",
"x": "985",
"y": "1061",
"properties": {
"controlName": "116-advanced-topics:transition-group"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "231",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "128",
"measuredH": "25",
"x": "52",
"y": "9",
"properties": {
"size": "17",
"text": "Transition Group"
}
}
]
}
}
},
{
"ID": "3044",
"typeID": "__group__",
"zOrder": "69",
"measuredW": "326",
"measuredH": "50",
"w": "326",
"h": "50",
"x": "556",
"y": "1179",
"properties": {
"controlName": "102-ecosystem"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "326",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "84",
"measuredH": "25",
"x": "121",
"y": "12",
"properties": {
"size": "17",
"text": "Ecosystem"
}
}
]
}
}
},
{
"ID": "3045",
"typeID": "__group__",
"zOrder": "74",
"measuredW": "142",
"measuredH": "44",
"w": "142",
"h": "44",
"x": "560",
"y": "1096",
"properties": {
"controlName": "100-ecosystem:routing"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "142",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "60",
"measuredH": "25",
"x": "41",
"y": "9",
"properties": {
"size": "17",
"text": "Routing"
}
}
]
}
}
},
{
"ID": "3046",
"typeID": "__group__",
"zOrder": "70",
"measuredW": "108",
"measuredH": "44",
"w": "108",
"h": "44",
"x": "425",
"y": "1096",
"properties": {
"controlName": "101-ecosystem:forms"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "48",
"measuredH": "25",
"x": "30",
"y": "9",
"properties": {
"size": "17",
"text": "Forms"
}
}
]
}
}
},
{
"ID": "3047",
"typeID": "__group__",
"zOrder": "128",
"measuredW": "108",
"measuredH": "44",
"w": "108",
"h": "44",
"x": "425",
"y": "1256",
"properties": {
"controlName": "102-ecosystem:ssr"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "33",
"measuredH": "25",
"x": "37",
"y": "9",
"properties": {
"size": "17",
"text": "SSR"
}
}
]
}
}
},
{
"ID": "3048",
"typeID": "__group__",
"zOrder": "129",
"measuredW": "108",
"measuredH": "44",
"w": "108",
"h": "44",
"x": "425",
"y": "1307",
"properties": {
"controlName": "103-ecosystem:ssg"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "34",
"measuredH": "25",
"x": "37",
"y": "9",
"properties": {
"size": "17",
"text": "SSG"
}
}
]
}
}
},
{
"ID": "3049",
"typeID": "__group__",
"zOrder": "85",
"measuredW": "216",
"measuredH": "44",
"w": "216",
"h": "44",
"x": "402",
"y": "1438",
"properties": {
"controlName": "104-ecosystem:state-management"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "148",
"measuredH": "25",
"x": "34",
"y": "9",
"properties": {
"size": "17",
"text": "State Management"
}
}
]
}
}
},
{
"ID": "3050",
"typeID": "__group__",
"zOrder": "84",
"measuredW": "219",
"measuredH": "44",
"w": "219",
"h": "44",
"x": "403",
"y": "1509",
"properties": {
"controlName": "105-ecosystem:mobile-apps"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "219",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "95",
"measuredH": "25",
"x": "62",
"y": "9",
"properties": {
"size": "17",
"text": "Mobile Apps"
}
}
]
}
}
},
{
"ID": "3051",
"typeID": "__group__",
"zOrder": "76",
"measuredW": "221",
"measuredH": "44",
"w": "221",
"h": "44",
"x": "401",
"y": "1575",
"properties": {
"controlName": "106-ecosystem:api-calls"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "221",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "69",
"measuredH": "25",
"x": "76",
"y": "9",
"properties": {
"size": "17",
"text": "API Calls"
}
}
]
}
}
},
{
"ID": "3052",
"typeID": "__group__",
"zOrder": "134",
"measuredW": "229",
"measuredH": "44",
"w": "229",
"h": "44",
"x": "985",
"y": "1231",
"properties": {
"controlName": "107-ecosystem:jest"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "229",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "33",
"measuredH": "25",
"x": "98",
"y": "10",
"properties": {
"size": "17",
"text": "Jest"
}
}
]
}
}
},
{
"ID": "3053",
"typeID": "__group__",
"zOrder": "135",
"measuredW": "229",
"measuredH": "44",
"w": "229",
"h": "44",
"x": "986",
"y": "1280",
"properties": {
"controlName": "108-ecosystem:vue-testing-library"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "229",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "147",
"measuredH": "25",
"x": "41",
"y": "10",
"properties": {
"size": "17",
"text": "Vue Testing Library"
}
}
]
}
}
},
{
"ID": "3054",
"typeID": "__group__",
"zOrder": "136",
"measuredW": "228",
"measuredH": "44",
"w": "228",
"h": "44",
"x": "989",
"y": "1329",
"properties": {
"controlName": "109-ecosystem:cypress"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "228",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "63",
"measuredH": "25",
"x": "82",
"y": "10",
"properties": {
"size": "17",
"text": "Cypress"
}
}
]
}
}
},
{
"ID": "3055",
"typeID": "__group__",
"zOrder": "140",
"measuredW": "230",
"measuredH": "44",
"w": "230",
"h": "44",
"x": "986",
"y": "1486",
"properties": {
"controlName": "110-ecosystem:tailwind-css"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "230",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "98",
"measuredH": "25",
"x": "66",
"y": "10",
"properties": {
"size": "17",
"text": "Tailwind CSS"
}
}
]
}
}
},
{
"ID": "3056",
"typeID": "__group__",
"zOrder": "141",
"measuredW": "228",
"measuredH": "44",
"w": "228",
"h": "44",
"x": "988",
"y": "1535",
"properties": {
"controlName": "111-ecosystem:vuetify"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "228",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "52",
"measuredH": "25",
"x": "88",
"y": "10",
"properties": {
"size": "17",
"text": "Vuetify"
}
}
]
}
}
},
{
"ID": "3057",
"typeID": "__group__",
"zOrder": "142",
"measuredW": "228",
"measuredH": "44",
"w": "228",
"h": "44",
"x": "988",
"y": "1583",
"properties": {
"controlName": "112-ecosystem:element-ui"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "228",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "87",
"measuredH": "25",
"x": "70",
"y": "10",
"properties": {
"size": "17",
"text": "Element UI"
}
}
]
}
}
},
{
"ID": "3058",
"typeID": "__group__",
"zOrder": "75",
"measuredW": "143",
"measuredH": "44",
"w": "143",
"h": "44",
"x": "559",
"y": "1034",
"properties": {
"controlName": "100-ecosystem:routing:vue-router"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "143",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "87",
"measuredH": "25",
"x": "28",
"y": "9",
"properties": {
"size": "17",
"text": "Vue Router"
}
}
]
}
}
},
{
"ID": "3059",
"typeID": "__group__",
"zOrder": "71",
"measuredW": "212",
"measuredH": "44",
"w": "212",
"h": "44",
"x": "160",
"y": "1048",
"properties": {
"controlName": "100-ecosystem:forms:vue-formulate"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "112",
"measuredH": "25",
"x": "50",
"y": "9",
"properties": {
"size": "17",
"text": "Vue Formulate"
}
}
]
}
}
},
{
"ID": "3060",
"typeID": "__group__",
"zOrder": "72",
"measuredW": "211",
"measuredH": "44",
"w": "211",
"h": "44",
"x": "161",
"y": "1098",
"properties": {
"controlName": "101-ecosystem:forms:vee-validate"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "211",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "95",
"measuredH": "25",
"x": "58",
"y": "10",
"properties": {
"size": "17",
"text": "Vee Validate"
}
}
]
}
}
},
{
"ID": "3061",
"typeID": "__group__",
"zOrder": "73",
"measuredW": "211",
"measuredH": "44",
"w": "211",
"h": "44",
"x": "161",
"y": "1148",
"properties": {
"controlName": "102-ecosystem:forms:vuelidate"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "211",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "72",
"measuredH": "25",
"x": "70",
"y": "9",
"properties": {
"size": "17",
"text": "Vuelidate"
}
}
]
}
}
},
{
"ID": "3062",
"typeID": "__group__",
"zOrder": "137",
"measuredW": "207",
"measuredH": "44",
"w": "207",
"h": "44",
"x": "163",
"y": "1204",
"properties": {
"controlName": "100-ecosystem:ssr:quasar"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "207",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "57",
"measuredH": "25",
"x": "75",
"y": "9",
"properties": {
"size": "17",
"text": "Quasar"
}
}
]
}
}
},
{
"ID": "3063",
"typeID": "__group__",
"zOrder": "86",
"measuredW": "206",
"measuredH": "44",
"w": "206",
"h": "44",
"x": "164",
"y": "1256",
"properties": {
"controlName": "101-ecosystem:ssr:nuxt-js"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "206",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "52",
"measuredH": "25",
"x": "77",
"y": "9",
"properties": {
"size": "17",
"text": "Nuxt.js"
}
}
]
}
}
},
{
"ID": "3064",
"typeID": "__group__",
"zOrder": "87",
"measuredW": "207",
"measuredH": "44",
"w": "207",
"h": "44",
"x": "163",
"y": "1311",
"properties": {
"controlName": "100-ecosystem:ssg:gridsome"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "207",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "75",
"measuredH": "25",
"x": "66",
"y": "10",
"properties": {
"size": "17",
"text": "Gridsome"
}
}
]
}
}
},
{
"ID": "3065",
"typeID": "__group__",
"zOrder": "127",
"measuredW": "208",
"measuredH": "44",
"w": "208",
"h": "44",
"x": "164",
"y": "1362",
"properties": {
"controlName": "101-ecosystem:ssg:vuepress"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "208",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "72",
"measuredH": "25",
"x": "68",
"y": "10",
"properties": {
"size": "17",
"text": "Vuepress"
}
}
]
}
}
},
{
"ID": "3066",
"typeID": "__group__",
"zOrder": "131",
"measuredW": "194",
"measuredH": "44",
"w": "194",
"h": "44",
"x": "162",
"y": "1438",
"properties": {
"controlName": "100-ecosystem:state-management:pinia"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "194",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "38",
"measuredH": "25",
"x": "78",
"y": "9",
"properties": {
"size": "17",
"text": "Pinia"
}
}
]
}
}
},
{
"ID": "3067",
"typeID": "__group__",
"zOrder": "130",
"measuredW": "193",
"measuredH": "44",
"w": "193",
"h": "44",
"x": "163",
"y": "1510",
"properties": {
"controlName": "100-ecosystem:mobile-apps:capacitor"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "193",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "76",
"measuredH": "25",
"x": "59",
"y": "9",
"properties": {
"size": "17",
"text": "Capacitor"
}
}
]
}
}
},
{
"ID": "3068",
"typeID": "__group__",
"zOrder": "81",
"measuredW": "190",
"measuredH": "44",
"w": "190",
"h": "44",
"x": "165",
"y": "1573",
"properties": {
"controlName": "100-ecosystem:api-calls:apollo"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "190",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "48",
"measuredH": "25",
"x": "71",
"y": "10",
"properties": {
"size": "17",
"text": "Apollo"
}
}
]
}
}
},
{
"ID": "3069",
"typeID": "__group__",
"zOrder": "82",
"measuredW": "188",
"measuredH": "44",
"w": "188",
"h": "44",
"x": "167",
"y": "1623",
"properties": {
"controlName": "101-ecosystem:api-calls:vue-relay"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "188",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "78",
"measuredH": "25",
"x": "55",
"y": "9",
"properties": {
"size": "17",
"text": "Vue Relay"
}
}
]
}
}
},
{
"ID": "3070",
"typeID": "__group__",
"zOrder": "77",
"measuredW": "191",
"measuredH": "44",
"w": "191",
"h": "44",
"x": "166",
"y": "1719",
"properties": {
"controlName": "102-ecosystem:api-calls:axios"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "191",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "41",
"measuredH": "25",
"x": "75",
"y": "10",
"properties": {
"size": "17",
"text": "Axios"
}
}
]
}
}
},
{
"ID": "3071",
"typeID": "__group__",
"zOrder": "78",
"measuredW": "189",
"measuredH": "44",
"w": "189",
"h": "44",
"x": "167",
"y": "1771",
"properties": {
"controlName": "103-ecosystem:api-calls:unfetch"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "189",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "61",
"measuredH": "25",
"x": "64",
"y": "10",
"properties": {
"size": "17",
"text": "Unfetch"
}
}
]
}
}
},
{
"ID": "3072",
"typeID": "__group__",
"zOrder": "79",
"measuredW": "189",
"measuredH": "44",
"w": "189",
"h": "44",
"x": "167",
"y": "1823",
"properties": {
"controlName": "104-ecosystem:api-calls:superagent"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "189",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "88",
"measuredH": "25",
"x": "51",
"y": "10",
"properties": {
"size": "17",
"text": "superagent"
}
}
]
}
}
},
{
"ID": "3073",
"typeID": "Arrow",
"zOrder": "1",
"w": "43",
"h": "129",
"measuredW": "150",
"measuredH": "100",
"x": "636",
"y": "742",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 27.61311916160014,
"y": 0.00939094720013145
},
"p1": {
"x": 0.6466153827592942,
"y": 0.2446732777297158
},
"p2": {
"x": -0.3428506399998241,
"y": 129.18485101760018
}
}
},
{
"ID": "3074",
"typeID": "Arrow",
"zOrder": "0",
"w": "68",
"h": "186",
"measuredW": "150",
"measuredH": "100",
"x": "624",
"y": "736",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 50.465691110400144,
"y": 0.02406768000014381
},
"p1": {
"x": 0.6466153827592942,
"y": 0.2446732777297158
},
"p2": {
"x": -0.3868808383998612,
"y": 186.0374229664002
}
}
}
]
},
"attributes": {
"name": "New Wireframe 1",
"order": 1000000,
"parentID": null,
"notes": ""
},
"branchID": "Master",
"resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597",
"mockupH": "1998",
"mockupW": "1163",
"measuredW": "1314",
"measuredH": "2025",
"version": "1.0"
},
"groupOffset": {
"x": 0,
"y": 0
},
"dependencies": [],
"projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}