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.
 
 
 
 
 

3065 lines
76 KiB

{
"mockup": {
"controls": {
"control": [
{
"ID": "1411",
"typeID": "Arrow",
"zOrder": "39",
"w": "16",
"h": "68",
"measuredW": "150",
"measuredH": "100",
"x": "474",
"y": "242",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.4869331283627979,
"y": 0.16641045349730976
},
"p2": {
"x": 8,
"y": 68
},
"color": "10027263"
}
},
{
"ID": "1412",
"typeID": "Canvas",
"zOrder": "40",
"w": "454",
"h": "90",
"measuredW": "100",
"measuredH": "70",
"x": "108",
"y": "183"
},
{
"ID": "1413",
"typeID": "Label",
"zOrder": "41",
"measuredW": "97",
"measuredH": "36",
"x": "421",
"y": "318",
"properties": {
"size": "28",
"text": "Angular"
}
},
{
"ID": "1414",
"typeID": "Arrow",
"zOrder": "42",
"w": "19",
"h": "81",
"measuredW": "150",
"measuredH": "100",
"x": "432",
"y": "364",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 19,
"y": 0
},
"p1": {
"x": 0.5567523389124819,
"y": -0.13813347062029335
},
"p2": {
"x": 6.934965300090653,
"y": 81.42459516339846
}
}
},
{
"ID": "1415",
"typeID": "Label",
"zOrder": "43",
"measuredW": "396",
"measuredH": "28",
"x": "137",
"y": "202",
"properties": {
"size": "20",
"text": "Frontend Roadmap till Framework Selection"
}
},
{
"ID": "1416",
"typeID": "Label",
"zOrder": "44",
"measuredW": "152",
"measuredH": "24",
"x": "258",
"y": "232",
"properties": {
"size": "16",
"color": "10027263",
"text": "roadmap.sh/frontend"
}
},
{
"ID": "1426",
"typeID": "Arrow",
"zOrder": "38",
"w": "33",
"h": "73",
"measuredW": "150",
"measuredH": "100",
"x": "428",
"y": "129",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"stroke": "dotted",
"p0": {
"x": 6,
"y": 0
},
"p1": {
"x": 0.4744027303754264,
"y": -0.21757679180887365
},
"p2": {
"x": 33,
"y": 72.5
}
}
},
{
"ID": "1427",
"typeID": "Canvas",
"zOrder": "46",
"w": "262",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "354",
"y": "437",
"properties": {
"color": "16776960"
}
},
{
"ID": "1428",
"typeID": "Label",
"zOrder": "47",
"measuredW": "175",
"measuredH": "24",
"x": "397",
"y": "447",
"properties": {
"size": "16",
"text": "Learn TypeScript Basics"
}
},
{
"ID": "1429",
"typeID": "Arrow",
"zOrder": "32",
"w": "107",
"h": "51",
"measuredW": "150",
"measuredH": "100",
"x": "276",
"y": "405",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 107,
"y": 51
},
"p1": {
"x": 0.5245584633234497,
"y": 0.05852778135877272
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "1430",
"typeID": "Arrow",
"zOrder": "33",
"w": "102",
"h": "51",
"measuredW": "150",
"measuredH": "100",
"x": "282",
"y": "462",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 102,
"y": 0
},
"p1": {
"x": 0.5656811947576955,
"y": -0.05547089302042049
},
"p2": {
"x": 0.00391587828403317,
"y": 50.680759201315595
}
}
},
{
"ID": "1431",
"typeID": "Arrow",
"zOrder": "34",
"w": "115",
"h": "5",
"measuredW": "150",
"measuredH": "100",
"x": "274",
"y": "457",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 115,
"y": 1
},
"p1": {
"x": 0.5205160087037612,
"y": 0.03901150139881877
},
"p2": {
"x": 0,
"y": 0
}
}
},
{
"ID": "1442",
"typeID": "Arrow",
"zOrder": "31",
"w": "88",
"h": "88",
"measuredW": "150",
"measuredH": "100",
"x": "284",
"y": "468",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 88.85873396459311,
"y": -0.1566834906291774
},
"p1": {
"x": 0.5656811947576954,
"y": -0.05547089302042051
},
"p2": {
"x": 0.3637812831232736,
"y": 88.33826919084072
}
}
},
{
"ID": "1445",
"typeID": "Arrow",
"zOrder": "30",
"w": "117",
"h": "50",
"measuredW": "150",
"measuredH": "100",
"x": "598",
"y": "401",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 117.03921766627673,
"y": -0.41284752854630824
},
"p1": {
"x": 0.5198780554566917,
"y": 0.06964721983543032
},
"p2": {
"x": 0.22588012673645608,
"y": 49.14432597307683
}
}
},
{
"ID": "1448",
"typeID": "Arrow",
"zOrder": "29",
"w": "109",
"h": "5",
"measuredW": "150",
"measuredH": "100",
"x": "608",
"y": "453",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 108.21915036869632,
"y": -0.4958086220839846
},
"p1": {
"x": 0.5209787928221856,
"y": 0.005742251223491233
},
"p2": {
"x": -0.3346582539068095,
"y": 4.2239221875944395
}
}
},
{
"ID": "1451",
"typeID": "Arrow",
"zOrder": "28",
"w": "131",
"h": "37",
"measuredW": "150",
"measuredH": "100",
"x": "594",
"y": "465",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 130.47867928563346,
"y": 37.061364879539155
},
"p1": {
"x": 0.54496644295302,
"y": -0.04519015659955236
},
"p2": {
"x": -0.49385068294191115,
"y": 0.483451104531639
}
}
},
{
"ID": "1452",
"typeID": "__group__",
"zOrder": "36",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "69",
"y": "486",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "121",
"measuredH": "24",
"x": "50",
"y": "9",
"properties": {
"size": "16",
"text": "Structural Typing"
}
}
]
}
}
},
{
"ID": "1453",
"typeID": "__group__",
"zOrder": "37",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "69",
"y": "533",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "109",
"measuredH": "24",
"x": "65",
"y": "9",
"properties": {
"size": "16",
"text": "Type Inference"
}
}
]
}
}
},
{
"ID": "1454",
"typeID": "__group__",
"zOrder": "48",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "69",
"y": "439",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "148",
"measuredH": "24",
"x": "37",
"y": "9",
"properties": {
"size": "16",
"text": "Why use TypeScript?"
}
}
]
}
}
},
{
"ID": "1455",
"typeID": "__group__",
"zOrder": "35",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "69",
"y": "392",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "141",
"measuredH": "24",
"x": "44",
"y": "9",
"properties": {
"size": "16",
"text": "What is TypeScript?"
}
}
]
}
}
},
{
"ID": "1456",
"typeID": "__group__",
"zOrder": "51",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "706",
"y": "477",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"w": "94",
"measuredW": "92",
"measuredH": "24",
"x": "64",
"y": "9",
"properties": {
"size": "16",
"text": "Type Guards"
}
}
]
}
}
},
{
"ID": "1457",
"typeID": "__group__",
"zOrder": "50",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "706",
"y": "429",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "94",
"measuredH": "24",
"x": "64",
"y": "9",
"properties": {
"size": "16",
"text": "Built-in types"
}
}
]
}
}
},
{
"ID": "1458",
"typeID": "__group__",
"zOrder": "49",
"measuredW": "222",
"measuredH": "42",
"w": "222",
"h": "42",
"x": "707",
"y": "382",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "89",
"measuredH": "24",
"x": "65",
"y": "9",
"properties": {
"size": "16",
"text": "Union Types"
}
}
]
}
}
},
{
"ID": "1460",
"typeID": "Canvas",
"zOrder": "52",
"w": "262",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "354",
"y": "485",
"properties": {
"color": "16776960"
}
},
{
"ID": "1461",
"typeID": "Label",
"zOrder": "53",
"measuredW": "136",
"measuredH": "24",
"x": "417",
"y": "495",
"properties": {
"size": "16",
"text": "Learn RxJS Basics"
}
},
{
"ID": "1463",
"typeID": "Arrow",
"zOrder": "27",
"w": "95",
"h": "112",
"measuredW": "150",
"measuredH": "100",
"x": "287",
"y": "511",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.27635331203754276,
"y": 109.64460147270881
},
"p1": {
"x": 0.4337829756129974,
"y": -0.30427270915010957
},
"p2": {
"x": 94.11826288153031,
"y": -0.08913985231384913
}
}
},
{
"ID": "1465",
"typeID": "Canvas",
"zOrder": "54",
"w": "238",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "69",
"y": "599",
"properties": {
"color": "16770457"
}
},
{
"ID": "1466",
"typeID": "Label",
"zOrder": "55",
"measuredW": "197",
"measuredH": "24",
"x": "89",
"y": "608",
"properties": {
"size": "16",
"text": "What is Observable Pattern"
}
},
{
"ID": "1467",
"typeID": "Canvas",
"zOrder": "56",
"w": "238",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "69",
"y": "646",
"properties": {
"color": "16770457"
}
},
{
"ID": "1468",
"typeID": "Label",
"zOrder": "57",
"measuredW": "151",
"measuredH": "24",
"x": "112",
"y": "655",
"properties": {
"size": "16",
"text": "Observable Lifecycle"
}
},
{
"ID": "1469",
"typeID": "Arrow",
"zOrder": "26",
"w": "112",
"h": "156",
"measuredW": "150",
"measuredH": "100",
"x": "282",
"y": "509",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.00391587828403317,
"y": 155.30211146223394
},
"p1": {
"x": 0.4337829756128934,
"y": -0.304272709150173
},
"p2": {
"x": 107.37779179846751,
"y": -0.44900525715303274
}
}
},
{
"ID": "1470",
"typeID": "Canvas",
"zOrder": "58",
"w": "238",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "69",
"y": "693",
"properties": {
"color": "16770457"
}
},
{
"ID": "1471",
"typeID": "Label",
"zOrder": "59",
"measuredW": "125",
"measuredH": "24",
"x": "112",
"y": "702",
"properties": {
"size": "16",
"text": "Marble Diagrams"
}
},
{
"ID": "1472",
"typeID": "Arrow",
"zOrder": "25",
"w": "115",
"h": "196",
"measuredW": "150",
"measuredH": "100",
"x": "291",
"y": "517",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.44337749764082446,
"y": 196.26931861264734
},
"p1": {
"x": 0.4101610216546365,
"y": -0.2726818434203219
},
"p2": {
"x": 108.9971861202439,
"y": 0.40049001099396264
}
}
},
{
"ID": "1473",
"typeID": "Canvas",
"zOrder": "60",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "69",
"y": "741",
"properties": {
"color": "16770457"
}
},
{
"ID": "1474",
"typeID": "Label",
"zOrder": "61",
"measuredW": "74",
"measuredH": "24",
"x": "151",
"y": "750",
"properties": {
"size": "16",
"text": "Operators"
}
},
{
"ID": "1476",
"typeID": "Arrow",
"zOrder": "24",
"w": "131",
"h": "245",
"measuredW": "150",
"measuredH": "100",
"x": "290",
"y": "516",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.26344479522123265,
"y": 245.64655941185083
},
"p1": {
"x": 0.41016102165463675,
"y": -0.2726818434203223
},
"p2": {
"x": 118.2567150371811,
"y": 0.22055730857437084
}
}
},
{
"ID": "1479",
"typeID": "Canvas",
"zOrder": "62",
"w": "94",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "69",
"y": "810",
"properties": {
"color": "16770457"
}
},
{
"ID": "1480",
"typeID": "Label",
"zOrder": "63",
"measuredW": "59",
"measuredH": "24",
"x": "86",
"y": "819",
"properties": {
"size": "16",
"text": "Filtering"
}
},
{
"ID": "1481",
"typeID": "Canvas",
"zOrder": "64",
"w": "148",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "171",
"y": "810",
"properties": {
"color": "16770457"
}
},
{
"ID": "1482",
"typeID": "Label",
"zOrder": "65",
"measuredW": "96",
"measuredH": "24",
"x": "197",
"y": "819",
"properties": {
"size": "16",
"text": "Rate Limiting"
}
},
{
"ID": "1483",
"typeID": "Canvas",
"zOrder": "66",
"w": "129",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "70",
"y": "858",
"properties": {
"color": "16770457"
}
},
{
"ID": "1484",
"typeID": "Label",
"zOrder": "67",
"measuredW": "109",
"measuredH": "24",
"x": "80",
"y": "867",
"properties": {
"size": "16",
"text": "Transformation"
}
},
{
"ID": "1487",
"typeID": "Canvas",
"zOrder": "68",
"w": "112",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "207",
"y": "858",
"properties": {
"color": "16770457"
}
},
{
"ID": "1488",
"typeID": "Label",
"zOrder": "69",
"measuredW": "92",
"measuredH": "24",
"x": "217",
"y": "867",
"properties": {
"size": "16",
"text": "Combination"
}
},
{
"ID": "1489",
"typeID": "Arrow",
"zOrder": "23",
"w": "2",
"h": "63",
"measuredW": "150",
"measuredH": "100",
"x": "121",
"y": "763",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.08632597255774499,
"y": 0.41645846548021836
},
"p1": {
"x": 0.5516778523489941,
"y": 0.02617449664429551
},
"p2": {
"x": -0.08632597255774499,
"y": 62.952891693718925
}
}
},
{
"ID": "1490",
"typeID": "Arrow",
"zOrder": "22",
"w": "2",
"h": "63",
"measuredW": "150",
"measuredH": "100",
"x": "241",
"y": "763",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.08632597255774499,
"y": 0.41645846548021836
},
"p1": {
"x": 0.5516778523489941,
"y": 0.02617449664429551
},
"p2": {
"x": -0.08632597255774499,
"y": 62.952891693718925
}
}
},
{
"ID": "1491",
"typeID": "Arrow",
"zOrder": "21",
"w": "135",
"h": "58",
"measuredW": "150",
"measuredH": "100",
"x": "588",
"y": "511",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 135.29874658321387,
"y": 58.31752891745634
},
"p1": {
"x": 0.5639435268094195,
"y": 0.13721829941668096
},
"p2": {
"x": 0.25671503718109534,
"y": 0.22055730857437084
}
}
},
{
"ID": "1493",
"typeID": "Canvas",
"zOrder": "70",
"w": "222",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "706",
"y": "546",
"properties": {
"color": "16770457"
}
},
{
"ID": "1494",
"typeID": "Label",
"zOrder": "71",
"measuredW": "129",
"measuredH": "24",
"x": "752",
"y": "555",
"properties": {
"size": "16",
"text": "RxJS vs Promises"
}
},
{
"ID": "1495",
"typeID": "Arrow",
"zOrder": "20",
"w": "77",
"h": "126",
"measuredW": "150",
"measuredH": "100",
"x": "488",
"y": "514",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 0.4921388017137929,
"y": -0.13930809626481278
},
"p1": {
"x": 0.5172259793288243,
"y": 0.14374122751052712
},
"p2": {
"x": 77.18776445898766,
"y": 126.11349106263219
}
}
},
{
"ID": "1496",
"typeID": "Canvas",
"zOrder": "72",
"w": "198",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "617",
"properties": {
"color": "16776960"
}
},
{
"ID": "1497",
"typeID": "Label",
"zOrder": "73",
"measuredW": "108",
"measuredH": "24",
"x": "482",
"y": "627",
"properties": {
"size": "16",
"text": "Angular Basics"
}
},
{
"ID": "1498",
"typeID": "Arrow",
"zOrder": "19",
"w": "96",
"h": "10",
"measuredW": "150",
"measuredH": "100",
"x": "620",
"y": "624",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 96.21915036869632,
"y": 1.9542986335969772
},
"p1": {
"x": 0.5330762632088566,
"y": -0.057856824198413107
},
"p2": {
"x": -0.2758023127736351,
"y": 10.213827550534234
}
}
},
{
"ID": "1499",
"typeID": "Canvas",
"zOrder": "74",
"w": "221",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "699",
"y": "606",
"properties": {
"color": "16770457"
}
},
{
"ID": "1500",
"typeID": "Label",
"zOrder": "75",
"measuredW": "149",
"measuredH": "24",
"x": "735",
"y": "615",
"properties": {
"size": "16",
"text": "Angular.js vs Angular"
}
},
{
"ID": "1501",
"typeID": "Canvas",
"zOrder": "76",
"w": "221",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "699",
"y": "654",
"properties": {
"color": "16770457"
}
},
{
"ID": "1502",
"typeID": "Label",
"zOrder": "77",
"measuredW": "162",
"measuredH": "24",
"x": "729",
"y": "663",
"properties": {
"size": "16",
"text": "Architectural Overview"
}
},
{
"ID": "1503",
"typeID": "Arrow",
"zOrder": "18",
"w": "91",
"h": "28",
"measuredW": "150",
"measuredH": "100",
"x": "620",
"y": "646",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 90.31948685659836,
"y": 28.331539432800582
},
"p1": {
"x": 0.48745256552117705,
"y": 0.07265743813183477
},
"p2": {
"x": -0.2758023127736351,
"y": 0.01315457473015158
}
}
},
{
"ID": "1504",
"typeID": "Canvas",
"zOrder": "78",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "665",
"properties": {
"color": "16770457"
}
},
{
"ID": "1505",
"typeID": "Label",
"zOrder": "79",
"measuredW": "75",
"measuredH": "24",
"x": "498",
"y": "674",
"properties": {
"size": "16",
"text": "Templates"
}
},
{
"ID": "1524",
"typeID": "Arrow",
"zOrder": "17",
"w": "95",
"h": "62",
"measuredW": "150",
"measuredH": "100",
"x": "620",
"y": "685",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 95.03921766627673,
"y": 62.487366982815615
},
"p1": {
"x": 0.5564186379541387,
"y": -0.13163875019958368
},
"p2": {
"x": -0.2758023127736351,
"y": 0.21382755053423352
}
}
},
{
"ID": "1526",
"typeID": "Canvas",
"zOrder": "84",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "712",
"properties": {
"color": "16770457"
}
},
{
"ID": "1527",
"typeID": "Label",
"zOrder": "85",
"measuredW": "127",
"measuredH": "24",
"x": "472",
"y": "721",
"properties": {
"size": "16",
"text": "Rendering Topics"
}
},
{
"ID": "1528",
"typeID": "__group__",
"zOrder": "81",
"measuredW": "149",
"measuredH": "42",
"w": "149",
"h": "42",
"x": "831",
"y": "709",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "149",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "120",
"measuredH": "24",
"x": "13",
"y": "9",
"properties": {
"size": "16",
"text": "Property Binding"
}
}
]
}
}
},
{
"ID": "1529",
"typeID": "__group__",
"zOrder": "80",
"measuredW": "127",
"measuredH": "42",
"w": "127",
"h": "42",
"x": "699",
"y": "709",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "127",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "92",
"measuredH": "24",
"x": "18",
"y": "9",
"properties": {
"size": "16",
"text": "Interpolation"
}
}
]
}
}
},
{
"ID": "1530",
"typeID": "__group__",
"zOrder": "82",
"measuredW": "127",
"measuredH": "42",
"w": "127",
"h": "42",
"x": "700",
"y": "756",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "127",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "101",
"measuredH": "24",
"x": "15",
"y": "9",
"properties": {
"size": "16",
"text": "Event Binding"
}
}
]
}
}
},
{
"ID": "1531",
"typeID": "__group__",
"zOrder": "83",
"measuredW": "149",
"measuredH": "42",
"w": "149",
"h": "42",
"x": "831",
"y": "757",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "149",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "100",
"measuredH": "24",
"x": "25",
"y": "9",
"properties": {
"size": "16",
"text": "#ref variables"
}
}
]
}
}
},
{
"ID": "1532",
"typeID": "__group__",
"zOrder": "45",
"measuredW": "350",
"measuredH": "141",
"w": "350",
"h": "141",
"x": "626",
"y": "169",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "350",
"h": "141",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "314",
"measuredH": "25",
"x": "14",
"y": "17",
"properties": {
"size": "17",
"text": "Find the detailed version of this roadmap"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
"measuredW": "319",
"measuredH": "25",
"x": "14",
"y": "45",
"properties": {
"size": "17",
"text": "along with resources and other roadmaps"
}
},
{
"ID": "3",
"typeID": "Canvas",
"zOrder": "3",
"w": "320",
"h": "45",
"measuredW": "100",
"measuredH": "70",
"x": "15",
"y": "81",
"properties": {
"borderColor": "4273622",
"color": "4273622"
}
},
{
"ID": "4",
"typeID": "Label",
"zOrder": "4",
"measuredW": "105",
"measuredH": "28",
"x": "156",
"y": "89",
"properties": {
"color": "16777215",
"size": "20",
"text": "roadmap.sh"
}
},
{
"ID": "5",
"typeID": "Label",
"zOrder": "5",
"measuredW": "35",
"measuredH": "28",
"x": "91",
"y": "89",
"properties": {
"color": "16777215",
"size": "20",
"text": "http"
}
},
{
"ID": "6",
"typeID": "Label",
"zOrder": "6",
"measuredW": "5",
"measuredH": "28",
"x": "128",
"y": "89",
"properties": {
"color": "16777215",
"size": "20",
"text": ":"
}
},
{
"ID": "7",
"typeID": "Label",
"zOrder": "7",
"measuredW": "10",
"measuredH": "28",
"x": "135",
"y": "90",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
},
{
"ID": "8",
"typeID": "Label",
"zOrder": "8",
"measuredW": "10",
"measuredH": "28",
"x": "143",
"y": "90",
"properties": {
"color": "16777215",
"size": "20",
"text": "/"
}
}
]
}
}
},
{
"ID": "1533",
"typeID": "Arrow",
"zOrder": "16",
"w": "84",
"h": "99",
"measuredW": "150",
"measuredH": "100",
"x": "627",
"y": "731",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 83.31948685659836,
"y": 99.08265615218761
},
"p1": {
"x": 0.6853310980720871,
"y": -0.12841575859178522
},
"p2": {
"x": -0.4557350151932269,
"y": 1.1482418513609218
}
}
},
{
"ID": "1535",
"typeID": "Canvas",
"zOrder": "86",
"w": "172",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "700",
"y": "810",
"properties": {
"color": "16770457"
}
},
{
"ID": "1536",
"typeID": "Label",
"zOrder": "87",
"measuredW": "147",
"measuredH": "24",
"x": "715",
"y": "819",
"properties": {
"size": "16",
"text": "ngIf, <ng-template>"
}
},
{
"ID": "1537",
"typeID": "Canvas",
"zOrder": "88",
"w": "99",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "881",
"y": "810",
"properties": {
"color": "16770457"
}
},
{
"ID": "1538",
"typeID": "Label",
"zOrder": "89",
"measuredW": "43",
"measuredH": "24",
"x": "909",
"y": "819",
"properties": {
"size": "16",
"text": "ngFor"
}
},
{
"ID": "1539",
"typeID": "Canvas",
"zOrder": "90",
"w": "89",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "702",
"y": "858",
"properties": {
"color": "16770457"
}
},
{
"ID": "1540",
"typeID": "Label",
"zOrder": "91",
"measuredW": "58",
"measuredH": "24",
"x": "717",
"y": "867",
"properties": {
"size": "16",
"text": "ngClass"
}
},
{
"ID": "1541",
"typeID": "Canvas",
"zOrder": "92",
"w": "89",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "800",
"y": "858",
"properties": {
"color": "16770457"
}
},
{
"ID": "1542",
"typeID": "Label",
"zOrder": "93",
"measuredW": "54",
"measuredH": "24",
"x": "818",
"y": "867",
"properties": {
"size": "16",
"text": "ngStyle"
}
},
{
"ID": "1543",
"typeID": "Canvas",
"zOrder": "94",
"w": "83",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "897",
"y": "858",
"properties": {
"color": "16770457"
}
},
{
"ID": "1544",
"typeID": "Label",
"zOrder": "95",
"measuredW": "41",
"measuredH": "24",
"x": "918",
"y": "867",
"properties": {
"size": "16",
"text": "Pipes"
}
},
{
"ID": "1545",
"typeID": "Canvas",
"zOrder": "96",
"w": "198",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "230",
"y": "969",
"properties": {
"color": "16776960"
}
},
{
"ID": "1546",
"typeID": "Label",
"zOrder": "97",
"measuredW": "139",
"measuredH": "24",
"x": "259",
"y": "979",
"properties": {
"size": "16",
"text": "State Management"
}
},
{
"ID": "1547",
"typeID": "Canvas",
"zOrder": "98",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "758",
"properties": {
"color": "16770457"
}
},
{
"ID": "1548",
"typeID": "Label",
"zOrder": "99",
"measuredW": "174",
"measuredH": "24",
"x": "449",
"y": "767",
"properties": {
"size": "16",
"text": "Forms, Inputs, Validation"
}
},
{
"ID": "1549",
"typeID": "Canvas",
"zOrder": "100",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "804",
"properties": {
"color": "16770457"
}
},
{
"ID": "1550",
"typeID": "Label",
"zOrder": "101",
"measuredW": "140",
"measuredH": "24",
"x": "466",
"y": "813",
"properties": {
"size": "16",
"text": "Services and HTTP"
}
},
{
"ID": "1551",
"typeID": "Canvas",
"zOrder": "102",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "850",
"properties": {
"color": "16770457"
}
},
{
"ID": "1552",
"typeID": "Label",
"zOrder": "103",
"measuredW": "114",
"measuredH": "24",
"x": "479",
"y": "859",
"properties": {
"size": "16",
"text": "Lifecycle Hooks"
}
},
{
"ID": "1553",
"typeID": "Canvas",
"zOrder": "104",
"w": "198",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "437",
"y": "896",
"properties": {
"color": "16770457"
}
},
{
"ID": "1554",
"typeID": "Label",
"zOrder": "105",
"measuredW": "145",
"measuredH": "24",
"x": "463",
"y": "905",
"properties": {
"size": "16",
"text": "Routing and Guards"
}
},
{
"ID": "1555",
"typeID": "Arrow",
"zOrder": "15",
"w": "114",
"h": "77",
"measuredW": "150",
"measuredH": "100",
"x": "411",
"y": "912",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 113.49213880171379,
"y": -0.13930809626481278
},
"p1": {
"x": 0.48035332213415083,
"y": 0.1877545196165364
},
"p2": {
"x": -0.38341955797972105,
"y": 76.78360462762362
}
}
},
{
"ID": "1556",
"typeID": "Canvas",
"zOrder": "106",
"w": "112",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "66",
"y": "945",
"properties": {
"color": "14540253"
}
},
{
"ID": "1557",
"typeID": "Label",
"zOrder": "107",
"measuredW": "43",
"measuredH": "24",
"x": "100",
"y": "954",
"properties": {
"size": "16",
"text": "NGXS"
}
},
{
"ID": "1558",
"typeID": "Canvas",
"zOrder": "108",
"w": "112",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "66",
"y": "994",
"properties": {
"color": "16770457"
}
},
{
"ID": "1559",
"typeID": "Label",
"zOrder": "109",
"measuredW": "47",
"measuredH": "24",
"x": "98",
"y": "1003",
"properties": {
"size": "16",
"text": "@ngrx"
}
},
{
"ID": "1560",
"typeID": "Arrow",
"zOrder": "14",
"w": "87",
"h": "21",
"measuredW": "150",
"measuredH": "100",
"x": "162",
"y": "995",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.29036382738183875,
"y": 21.570879075617313
},
"p1": {
"x": 0.41689655172413825,
"y": 0.047241379310345236
},
"p2": {
"x": 87.02465615166847,
"y": 0.3320904320645468
}
}
},
{
"ID": "1561",
"typeID": "Arrow",
"zOrder": "13",
"w": "91",
"h": "26",
"measuredW": "150",
"measuredH": "100",
"x": "161",
"y": "962",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.47029652980143055,
"y": 0.29397476431574887
},
"p1": {
"x": 0.3722126929674102,
"y": -0.07547169811320738
},
"p2": {
"x": 90.38452155650765,
"y": 26.252494217546996
}
}
},
{
"ID": "1562",
"typeID": "Arrow",
"zOrder": "12",
"w": "163",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "382",
"y": "996",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 162.56837013721133,
"y": 0.4531671933509642
},
"p1": {
"x": 0.5713380847918264,
"y": 0.00009045798840656983
},
"p2": {
"x": -0.38341955797972105,
"y": 4.7836046276236175
}
}
},
{
"ID": "1563",
"typeID": "Canvas",
"zOrder": "110",
"w": "176",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "508",
"y": "973",
"properties": {
"color": "16776960"
}
},
{
"ID": "1564",
"typeID": "Label",
"zOrder": "111",
"measuredW": "122",
"measuredH": "24",
"x": "535",
"y": "983",
"properties": {
"size": "16",
"text": "Advanced Topics"
}
},
{
"ID": "1575",
"typeID": "Arrow",
"zOrder": "11",
"w": "64",
"h": "43",
"measuredW": "150",
"measuredH": "100",
"x": "669",
"y": "951",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.13983554215440108,
"y": 42.82783099986625
},
"p1": {
"x": 0.45957640430083985,
"y": -0.04513426163109045
},
"p2": {
"x": 63.92699743495791,
"y": -0.44621493077136165
}
}
},
{
"ID": "1576",
"typeID": "__group__",
"zOrder": "112",
"measuredW": "250",
"measuredH": "42",
"w": "250",
"h": "42",
"x": "729",
"y": "929",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "199",
"measuredH": "24",
"x": "25",
"y": "9",
"properties": {
"size": "16",
"text": "Creating Custom Directives"
}
}
]
}
}
},
{
"ID": "1577",
"typeID": "__group__",
"zOrder": "113",
"measuredW": "250",
"measuredH": "42",
"w": "250",
"h": "42",
"x": "729",
"y": "974",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "167",
"measuredH": "24",
"x": "41",
"y": "9",
"properties": {
"size": "16",
"text": "Creating Custom Pipes"
}
}
]
}
}
},
{
"ID": "1578",
"typeID": "__group__",
"zOrder": "114",
"measuredW": "250",
"measuredH": "42",
"w": "250",
"h": "42",
"x": "729",
"y": "1020",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "113",
"measuredH": "24",
"x": "68",
"y": "9",
"properties": {
"size": "16",
"text": "Reactive Forms"
}
}
]
}
}
},
{
"ID": "1579",
"typeID": "__group__",
"zOrder": "115",
"measuredW": "250",
"measuredH": "42",
"w": "250",
"h": "42",
"x": "729",
"y": "1066",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "192",
"measuredH": "24",
"x": "29",
"y": "9",
"properties": {
"size": "16",
"text": "Modules and Lazy Loading"
}
}
]
}
}
},
{
"ID": "1580",
"typeID": "__group__",
"zOrder": "116",
"measuredW": "250",
"measuredH": "42",
"w": "250",
"h": "42",
"x": "729",
"y": "1112",
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "250",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "223",
"measuredH": "24",
"x": "13",
"y": "9",
"properties": {
"size": "16",
"text": "Dependency Injection & Zones"
}
}
]
}
}
},
{
"ID": "1581",
"typeID": "Arrow",
"zOrder": "9",
"w": "73",
"h": "3",
"measuredW": "150",
"measuredH": "100",
"x": "672",
"y": "994",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.3587071287161052,
"y": 2.830745658125352
},
"p1": {
"x": 0.5510688836104509,
"y": -0.019002375296912517
},
"p2": {
"x": 72.18355541604092,
"y": 0.32928832899574445
}
}
},
{
"ID": "1582",
"typeID": "Arrow",
"zOrder": "10",
"w": "76",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "665",
"y": "999",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.3876495484601037,
"y": 0.33220298725484554
},
"p1": {
"x": 0.6014961585119298,
"y": -0.048321876263648623
},
"p2": {
"x": 76.68209808691131,
"y": 44.10770624702195
}
}
},
{
"ID": "1583",
"typeID": "Arrow",
"zOrder": "8",
"w": "71",
"h": "88",
"measuredW": "150",
"measuredH": "100",
"x": "669",
"y": "1001",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.13983554215440108,
"y": -0.41706834818035077
},
"p1": {
"x": 0.6103816419192543,
"y": -0.039882194134249226
},
"p2": {
"x": 71.4313694223465,
"y": 87.13393817135398
}
}
},
{
"ID": "1584",
"typeID": "Arrow",
"zOrder": "7",
"w": "76",
"h": "131",
"measuredW": "150",
"measuredH": "100",
"x": "662",
"y": "999",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": -0.3645364452341937,
"y": 0.33220298725484554
},
"p1": {
"x": 0.6281168248802743,
"y": -0.05749468283743387
},
"p2": {
"x": 75.92991209321701,
"y": 131.65871276655616
}
}
},
{
"ID": "1585",
"typeID": "Arrow",
"zOrder": "6",
"w": "102",
"h": "130",
"measuredW": "150",
"measuredH": "100",
"x": "489",
"y": "1003",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 0.03490784482687559,
"y": 129.53480576340348
},
"p1": {
"x": 0.45483345114655443,
"y": -0.26083682860175045
},
"p2": {
"x": 101.61658044202028,
"y": -0.2163953723763825
}
}
},
{
"ID": "1586",
"typeID": "Canvas",
"zOrder": "117",
"w": "205",
"h": "43",
"measuredW": "100",
"measuredH": "70",
"x": "305",
"y": "1111",
"properties": {
"color": "16776960"
}
},
{
"ID": "1587",
"typeID": "Label",
"zOrder": "118",
"measuredW": "153",
"measuredH": "24",
"x": "331",
"y": "1121",
"properties": {
"size": "16",
"text": "Testing Angular Apps"
}
},
{
"ID": "1589",
"typeID": "Canvas",
"zOrder": "119",
"w": "187",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "50",
"y": "1062",
"properties": {
"color": "16770457"
}
},
{
"ID": "1590",
"typeID": "Label",
"zOrder": "120",
"measuredW": "98",
"measuredH": "24",
"x": "95",
"y": "1071",
"properties": {
"size": "16",
"text": "Testing Pipes"
}
},
{
"ID": "1591",
"typeID": "Canvas",
"zOrder": "121",
"w": "187",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "50",
"y": "1109",
"properties": {
"color": "16770457"
}
},
{
"ID": "1592",
"typeID": "Label",
"zOrder": "122",
"measuredW": "138",
"measuredH": "24",
"x": "75",
"y": "1118",
"properties": {
"size": "16",
"text": "Services with Deps"
}
},
{
"ID": "1593",
"typeID": "Canvas",
"zOrder": "123",
"w": "187",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "50",
"y": "1156",
"properties": {
"color": "16770457"
}
},
{
"ID": "1594",
"typeID": "Label",
"zOrder": "124",
"measuredW": "152",
"measuredH": "24",
"x": "68",
"y": "1165",
"properties": {
"size": "16",
"text": "Component Bindings"
}
},
{
"ID": "1595",
"typeID": "Canvas",
"zOrder": "125",
"w": "186",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "51",
"y": "1201",
"properties": {
"color": "16770457"
}
},
{
"ID": "1596",
"typeID": "Label",
"zOrder": "126",
"measuredW": "129",
"measuredH": "24",
"x": "79",
"y": "1210",
"properties": {
"size": "16",
"text": "Testing Directives"
}
},
{
"ID": "1597",
"typeID": "Canvas",
"zOrder": "127",
"w": "186",
"h": "42",
"measuredW": "100",
"measuredH": "70",
"x": "51",
"y": "1247",
"properties": {
"color": "16770457"
}
},
{
"ID": "1598",
"typeID": "Label",
"zOrder": "128",
"measuredW": "163",
"measuredH": "24",
"x": "62",
"y": "1256",
"properties": {
"size": "16",
"text": "Component Templates"
}
},
{
"ID": "1599",
"typeID": "Arrow",
"zOrder": "5",
"w": "93",
"h": "131",
"measuredW": "150",
"measuredH": "100",
"x": "226",
"y": "1139",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.38188828622421056,
"y": 131.740323197811
},
"p1": {
"x": 0.34713047694079135,
"y": -0.060117568632204146
},
"p2": {
"x": 92.9358094640175,
"y": 0.4138134185095623
}
}
},
{
"ID": "1600",
"typeID": "Arrow",
"zOrder": "4",
"w": "93",
"h": "83",
"measuredW": "150",
"measuredH": "100",
"x": "221",
"y": "1136",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.37897362796510947,
"y": 82.20971928609038
},
"p1": {
"x": 0.34713047694079147,
"y": -0.06011756863220413
},
"p2": {
"x": 92.9328948057584,
"y": -0.3383725751846214
}
}
},
{
"ID": "1601",
"typeID": "Arrow",
"zOrder": "3",
"w": "94",
"h": "45",
"measuredW": "150",
"measuredH": "100",
"x": "221",
"y": "1132",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.37897362796510947,
"y": 44.93567335545299
},
"p1": {
"x": 0.34713047694079147,
"y": -0.060117568632204355
},
"p2": {
"x": 94.1836234703232,
"y": -0.09055856887903246
}
}
},
{
"ID": "1602",
"typeID": "Arrow",
"zOrder": "1",
"w": "90",
"h": "4",
"measuredW": "150",
"measuredH": "100",
"x": "221",
"y": "1129",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.37897362796510947,
"y": 0.40798410199136015
},
"p1": {
"x": 0.38516298239040825,
"y": -0.038965904833270275
},
"p2": {
"x": 90.43143747662884,
"y": 1.6587127665561638
}
}
},
{
"ID": "1603",
"typeID": "Arrow",
"zOrder": "2",
"w": "93",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "220",
"y": "1078",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "10027263",
"p0": {
"x": 0.1282449634003342,
"y": 0.12810885483577295
},
"p1": {
"x": 0.385162982390408,
"y": -0.038965904833270296
},
"p2": {
"x": 92.68216614119365,
"y": 43.903612114602765
}
}
},
{
"ID": "1604",
"typeID": "Arrow",
"zOrder": "129",
"w": "4",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "548",
"y": "1412",
"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": "1605",
"typeID": "Canvas",
"zOrder": "130",
"w": "576",
"h": "105",
"measuredW": "100",
"measuredH": "70",
"x": "229",
"y": "1342"
},
{
"ID": "1606",
"typeID": "Label",
"zOrder": "131",
"measuredW": "502",
"measuredH": "32",
"x": "269",
"y": "1364",
"properties": {
"size": "24",
"text": "Frontend Roadmap after Framework Selection"
}
},
{
"ID": "1607",
"typeID": "Label",
"zOrder": "132",
"measuredW": "171",
"measuredH": "26",
"x": "434",
"y": "1400",
"properties": {
"text": "roadmap.sh/frontend",
"size": "18",
"color": "10027263"
}
},
{
"ID": "1608",
"typeID": "Arrow",
"zOrder": "0",
"w": "113",
"h": "230",
"measuredW": "150",
"measuredH": "100",
"x": "437",
"y": "1133",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": -0.47237880082087713,
"y": 0.16017009568577123
},
"p1": {
"x": 0.6283070838905471,
"y": 0.08759531380403048
},
"p2": {
"x": 110.81915507937128,
"y": 229.6688800433219
}
}
}
]
},
"attributes": {
"name": "New Wireframe 4",
"order": 1000032.3806938329,
"parentID": null,
"notes": null
},
"branchID": "Master",
"resourceID": "AA71F98D-882E-4299-BD98-5490AABB3AAE",
"mockupH": "1372",
"mockupW": "930",
"measuredW": "980",
"measuredH": "1501",
"version": "1.0"
}
}