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.

4024 lines
94 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "1762",
"typeID": "Arrow",
"zOrder": "39",
"w": "45",
"h": "106",
"measuredW": "150",
"measuredH": "100",
"x": "575",
"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": "40",
"measuredW": "74",
"measuredH": "36",
"x": "620",
"y": "288",
"properties": {
"size": "28",
"text": "Vue.js"
}
},
{
"ID": "1764",
"typeID": "Arrow",
"zOrder": "41",
"w": "27",
"measuredW": "150",
"measuredH": "100",
"x": "568",
"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": "8",
"w": "91",
"h": "56",
"measuredW": "150",
"measuredH": "100",
"x": "240",
"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": "42",
"w": "6",
"h": "656",
"measuredW": "150",
"measuredH": "100",
"x": "643",
"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": 655.6666666666667
}
}
},
{
"ID": "1777",
"typeID": "Arrow",
"zOrder": "43",
"w": "120",
"h": "234",
"measuredW": "150",
"measuredH": "100",
"x": "695",
"y": "1206",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.6386805175102198,
"y": -0.153177546462135
},
"p2": {
"x": 120,
"y": 233.5
}
}
},
{
"ID": "1780",
"typeID": "Arrow",
"zOrder": "44",
"w": "74",
"h": "47",
"measuredW": "150",
"measuredH": "100",
"x": "242",
"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": "11",
"w": "78",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "238",
"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": "1",
"w": "117",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "721",
"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.01043162748507068
},
"p2": {
"x": 117,
"y": 0
}
}
},
{
"ID": "1786",
"typeID": "Arrow",
"zOrder": "45",
"w": "80",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "237",
"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": "46",
"w": "85",
"h": "41",
"measuredW": "150",
"measuredH": "100",
"x": "271",
"y": "1602",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 41
},
"p1": {
"x": 0.48542738182708794,
"y": 0.05241244183198634
},
"p2": {
"x": 84.5,
"y": 0
}
}
},
{
"ID": "1788",
"typeID": "Arrow",
"zOrder": "47",
"w": "87",
"h": "2",
"measuredW": "150",
"measuredH": "100",
"x": "273",
"y": "1594",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 2
},
"p1": {
"x": 0.3828571428571428,
"y": 5.694782320334749e-18
},
"p2": {
"x": 86.5,
"y": 0
}
}
},
{
"ID": "1790",
"typeID": "Arrow",
"zOrder": "48",
"w": "78",
"h": "171",
"measuredW": "150",
"measuredH": "100",
"x": "281",
"y": "1604",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 171
},
"p1": {
"x": 0.48065451914688384,
"y": -0.054089326117640384
},
"p2": {
"x": 77.5,
"y": 0
}
}
},
{
"ID": "1791",
"typeID": "Arrow",
"zOrder": "49",
"w": "91",
"h": "204",
"measuredW": "150",
"measuredH": "100",
"x": "279",
"y": "1613",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 204
},
"p1": {
"x": 0.3884502446982055,
"y": -0.12424143556280587
},
"p2": {
"x": 90.5,
"y": 0
}
}
},
{
"ID": "1792",
"typeID": "Arrow",
"zOrder": "50",
"w": "85",
"h": "121",
"measuredW": "150",
"measuredH": "100",
"x": "276",
"y": "1601",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 121
},
"p1": {
"x": 0.48542738182708794,
"y": 0.05241244183198628
},
"p2": {
"x": 84.5,
"y": 0
}
}
},
{
"ID": "1795",
"typeID": "Arrow",
"zOrder": "51",
"w": "40",
"h": "67",
"measuredW": "150",
"measuredH": "100",
"x": "404",
"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": "52",
"w": "96",
"h": "286",
"measuredW": "150",
"measuredH": "100",
"x": "484",
"y": "1242",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 85,
"y": 0
},
"p1": {
"x": 0.675598782883057,
"y": 0.201911970264233
},
"p2": {
"x": 0,
"y": 286
}
}
},
{
"ID": "1799",
"typeID": "Arrow",
"zOrder": "53",
"w": "76",
"h": "463",
"measuredW": "150",
"measuredH": "100",
"x": "593",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5185682873198143,
"y": 0.1638162716833618
},
"p2": {
"x": 0,
"y": 463
}
}
},
{
"ID": "1810",
"typeID": "Arrow",
"zOrder": "54",
"w": "66",
"h": "58",
"measuredW": "150",
"measuredH": "100",
"x": "474",
"y": "430",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 66,
"y": 0
},
"p1": {
"x": 0.44947028326696215,
"y": -0.10519197535502285
},
"p2": {
"x": 0,
"y": 58
}
}
},
{
"ID": "1820",
"typeID": "Arrow",
"zOrder": "55",
"w": "25",
"h": "70",
"measuredW": "150",
"measuredH": "100",
"x": "666",
"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": "56",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "714",
"y": "69"
},
{
"ID": "1822",
"typeID": "Label",
"zOrder": "57",
"measuredW": "314",
"measuredH": "25",
"x": "728",
"y": "86",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "1823",
"typeID": "Label",
"zOrder": "58",
"measuredW": "319",
"measuredH": "25",
"x": "728",
"y": "114",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "1831",
"typeID": "Arrow",
"zOrder": "60",
"w": "84",
"h": "5",
"measuredW": "150",
"measuredH": "100",
"x": "459",
"y": "417",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 84,
"y": 0
},
"p1": {
"x": 0.475215365061432,
"y": -0.01638186696794238
},
"p2": {
"x": 0,
"y": 5
}
}
},
{
"ID": "1832",
"typeID": "Arrow",
"zOrder": "61",
"w": "78",
"h": "58",
"measuredW": "150",
"measuredH": "100",
"x": "463",
"y": "348",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 78,
"y": 58
},
"p1": {
"x": 0.3790945128312122,
"y": 0.059878990194032984
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "1833",
"typeID": "TextArea",
"zOrder": "62",
"w": "246",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "534",
"y": "394",
"properties": {
"color": "16776960"
}
},
{
"ID": "1834",
"typeID": "Label",
"zOrder": "63",
"measuredW": "155",
"measuredH": "25",
"x": "579",
"y": "406",
"properties": {
"size": "17",
"text": "Fundamental Topics"
}
},
{
"ID": "1835",
"typeID": "TextArea",
"zOrder": "64",
"w": "132",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "345",
"y": "399",
"properties": {
"color": "16767334"
}
},
{
"ID": "1836",
"typeID": "Label",
"zOrder": "65",
"w": "99",
"measuredW": "99",
"measuredH": "25",
"x": "361",
"y": "408",
"properties": {
"size": "17",
"text": "Components"
}
},
{
"ID": "1839",
"typeID": "TextArea",
"zOrder": "66",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "330",
"properties": {
"color": "16770457"
}
},
{
"ID": "1840",
"typeID": "Label",
"zOrder": "67",
"measuredW": "183",
"measuredH": "25",
"x": "97",
"y": "340",
"properties": {
"size": "17",
"text": "Single File Components"
}
},
{
"ID": "1841",
"typeID": "TextArea",
"zOrder": "68",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "380",
"properties": {
"color": "16770457"
}
},
{
"ID": "1842",
"typeID": "Label",
"zOrder": "69",
"measuredW": "188",
"measuredH": "25",
"x": "95",
"y": "390",
"properties": {
"size": "17",
"text": "Component Registration"
}
},
{
"ID": "1857",
"typeID": "TextArea",
"zOrder": "70",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "343",
"y": "331",
"properties": {
"color": "16770457"
}
},
{
"ID": "1858",
"typeID": "Label",
"zOrder": "71",
"measuredW": "62",
"measuredH": "25",
"x": "379",
"y": "340",
"properties": {
"size": "17",
"text": "Vue CLI"
}
},
{
"ID": "1882",
"typeID": "TextArea",
"zOrder": "72",
"w": "299",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "436",
"y": "1179",
"properties": {
"color": "16776960"
}
},
{
"ID": "1883",
"typeID": "Label",
"zOrder": "73",
"measuredW": "84",
"measuredH": "25",
"x": "544",
"y": "1191",
"properties": {
"size": "17",
"text": "Ecosystem"
}
},
{
"ID": "1884",
"typeID": "TextArea",
"zOrder": "74",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "305",
"y": "1096",
"properties": {
"color": "16767334"
}
},
{
"ID": "1885",
"typeID": "Label",
"zOrder": "75",
"measuredW": "48",
"measuredH": "25",
"x": "335",
"y": "1105",
"properties": {
"size": "17",
"text": "Forms"
}
},
{
"ID": "1886",
"typeID": "TextArea",
"zOrder": "76",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "1048",
"properties": {
"color": "16770457"
}
},
{
"ID": "1887",
"typeID": "Label",
"zOrder": "77",
"measuredW": "112",
"measuredH": "25",
"x": "111",
"y": "1057",
"properties": {
"size": "17",
"text": "Vue Formulate"
}
},
{
"ID": "1888",
"typeID": "TextArea",
"zOrder": "78",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "1098",
"properties": {
"color": "16770457"
}
},
{
"ID": "1889",
"typeID": "Label",
"zOrder": "79",
"measuredW": "95",
"measuredH": "25",
"x": "119",
"y": "1108",
"properties": {
"size": "17",
"text": "Vee Validate"
}
},
{
"ID": "1890",
"typeID": "TextArea",
"zOrder": "80",
"w": "171",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "1148",
"properties": {
"color": "16770457"
}
},
{
"ID": "1891",
"typeID": "Label",
"zOrder": "81",
"measuredW": "72",
"measuredH": "25",
"x": "131",
"y": "1157",
"properties": {
"size": "17",
"text": "Vuelidate"
}
},
{
"ID": "1892",
"typeID": "TextArea",
"zOrder": "82",
"w": "142",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "440",
"y": "1096",
"properties": {
"color": "16767334"
}
},
{
"ID": "1893",
"typeID": "Label",
"zOrder": "83",
"measuredW": "60",
"measuredH": "25",
"x": "481",
"y": "1105",
"properties": {
"size": "17",
"text": "Routing"
}
},
{
"ID": "1894",
"typeID": "TextArea",
"zOrder": "84",
"w": "143",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "439",
"y": "1034",
"properties": {
"color": "16770457"
}
},
{
"ID": "1895",
"typeID": "Label",
"zOrder": "85",
"measuredW": "87",
"measuredH": "25",
"x": "467",
"y": "1043",
"properties": {
"size": "17",
"text": "Vue Router"
}
},
{
"ID": "1898",
"typeID": "TextArea",
"zOrder": "86",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "345",
"y": "1575",
"properties": {
"color": "16767334"
}
},
{
"ID": "1899",
"typeID": "Label",
"zOrder": "87",
"measuredW": "69",
"measuredH": "25",
"x": "389",
"y": "1584",
"properties": {
"size": "17",
"text": "API Calls"
}
},
{
"ID": "1900",
"typeID": "TextArea",
"zOrder": "88",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "130",
"y": "1699",
"properties": {
"color": "16770457"
}
},
{
"ID": "1901",
"typeID": "Label",
"zOrder": "89",
"measuredW": "41",
"measuredH": "25",
"x": "187",
"y": "1709",
"properties": {
"size": "17",
"text": "Axios"
}
},
{
"ID": "1902",
"typeID": "TextArea",
"zOrder": "90",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "129",
"y": "1749",
"properties": {
"color": "16770457"
}
},
{
"ID": "1903",
"typeID": "Label",
"zOrder": "91",
"measuredW": "61",
"measuredH": "25",
"x": "178",
"y": "1759",
"properties": {
"size": "17",
"text": "Unfetch"
}
},
{
"ID": "1904",
"typeID": "TextArea",
"zOrder": "92",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "129",
"y": "1798",
"properties": {
"color": "16770457"
}
},
{
"ID": "1905",
"typeID": "Label",
"zOrder": "93",
"measuredW": "88",
"measuredH": "25",
"x": "164",
"y": "1808",
"properties": {
"size": "17",
"text": "superagent"
}
},
{
"ID": "1906",
"typeID": "Label",
"zOrder": "94",
"measuredW": "25",
"measuredH": "117",
"x": "95",
"y": "1710",
"properties": {
"size": "17",
"text": "REST API Calls",
"textOrientation": "up"
}
},
{
"ID": "1909",
"typeID": "TextArea",
"zOrder": "95",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "129",
"y": "1573",
"properties": {
"color": "16770457"
}
},
{
"ID": "1910",
"typeID": "Label",
"zOrder": "96",
"measuredW": "48",
"measuredH": "25",
"x": "184",
"y": "1583",
"properties": {
"size": "17",
"text": "Apollo"
}
},
{
"ID": "1911",
"typeID": "TextArea",
"zOrder": "97",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "129",
"y": "1621",
"properties": {
"color": "16770457"
}
},
{
"ID": "1912",
"typeID": "Label",
"zOrder": "98",
"measuredW": "78",
"measuredH": "25",
"x": "168",
"y": "1630",
"properties": {
"size": "17",
"text": "Vue Relay"
}
},
{
"ID": "1913",
"typeID": "Label",
"zOrder": "99",
"measuredW": "25",
"measuredH": "71",
"x": "95",
"y": "1588",
"properties": {
"size": "17",
"text": "GraphQL",
"textOrientation": "up"
}
},
{
"ID": "1914",
"typeID": "TextArea",
"zOrder": "100",
"w": "160",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "342",
"y": "1509",
"properties": {
"color": "16767334"
}
},
{
"ID": "1915",
"typeID": "Label",
"zOrder": "101",
"measuredW": "95",
"measuredH": "25",
"x": "374",
"y": "1518",
"properties": {
"size": "17",
"text": "Mobile Apps"
}
},
{
"ID": "1916",
"typeID": "TextArea",
"zOrder": "193",
"w": "197",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "829",
"y": "1231",
"properties": {
"color": "16770457"
}
},
{
"ID": "1917",
"typeID": "Label",
"zOrder": "194",
"measuredW": "33",
"measuredH": "25",
"x": "921",
"y": "1241",
"properties": {
"size": "17",
"text": "Jest"
}
},
{
"ID": "1918",
"typeID": "TextArea",
"zOrder": "195",
"w": "198",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "829",
"y": "1280",
"properties": {
"color": "16770457"
}
},
{
"ID": "1919",
"typeID": "Label",
"zOrder": "196",
"measuredW": "147",
"measuredH": "25",
"x": "854",
"y": "1290",
"properties": {
"size": "17",
"text": "Vue Testing Library"
}
},
{
"ID": "1920",
"typeID": "TextArea",
"zOrder": "197",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "829",
"y": "1329",
"properties": {
"color": "16770457"
}
},
{
"ID": "1921",
"typeID": "Label",
"zOrder": "198",
"measuredW": "63",
"measuredH": "25",
"x": "905",
"y": "1339",
"properties": {
"size": "17",
"text": "Cypress"
}
},
{
"ID": "1922",
"typeID": "TextArea",
"zOrder": "102",
"w": "160",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "342",
"y": "1438",
"properties": {
"color": "16767334"
}
},
{
"ID": "1923",
"typeID": "Label",
"zOrder": "103",
"measuredW": "92",
"measuredH": "25",
"x": "376",
"y": "1447",
"properties": {
"size": "17",
"text": "State Mgmt."
}
},
{
"ID": "1932",
"typeID": "TextArea",
"zOrder": "104",
"w": "158",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "92",
"y": "1256",
"properties": {
"color": "16770457"
}
},
{
"ID": "1933",
"typeID": "Label",
"zOrder": "105",
"measuredW": "52",
"measuredH": "25",
"x": "145",
"y": "1265",
"properties": {
"size": "17",
"text": "Nuxt.js"
}
},
{
"ID": "1936",
"typeID": "TextArea",
"zOrder": "203",
"w": "198",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "830",
"y": "1456",
"properties": {
"color": "16770457"
}
},
{
"ID": "1937",
"typeID": "Label",
"zOrder": "204",
"measuredW": "98",
"measuredH": "25",
"x": "880",
"y": "1466",
"properties": {
"size": "17",
"text": "Tailwind CSS"
}
},
{
"ID": "1938",
"typeID": "TextArea",
"zOrder": "205",
"w": "198",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "830",
"y": "1505",
"properties": {
"color": "16770457"
}
},
{
"ID": "1939",
"typeID": "Label",
"zOrder": "206",
"measuredW": "52",
"measuredH": "25",
"x": "903",
"y": "1515",
"properties": {
"size": "17",
"text": "Vuetify"
}
},
{
"ID": "1940",
"typeID": "TextArea",
"zOrder": "207",
"w": "198",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "830",
"y": "1553",
"properties": {
"color": "16770457"
}
},
{
"ID": "1941",
"typeID": "Label",
"zOrder": "208",
"measuredW": "87",
"measuredH": "25",
"x": "885",
"y": "1563",
"properties": {
"size": "17",
"text": "Element UI"
}
},
{
"ID": "1946",
"typeID": "TextArea",
"zOrder": "106",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "93",
"y": "1311",
"properties": {
"color": "16770457"
}
},
{
"ID": "1947",
"typeID": "Label",
"zOrder": "107",
"measuredW": "75",
"measuredH": "25",
"x": "134",
"y": "1321",
"properties": {
"size": "17",
"text": "Gridsome"
}
},
{
"ID": "1952",
"typeID": "Arrow",
"zOrder": "108",
"w": "4",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "640",
"y": "1907",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "bottom",
"leftArrow": "false",
"p0": {
"length": 3,
"x": 3,
"y": 0
},
"p1": {
"length": 0.5327426604018495,
"x": 0.5326751848090503,
"y": 0.008478779433645868
},
"p2": {
"length": 88,
"x": 0,
"y": 88
},
"rightArrow": "false"
}
},
{
"ID": "1963",
"typeID": "__group__",
"zOrder": "109",
"measuredW": "542",
"measuredH": "96",
"w": "542",
"h": "96",
"x": "135",
"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": "59",
"measuredW": "320",
"measuredH": "45",
"w": "320",
"h": "45",
"x": "729",
"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": "1965",
"typeID": "TextArea",
"zOrder": "111",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "431",
"properties": {
"color": "16770457"
}
},
{
"ID": "1966",
"typeID": "Label",
"zOrder": "112",
"measuredW": "45",
"measuredH": "25",
"x": "110",
"y": "440",
"properties": {
"size": "17",
"text": "Props"
}
},
{
"ID": "1967",
"typeID": "TextArea",
"zOrder": "113",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "193",
"y": "430",
"properties": {
"color": "16770457"
}
},
{
"ID": "1968",
"typeID": "Label",
"zOrder": "114",
"measuredW": "53",
"measuredH": "25",
"x": "218",
"y": "440",
"properties": {
"size": "17",
"text": "Events"
}
},
{
"ID": "1969",
"typeID": "TextArea",
"zOrder": "115",
"w": "216",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "480",
"properties": {
"color": "16770457"
}
},
{
"ID": "1970",
"typeID": "Label",
"zOrder": "116",
"measuredW": "158",
"measuredH": "25",
"x": "110",
"y": "490",
"properties": {
"size": "17",
"text": "Attribute Inheritance"
}
},
{
"ID": "1971",
"typeID": "Arrow",
"zOrder": "38",
"w": "65",
"h": "56",
"measuredW": "150",
"measuredH": "100",
"x": "287",
"y": "353",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": -0.5
},
"p1": {
"x": 0.5531295985763663,
"y": -0.08925088121556415
},
"p2": {
"x": 65,
"y": 55
}
}
},
{
"ID": "1972",
"typeID": "Arrow",
"zOrder": "37",
"w": "62",
"h": "14",
"measuredW": "150",
"measuredH": "100",
"x": "284",
"y": "404",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": -0.5
},
"p1": {
"x": 0.4067680844458243,
"y": -0.016268239677118906
},
"p2": {
"x": 62,
"y": 13
}
}
},
{
"ID": "1973",
"typeID": "Arrow",
"zOrder": "36",
"w": "65",
"h": "31",
"measuredW": "150",
"measuredH": "100",
"x": "279",
"y": "423",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 30.5
},
"p1": {
"x": 0.40022307356578246,
"y": 0.06604917317297901
},
"p2": {
"x": 65,
"y": 0
}
}
},
{
"ID": "1974",
"typeID": "Arrow",
"zOrder": "35",
"w": "66",
"h": "76",
"measuredW": "150",
"measuredH": "100",
"x": "283",
"y": "427",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 0,
"y": 76
},
"p1": {
"x": 0.4299249901302803,
"y": 0.00493485984998026
},
"p2": {
"x": 66,
"y": 0
}
}
},
{
"ID": "1981",
"typeID": "TextArea",
"zOrder": "121",
"w": "163",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "89",
"y": "603",
"properties": {
"color": "16770457"
}
},
{
"ID": "1982",
"typeID": "Label",
"zOrder": "122",
"measuredW": "128",
"measuredH": "25",
"x": "107",
"y": "612",
"properties": {
"size": "17",
"text": "Composition API"
}
},
{
"ID": "1983",
"typeID": "TextArea",
"zOrder": "123",
"w": "163",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "89",
"y": "553",
"properties": {
"color": "16770457"
}
},
{
"ID": "1984",
"typeID": "Label",
"zOrder": "124",
"measuredW": "91",
"measuredH": "25",
"x": "125",
"y": "562",
"properties": {
"size": "17",
"text": "Options API"
}
},
{
"ID": "1988",
"typeID": "TextArea",
"zOrder": "117",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "466",
"properties": {
"color": "16770457"
}
},
{
"ID": "1989",
"typeID": "Label",
"zOrder": "118",
"measuredW": "121",
"measuredH": "25",
"x": "893",
"y": "476",
"properties": {
"size": "17",
"text": "Lifecycle Hooks"
}
},
{
"ID": "1994",
"typeID": "TextArea",
"zOrder": "119",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "616",
"properties": {
"color": "16770457"
}
},
{
"ID": "1995",
"typeID": "Label",
"zOrder": "120",
"measuredW": "165",
"measuredH": "25",
"x": "871",
"y": "625",
"properties": {
"size": "17",
"text": "Computed Properties"
}
},
{
"ID": "2888",
"typeID": "TextArea",
"zOrder": "125",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "313",
"properties": {
"color": "16770457"
}
},
{
"ID": "2889",
"typeID": "Label",
"zOrder": "126",
"measuredW": "146",
"measuredH": "25",
"x": "881",
"y": "322",
"properties": {
"size": "17",
"text": "App Configurations"
}
},
{
"ID": "2892",
"typeID": "TextArea",
"zOrder": "127",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "416",
"properties": {
"color": "16770457"
}
},
{
"ID": "2893",
"typeID": "Label",
"zOrder": "128",
"measuredW": "173",
"measuredH": "25",
"x": "867",
"y": "425",
"properties": {
"size": "17",
"text": "Conditional Rendering"
}
},
{
"ID": "2894",
"typeID": "TextArea",
"zOrder": "129",
"w": "179",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "300",
"y": "577",
"properties": {
"color": "16767334"
}
},
{
"ID": "2895",
"typeID": "Label",
"zOrder": "130",
"measuredW": "76",
"measuredH": "25",
"x": "347",
"y": "586",
"properties": {
"size": "17",
"text": "API Styles"
}
},
{
"ID": "2896",
"typeID": "Arrow",
"zOrder": "15",
"w": "84",
"h": "173",
"measuredW": "150",
"measuredH": "100",
"x": "467",
"y": "430",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 84,
"y": 0
},
"p1": {
"x": 0.5406025677062016,
"y": 0.12359189147033607
},
"p2": {
"x": 0,
"y": 173
}
}
},
{
"ID": "2897",
"typeID": "Arrow",
"zOrder": "33",
"w": "66",
"h": "29",
"measuredW": "150",
"measuredH": "100",
"x": "238",
"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": "34",
"w": "79",
"h": "13",
"measuredW": "150",
"measuredH": "100",
"x": "226",
"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": "2899",
"typeID": "TextArea",
"zOrder": "131",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "365",
"properties": {
"color": "16770457"
}
},
{
"ID": "2900",
"typeID": "Label",
"zOrder": "132",
"measuredW": "122",
"measuredH": "25",
"x": "893",
"y": "374",
"properties": {
"size": "17",
"text": "Rendering Lists"
}
},
{
"ID": "2902",
"typeID": "TextArea",
"zOrder": "133",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "516",
"properties": {
"color": "16770457"
}
},
{
"ID": "2903",
"typeID": "Label",
"zOrder": "134",
"measuredW": "122",
"measuredH": "25",
"x": "893",
"y": "525",
"properties": {
"size": "17",
"text": "Forms Handling"
}
},
{
"ID": "2904",
"typeID": "TextArea",
"zOrder": "135",
"w": "212",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "566",
"properties": {
"color": "16770457"
}
},
{
"ID": "2905",
"typeID": "Label",
"zOrder": "136",
"measuredW": "126",
"measuredH": "25",
"x": "891",
"y": "575",
"properties": {
"size": "17",
"text": "Events Handling"
}
},
{
"ID": "2906",
"typeID": "Arrow",
"zOrder": "32",
"w": "112",
"h": "87",
"measuredW": "150",
"measuredH": "100",
"x": "748",
"y": "329",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 112,
"y": 0
},
"p1": {
"x": 0.4981106746880127,
"y": 0.05503902948341868
},
"p2": {
"x": 0,
"y": 87
}
}
},
{
"ID": "2907",
"typeID": "Arrow",
"zOrder": "31",
"w": "94",
"h": "30",
"measuredW": "150",
"measuredH": "100",
"x": "763",
"y": "385",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 94,
"y": -0.5
},
"p1": {
"x": 0.44798938044995773,
"y": 0.0403268258073375
},
"p2": {
"x": 0,
"y": 29
}
}
},
{
"ID": "2908",
"typeID": "Arrow",
"zOrder": "30",
"w": "107",
"h": "15",
"measuredW": "150",
"measuredH": "100",
"x": "759",
"y": "424",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 107,
"y": 15
},
"p1": {
"x": 0.4552212800557558,
"y": -0.05494250203275645
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2909",
"typeID": "Arrow",
"zOrder": "29",
"w": "96",
"h": "66",
"measuredW": "150",
"measuredH": "100",
"x": "764",
"y": "425",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 96,
"y": 66
},
"p1": {
"x": 0.5981432360742706,
"y": -0.03669319186560566
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2910",
"typeID": "Arrow",
"zOrder": "28",
"w": "110",
"h": "114",
"measuredW": "150",
"measuredH": "100",
"x": "755",
"y": "427",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 110,
"y": 114
},
"p1": {
"x": 0.5467496438479419,
"y": 0.08532653520281927
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2911",
"typeID": "Arrow",
"zOrder": "27",
"w": "102",
"h": "158",
"measuredW": "150",
"measuredH": "100",
"x": "753",
"y": "432",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 102,
"y": 158
},
"p1": {
"x": 0.5467496438479419,
"y": 0.08532653520281926
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2912",
"typeID": "Arrow",
"zOrder": "26",
"w": "118",
"h": "218",
"measuredW": "150",
"measuredH": "100",
"x": "743",
"y": "423",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 117.5,
"y": 217.5
},
"p1": {
"x": 0.5144201268152997,
"y": 0.12669257516874619
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2913",
"typeID": "Arrow",
"zOrder": "25",
"w": "102",
"h": "305",
"measuredW": "150",
"measuredH": "100",
"x": "558",
"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": "2914",
"typeID": "TextArea",
"zOrder": "137",
"w": "299",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "436",
"y": "705",
"properties": {
"color": "16776960"
}
},
{
"ID": "2915",
"typeID": "Label",
"zOrder": "138",
"measuredW": "130",
"measuredH": "25",
"x": "521",
"y": "717",
"properties": {
"size": "17",
"text": "Advanced Topics"
}
},
{
"ID": "2916",
"typeID": "TextArea",
"zOrder": "139",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "345",
"y": "462",
"properties": {
"color": "16770457"
}
},
{
"ID": "2917",
"typeID": "Label",
"zOrder": "140",
"measuredW": "80",
"measuredH": "25",
"x": "372",
"y": "471",
"properties": {
"size": "17",
"text": "Templates"
}
},
{
"ID": "2918",
"typeID": "TextArea",
"zOrder": "141",
"w": "134",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "345",
"y": "516",
"properties": {
"color": "16770457"
}
},
{
"ID": "2919",
"typeID": "Label",
"zOrder": "142",
"measuredW": "77",
"measuredH": "25",
"x": "373",
"y": "525",
"properties": {
"size": "17",
"text": "Directives"
}
},
{
"ID": "2920",
"typeID": "Arrow",
"zOrder": "24",
"w": "79",
"h": "106",
"measuredW": "150",
"measuredH": "100",
"x": "465",
"y": "433",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 79,
"y": 0
},
"p1": {
"x": 0.5406025677062016,
"y": 0.12359189147033606
},
"p2": {
"x": 0,
"y": 106
}
}
},
{
"ID": "2925",
"typeID": "TextArea",
"zOrder": "143",
"w": "195",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "860",
"properties": {
"color": "16770457"
}
},
{
"ID": "2926",
"typeID": "Label",
"zOrder": "144",
"measuredW": "73",
"measuredH": "25",
"x": "909",
"y": "869",
"properties": {
"size": "17",
"text": "Watchers"
}
},
{
"ID": "2927",
"typeID": "TextArea",
"zOrder": "145",
"w": "195",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "911",
"properties": {
"color": "16770457"
}
},
{
"ID": "2928",
"typeID": "Label",
"zOrder": "146",
"measuredW": "38",
"measuredH": "25",
"x": "927",
"y": "920",
"properties": {
"size": "17",
"text": "Slots"
}
},
{
"ID": "2933",
"typeID": "TextArea",
"zOrder": "147",
"w": "195",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "705",
"properties": {
"color": "16770457"
}
},
{
"ID": "2934",
"typeID": "Label",
"zOrder": "148",
"measuredW": "140",
"measuredH": "25",
"x": "876",
"y": "714",
"properties": {
"size": "17",
"text": "Custom Directives"
}
},
{
"ID": "2935",
"typeID": "TextArea",
"zOrder": "149",
"w": "195",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "755",
"properties": {
"color": "16770457"
}
},
{
"ID": "2936",
"typeID": "Label",
"zOrder": "150",
"measuredW": "116",
"measuredH": "25",
"x": "888",
"y": "764",
"properties": {
"size": "17",
"text": "Custom Events"
}
},
{
"ID": "2937",
"typeID": "TextArea",
"zOrder": "151",
"w": "195",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "806",
"properties": {
"color": "16770457"
}
},
{
"ID": "2938",
"typeID": "Label",
"zOrder": "152",
"measuredW": "56",
"measuredH": "25",
"x": "918",
"y": "815",
"properties": {
"size": "17",
"text": "Plugins"
}
},
{
"ID": "2939",
"typeID": "TextArea",
"zOrder": "153",
"w": "195",
"h": "154",
"measuredW": "200",
"measuredH": "140",
"x": "848",
"y": "967"
},
{
"ID": "2940",
"typeID": "Label",
"zOrder": "154",
"measuredW": "85",
"measuredH": "25",
"x": "903",
"y": "979",
"properties": {
"size": "17",
"text": "Animations"
}
},
{
"ID": "2941",
"typeID": "TextArea",
"zOrder": "155",
"w": "164",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "864",
"y": "1011",
"properties": {
"color": "16770457"
}
},
{
"ID": "2942",
"typeID": "Label",
"zOrder": "156",
"measuredW": "76",
"measuredH": "25",
"x": "908",
"y": "1020",
"properties": {
"size": "17",
"text": "Transition"
}
},
{
"ID": "2943",
"typeID": "TextArea",
"zOrder": "157",
"w": "164",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "864",
"y": "1061",
"properties": {
"color": "16770457"
}
},
{
"ID": "2944",
"typeID": "Label",
"zOrder": "158",
"measuredW": "128",
"measuredH": "25",
"x": "882",
"y": "1070",
"properties": {
"size": "17",
"text": "Transition Group"
}
},
{
"ID": "2945",
"typeID": "TextArea",
"zOrder": "159",
"w": "250",
"h": "312",
"measuredW": "200",
"measuredH": "140",
"x": "81",
"y": "705"
},
{
"ID": "2946",
"typeID": "Label",
"zOrder": "160",
"measuredW": "128",
"measuredH": "25",
"x": "142",
"y": "719",
"properties": {
"size": "17",
"text": "Composition API"
}
},
{
"ID": "2947",
"typeID": "TextArea",
"zOrder": "161",
"w": "110",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "755",
"properties": {
"color": "16770457"
}
},
{
"ID": "2948",
"typeID": "Label",
"zOrder": "162",
"measuredW": "22",
"measuredH": "25",
"x": "139",
"y": "764",
"properties": {
"size": "17",
"text": "ref"
}
},
{
"ID": "2949",
"typeID": "TextArea",
"zOrder": "163",
"w": "222",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "806",
"properties": {
"color": "16770457"
}
},
{
"ID": "2950",
"typeID": "Label",
"zOrder": "164",
"measuredW": "62",
"measuredH": "25",
"x": "175",
"y": "815",
"properties": {
"size": "17",
"text": "reactive"
}
},
{
"ID": "2951",
"typeID": "TextArea",
"zOrder": "165",
"w": "104",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "212",
"y": "755",
"properties": {
"color": "16770457"
}
},
{
"ID": "2952",
"typeID": "Label",
"zOrder": "166",
"measuredW": "51",
"measuredH": "25",
"x": "238",
"y": "764",
"properties": {
"size": "17",
"text": "toRefs"
}
},
{
"ID": "2953",
"typeID": "TextArea",
"zOrder": "167",
"w": "222",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "857",
"properties": {
"color": "16770457"
}
},
{
"ID": "2954",
"typeID": "Label",
"zOrder": "168",
"measuredW": "77",
"measuredH": "25",
"x": "167",
"y": "866",
"properties": {
"size": "17",
"text": "computed"
}
},
{
"ID": "2955",
"typeID": "TextArea",
"zOrder": "169",
"w": "107",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "908",
"properties": {
"color": "16770457"
}
},
{
"ID": "2956",
"typeID": "Label",
"zOrder": "170",
"measuredW": "45",
"measuredH": "25",
"x": "126",
"y": "917",
"properties": {
"size": "17",
"text": "watch"
}
},
{
"ID": "2957",
"typeID": "TextArea",
"zOrder": "171",
"w": "105",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "211",
"y": "908",
"properties": {
"color": "16770457"
}
},
{
"ID": "2958",
"typeID": "Label",
"zOrder": "172",
"measuredW": "64",
"measuredH": "25",
"x": "232",
"y": "917",
"properties": {
"size": "17",
"text": "nextTick"
}
},
{
"ID": "2959",
"typeID": "TextArea",
"zOrder": "173",
"w": "221",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "960",
"properties": {
"color": "16770457"
}
},
{
"ID": "2960",
"typeID": "Label",
"zOrder": "174",
"measuredW": "106",
"measuredH": "25",
"x": "153",
"y": "969",
"properties": {
"size": "17",
"text": "Composables"
}
},
{
"ID": "2961",
"typeID": "TextArea",
"zOrder": "175",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "359",
"y": "826",
"properties": {
"color": "16770457"
}
},
{
"ID": "2962",
"typeID": "Label",
"zOrder": "176",
"measuredW": "148",
"measuredH": "25",
"x": "399",
"y": "835",
"properties": {
"size": "17",
"text": "Async Components"
}
},
{
"ID": "2963",
"typeID": "TextArea",
"zOrder": "177",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "357",
"y": "879",
"properties": {
"color": "16770457"
}
},
{
"ID": "2964",
"typeID": "Label",
"zOrder": "178",
"measuredW": "167",
"measuredH": "25",
"x": "387",
"y": "888",
"properties": {
"size": "17",
"text": "Teleport Components"
}
},
{
"ID": "2965",
"typeID": "TextArea",
"zOrder": "179",
"w": "227",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "357",
"y": "930",
"properties": {
"color": "16770457"
}
},
{
"ID": "2966",
"typeID": "Label",
"zOrder": "180",
"measuredW": "119",
"measuredH": "25",
"x": "411",
"y": "939",
"properties": {
"size": "17",
"text": "Provide / Inject"
}
},
{
"ID": "2967",
"typeID": "Arrow",
"zOrder": "23",
"w": "149",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "309",
"y": "727",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 148.5,
"y": 0
},
"p1": {
"x": 0.48078719561561933,
"y": 0.004484025658591266
},
"p2": {
"x": -0.5,
"y": 3
}
}
},
{
"ID": "2968",
"typeID": "Arrow",
"zOrder": "22",
"w": "1",
"h": "209",
"measuredW": "150",
"measuredH": "100",
"x": "488",
"y": "737",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": -0.5,
"y": 0
},
"p1": {
"x": 0.4807871956156192,
"y": 0.004484025658591266
},
"p2": {
"x": -0.5,
"y": 209
}
}
},
{
"ID": "2969",
"typeID": "Arrow",
"zOrder": "21",
"w": "140",
"h": "7",
"measuredW": "150",
"measuredH": "100",
"x": "721",
"y": "720",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 140,
"y": 7
},
"p1": {
"x": 0.47368421052631576,
"y": -0.03947368421052631
},
"p2": {
"x": 0,
"y": 3.5
}
}
},
{
"ID": "2970",
"typeID": "Arrow",
"zOrder": "20",
"w": "133",
"h": "48",
"measuredW": "150",
"measuredH": "100",
"x": "725",
"y": "733",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 133,
"y": 47
},
"p1": {
"x": 0.46151734953930607,
"y": -0.013252303469907878
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "2971",
"typeID": "Arrow",
"zOrder": "19",
"w": "137",
"h": "91",
"measuredW": "150",
"measuredH": "100",
"x": "725",
"y": "740",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 137,
"y": 90
},
"p1": {
"x": 0.44160198696057107,
"y": 0.0651350512263272
},
"p2": {
"x": 0,
"y": -0.5
}
}
},
{
"ID": "2972",
"typeID": "Arrow",
"zOrder": "18",
"w": "145",
"h": "140",
"measuredW": "150",
"measuredH": "100",
"x": "713",
"y": "741",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 145,
"y": 140
},
"p1": {
"x": 0.41144615384615385,
"y": 0.05243076923076923
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2973",
"typeID": "Arrow",
"zOrder": "17",
"w": "161",
"h": "195",
"measuredW": "150",
"measuredH": "100",
"x": "699",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 161,
"y": 195
},
"p1": {
"x": 0.4134269539924311,
"y": 0.05352954054983893
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2974",
"typeID": "Arrow",
"zOrder": "16",
"w": "167",
"h": "259",
"measuredW": "150",
"measuredH": "100",
"x": "692",
"y": "739",
"properties": {
"color": "2848996",
"curvature": "0",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 167,
"y": 259
},
"p1": {
"x": 0.39279337769842565,
"y": 0.08026294432721957
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "2975",
"typeID": "__group__",
"zOrder": "110",
"measuredW": "576",
"measuredH": "105",
"w": "576",
"h": "105",
"x": "321",
"y": "1837",
"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": "14",
"w": "1",
"h": "55",
"measuredW": "150",
"measuredH": "100",
"x": "510",
"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": "13",
"w": "1",
"h": "78",
"measuredW": "150",
"measuredH": "100",
"x": "510",
"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": "12",
"w": "82",
"h": "79",
"measuredW": "150",
"measuredH": "100",
"x": "365",
"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": "2979",
"typeID": "TextArea",
"zOrder": "181",
"w": "157",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "95",
"y": "1362",
"properties": {
"color": "16770457"
}
},
{
"ID": "2980",
"typeID": "Label",
"zOrder": "182",
"measuredW": "72",
"measuredH": "25",
"x": "138",
"y": "1372",
"properties": {
"size": "17",
"text": "Vuepress"
}
},
{
"ID": "2981",
"typeID": "TextArea",
"zOrder": "183",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "305",
"y": "1256",
"properties": {
"color": "16767334"
}
},
{
"ID": "2982",
"typeID": "Label",
"zOrder": "184",
"measuredW": "33",
"measuredH": "25",
"x": "342",
"y": "1265",
"properties": {
"size": "17",
"text": "SSR"
}
},
{
"ID": "2983",
"typeID": "Arrow",
"zOrder": "10",
"w": "87",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "233",
"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": "2984",
"typeID": "TextArea",
"zOrder": "185",
"w": "108",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "305",
"y": "1307",
"properties": {
"color": "16767334"
}
},
{
"ID": "2985",
"typeID": "Label",
"zOrder": "186",
"measuredW": "34",
"measuredH": "25",
"x": "342",
"y": "1316",
"properties": {
"size": "17",
"text": "SSG"
}
},
{
"ID": "2986",
"typeID": "Arrow",
"zOrder": "9",
"w": "81",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "234",
"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": "7",
"w": "81",
"h": "49",
"measuredW": "150",
"measuredH": "100",
"x": "235",
"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": "6",
"w": "58",
"h": "115",
"measuredW": "150",
"measuredH": "100",
"x": "395",
"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": "5",
"w": "115",
"h": "359",
"measuredW": "150",
"measuredH": "100",
"x": "484",
"y": "1238",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 98,
"y": 0
},
"p1": {
"x": 0.675598782883057,
"y": 0.20191197026423305
},
"p2": {
"x": 0,
"y": 359
}
}
},
{
"ID": "2990",
"typeID": "TextArea",
"zOrder": "187",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "130",
"y": "1510",
"properties": {
"color": "16770457"
}
},
{
"ID": "2991",
"typeID": "Label",
"zOrder": "188",
"measuredW": "76",
"measuredH": "25",
"x": "170",
"y": "1519",
"properties": {
"size": "17",
"text": "Capacitor"
}
},
{
"ID": "2992",
"typeID": "Arrow",
"zOrder": "4",
"w": "81",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "282",
"y": "1530",
"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": "2993",
"typeID": "Arrow",
"zOrder": "3",
"w": "76",
"h": "211",
"measuredW": "150",
"measuredH": "100",
"x": "489",
"y": "1248",
"properties": {
"color": "2848996",
"curvature": "-1",
"direction": "bottom",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 71,
"y": 0
},
"p1": {
"x": 0.6755987828830532,
"y": 0.20191197026423105
},
"p2": {
"x": 0,
"y": 211
}
}
},
{
"ID": "2994",
"typeID": "TextArea",
"zOrder": "189",
"w": "156",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "130",
"y": "1438",
"properties": {
"color": "16770457"
}
},
{
"ID": "2995",
"typeID": "Label",
"zOrder": "190",
"measuredW": "38",
"measuredH": "25",
"x": "189",
"y": "1447",
"properties": {
"size": "17",
"text": "Pinia"
}
},
{
"ID": "2996",
"typeID": "Arrow",
"zOrder": "2",
"w": "107",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "259",
"y": "1459",
"properties": {
"color": "2848996",
"curvature": "1",
"direction": "top",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"p0": {
"x": 107,
"y": 2.5
},
"p1": {
"x": 0.5375000000000002,
"y": -0.02500000000000002
},
"p2": {
"x": 0,
"y": 2.5
}
}
},
{
"ID": "2997",
"typeID": "TextArea",
"zOrder": "191",
"w": "228",
"h": "205",
"measuredW": "200",
"measuredH": "140",
"x": "815",
"y": "1182"
},
{
"ID": "2998",
"typeID": "Label",
"zOrder": "192",
"measuredW": "56",
"measuredH": "25",
"x": "901",
"y": "1196",
"properties": {
"size": "17",
"text": "Testing"
}
},
{
"ID": "3001",
"typeID": "TextArea",
"zOrder": "199",
"w": "158",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "92",
"y": "1204",
"properties": {
"color": "16770457"
}
},
{
"ID": "3002",
"typeID": "Label",
"zOrder": "200",
"measuredW": "57",
"measuredH": "25",
"x": "142",
"y": "1213",
"properties": {
"size": "17",
"text": "Quasar"
}
},
{
"ID": "3003",
"typeID": "Arrow",
"zOrder": "0",
"w": "78",
"h": "51",
"measuredW": "150",
"measuredH": "100",
"x": "241",
"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": "201",
"w": "228",
"h": "212",
"measuredW": "200",
"measuredH": "140",
"x": "815",
"y": "1402"
},
{
"ID": "3005",
"typeID": "Label",
"zOrder": "202",
"measuredW": "51",
"measuredH": "25",
"x": "903",
"y": "1417",
"properties": {
"size": "17",
"text": "Styling"
}
}
]
},
"attributes": {
"name": "New Wireframe 1",
"order": 1000000,
"parentID": null,
"notes": ""
},
"branchID": "Master",
"resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597",
"mockupH": "1969",
"mockupW": "983",
"measuredW": "1064",
"measuredH": "1996",
"version": "1.0"
},
"groupOffset": {
"x": 0,
"y": 0
},
"dependencies": [],
"projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}