{
  "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"
  }
}