{ "mockup": { "controls": { "control": [ { "ID": "1506", "typeID": "Arrow", "zOrder": "0", "w": "144", "h": "237", "measuredW": "150", "measuredH": "100", "x": "1045", "y": "3058", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 143.5, "y": 237 }, "p1": { "x": 0.56420233463035, "y": 0.027237354085603065 }, "p2": { "x": -0.5, "y": 0 } } }, { "ID": "1507", "typeID": "Arrow", "zOrder": "1", "w": "166", "h": "171", "measuredW": "150", "measuredH": "100", "x": "279", "y": "3163", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 165, "y": 0 }, "p1": { "x": 0.5101799412144239, "y": -0.2666499390637321 }, "p2": { "x": 1, "y": 170 }, "rightArrow": "false" } }, { "ID": "1508", "typeID": "Arrow", "zOrder": "2", "w": "102", "h": "1", "measuredW": "150", "measuredH": "100", "x": "479", "y": "2198", "properties": { "color": "10027263", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 101, "y": 0 }, "p1": { "x": 0.5105398742417109, "y": -0.0025761059250436276 }, "p2": { "x": -0.5, "y": 0 } } }, { "ID": "1509", "typeID": "Arrow", "zOrder": "3", "w": "114", "h": "62", "measuredW": "150", "measuredH": "100", "x": "311", "y": "1749", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 62 }, "p1": { "x": 0.4230344065220394, "y": -0.06791488185712315 }, "p2": { "x": 114, "y": 0 } } }, { "ID": "1510", "typeID": "Arrow", "zOrder": "4", "w": "111", "h": "37", "measuredW": "150", "measuredH": "100", "x": "307", "y": "1714", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.40594249201277954, "y": -0.011437699680511181 }, "p2": { "x": 111, "y": 37 } } }, { "ID": "1511", "typeID": "__group__", "zOrder": "5", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1183", "y": "3228", "properties": { "controlName": "106-static-site-generators:gridsome" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457", "align": "center", "size": "17" } }, { "ID": "1", "typeID": "Icon", "zOrder": "1", "measuredW": "24", "measuredH": "24", "x": "133", "y": "5", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "5", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "87", "measuredW": "75", "measuredH": "25", "x": "41", "y": "9", "properties": { "text": "Gridsome", "size": "17" } } ] } } }, { "ID": "1512", "typeID": "Arrow", "zOrder": "6", "w": "105", "h": "43", "measuredW": "150", "measuredH": "100", "x": "952", "y": "2014", "properties": { "color": "10027263", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 42 }, "p1": { "x": 0.3246422893481717, "y": 0.04197138314785374 }, "p2": { "x": 104, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1513", "typeID": "Arrow", "zOrder": "7", "w": "128", "h": "9", "measuredW": "150", "measuredH": "100", "x": "940", "y": "2060", "properties": { "color": "10027263", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 8 }, "p1": { "x": 0.3321152059461133, "y": 0.04465778878909879 }, "p2": { "x": 127, "y": 4 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1514", "typeID": "Arrow", "zOrder": "8", "w": "129", "h": "34", "measuredW": "150", "measuredH": "100", "x": "941", "y": "2075", "properties": { "color": "10027263", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.3458601686475002, "y": -0.005245335635083992 }, "p2": { "x": 128, "y": 33 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1515", "typeID": "Arrow", "zOrder": "9", "w": "119", "h": "123", "measuredW": "150", "measuredH": "100", "x": "617", "y": "2067", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 119, "y": 0 }, "p1": { "x": 0.5330602565484531, "y": -0.2424921849735906 }, "p2": { "x": 0, "y": 122.5 } } }, { "ID": "1516", "typeID": "Arrow", "zOrder": "10", "w": "140", "h": "73", "measuredW": "150", "measuredH": "100", "x": "588", "y": "1981", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.3865808955652986, "y": -0.19467404585639328 }, "p2": { "x": 139, "y": 72 }, "rightArrow": "false" } }, { "ID": "1517", "typeID": "Arrow", "zOrder": "11", "w": "135", "h": "49", "measuredW": "150", "measuredH": "100", "x": "367", "y": "1974", "properties": { "color": "10027263", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 134, "y": 0 }, "p1": { "x": 0.503622802344166, "y": 0.003676078849227487 }, "p2": { "x": 0, "y": 48 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1518", "typeID": "Arrow", "zOrder": "12", "w": "98", "h": "3", "measuredW": "150", "measuredH": "100", "x": "1073", "y": "1947", "properties": { "color": "10027263", "leftArrow": "false", "p0": { "x": 0, "y": 2 }, "p1": { "x": 0.30434782608695654, "y": 0.014492753623188411 }, "p2": { "x": 97, "y": 2 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1519", "typeID": "Arrow", "zOrder": "13", "w": "148", "h": "1", "measuredW": "150", "measuredH": "100", "x": "353", "y": "1972", "properties": { "color": "10027263", "curvature": "0", "leftArrow": "false", "p0": { "x": 147, "y": 0 }, "p1": { "x": 0.5036228023441662, "y": 0.003676078849227491 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1520", "typeID": "Arrow", "zOrder": "14", "w": "137", "h": "33", "measuredW": "150", "measuredH": "100", "x": "358", "y": "1937", "properties": { "color": "10027263", "curvature": "-1", "leftArrow": "false", "p0": { "x": 136, "y": 32 }, "p1": { "x": 0.5049180327868853, "y": -0.02090163934426227 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1521", "typeID": "Arrow", "zOrder": "15", "w": "146", "h": "65", "measuredW": "150", "measuredH": "100", "x": "350", "y": "1900", "properties": { "color": "10027263", "curvature": "-1", "leftArrow": "false", "p0": { "x": 145, "y": 64 }, "p1": { "x": 0.49185940050157245, "y": -0.05186895426137495 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1522", "typeID": "Arrow", "zOrder": "16", "w": "105", "h": "89", "measuredW": "150", "measuredH": "100", "x": "653", "y": "1881", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 104, "y": 0 }, "p1": { "x": 0.5150450252580716, "y": 0.2856358444981331 }, "p2": { "x": 0, "y": 86 }, "rightArrow": "false" } }, { "ID": "1523", "typeID": "Arrow", "zOrder": "17", "w": "118", "h": "26", "measuredW": "150", "measuredH": "100", "x": "1065", "y": "1871", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 117, "y": 25 }, "p1": { "x": 0.47388515577275486, "y": 0.002290775809407195 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1524", "typeID": "Arrow", "zOrder": "18", "w": "124", "h": "21", "measuredW": "150", "measuredH": "100", "x": "1059", "y": "1847", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 123, "y": 0 }, "p1": { "x": 0.473885155772755, "y": 0.00229077580940721 }, "p2": { "x": 0, "y": 20 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1525", "typeID": "Arrow", "zOrder": "19", "w": "117", "h": "18", "measuredW": "150", "measuredH": "100", "x": "1056", "y": "1773", "properties": { "color": "10027263", "leftArrow": "false", "p0": { "x": 0, "y": 2 }, "p1": { "x": 0.3238461538461538, "y": 0.04076923076923073 }, "p2": { "x": 116, "y": 17 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1526", "typeID": "Arrow", "zOrder": "20", "w": "108", "h": "23", "measuredW": "150", "measuredH": "100", "x": "1053", "y": "1748", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 107, "y": 0 }, "p1": { "x": 0.3813139650049522, "y": -0.013865962363816473 }, "p2": { "x": 0, "y": 22 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1527", "typeID": "Arrow", "zOrder": "21", "w": "112", "h": "58", "measuredW": "150", "measuredH": "100", "x": "854", "y": "1889", "properties": { "color": "10027263", "leftArrow": "false", "p0": { "x": 111, "y": 57 }, "p1": { "x": 0.4939621628874279, "y": 0.14832953173218838 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1528", "typeID": "Arrow", "zOrder": "22", "w": "117", "h": "5", "measuredW": "150", "measuredH": "100", "x": "864", "y": "1864", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 116, "y": 1 }, "p1": { "x": 0.5309292397129627, "y": -0.01571441547824508 }, "p2": { "x": 0, "y": 4 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1529", "typeID": "Arrow", "zOrder": "23", "w": "86", "h": "96", "measuredW": "150", "measuredH": "100", "x": "850", "y": "1768", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 85, "y": 0 }, "p1": { "x": 0.48716362511599137, "y": -0.18836993504485 }, "p2": { "x": 0, "y": 95 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1530", "typeID": "Arrow", "zOrder": "24", "w": "57", "h": "244", "measuredW": "150", "measuredH": "100", "x": "689", "y": "1629", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 39, "y": 0 }, "p1": { "x": 0.5504287774151931, "y": -0.19435379828489027 }, "p2": { "x": 56, "y": 243 }, "rightArrow": "false" } }, { "ID": "1531", "typeID": "Arrow", "zOrder": "25", "w": "51", "h": "116", "measuredW": "150", "measuredH": "100", "x": "576", "y": "1632", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 50, "y": 0 }, "p1": { "x": 0.6557048619594426, "y": 0.20855118494991431 }, "p2": { "x": 0, "y": 115 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1532", "typeID": "Arrow", "zOrder": "26", "w": "116", "h": "8", "measuredW": "150", "measuredH": "100", "x": "302", "y": "1753", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 8 }, "p1": { "x": 0.44386976428692576, "y": -0.021282007800576565 }, "p2": { "x": 116, "y": 0 } } }, { "ID": "1533", "typeID": "Arrow", "zOrder": "27", "w": "102", "h": "75", "measuredW": "150", "measuredH": "100", "x": "316", "y": "1672", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.40594249201277954, "y": -0.011437699680511216 }, "p2": { "x": 102, "y": 75 } } }, { "ID": "1534", "typeID": "Arrow", "zOrder": "28", "w": "71", "h": "36", "measuredW": "150", "measuredH": "100", "x": "1081", "y": "1631", "properties": { "color": "10027263", "curvature": "-1", "leftArrow": "false", "p0": { "x": 70, "y": 35 }, "p1": { "x": 0.5309292397129621, "y": -0.01571441547824513 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1535", "typeID": "Arrow", "zOrder": "29", "w": "106", "h": "10", "measuredW": "150", "measuredH": "100", "x": "1079", "y": "1621", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 105, "y": 0 }, "p1": { "x": 0.5309292397129626, "y": -0.01571441547824508 }, "p2": { "x": 0, "y": 9 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1536", "typeID": "Arrow", "zOrder": "30", "w": "85", "h": "59", "measuredW": "150", "measuredH": "100", "x": "1079", "y": "1570", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 84, "y": 0 }, "p1": { "x": 0.4951386388188694, "y": -0.0763413755851639 }, "p2": { "x": -0.5, "y": 59 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1537", "typeID": "Arrow", "zOrder": "31", "w": "133", "h": "4", "measuredW": "150", "measuredH": "100", "x": "780", "y": "1629", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 0, "y": 2 }, "p1": { "x": 0.4434300336167677, "y": 0.014243775690876917 }, "p2": { "x": 132, "y": 3 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1538", "typeID": "Arrow", "zOrder": "32", "w": "129", "h": "54", "measuredW": "150", "measuredH": "100", "x": "482", "y": "1572", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0.5 }, "p1": { "x": 0.3865623561895996, "y": 0.07654548243595644 }, "p2": { "x": 129, "y": 54.5 } } }, { "ID": "1539", "typeID": "Arrow", "zOrder": "33", "w": "104", "h": "3", "measuredW": "150", "measuredH": "100", "x": "297", "y": "1569", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0.5 }, "p1": { "x": 0.44339622641509424, "y": 0.014150943396226412 }, "p2": { "x": 104, "y": 2.5 } } }, { "ID": "1540", "typeID": "Arrow", "zOrder": "34", "w": "41", "h": "110", "measuredW": "150", "measuredH": "100", "x": "772", "y": "1500", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 36, "y": 0 }, "p1": { "x": 0.4797753661683236, "y": 0.15845791910146467 }, "p2": { "x": 0, "y": 109 }, "rightArrow": "false" } }, { "ID": "1541", "typeID": "Arrow", "zOrder": "35", "w": "50", "h": "2", "measuredW": "150", "measuredH": "100", "x": "301", "y": "1447", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 49, "y": 1 }, "p1": { "x": 0.4872751951136748, "y": -0.01187648456057007 }, "p2": { "x": 0, "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1542", "typeID": "Arrow", "zOrder": "36", "w": "165", "h": "43", "measuredW": "150", "measuredH": "100", "x": "660", "y": "1411", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.46185893674451367, "y": -0.10438915620232368 }, "p2": { "x": 164, "y": 40 }, "rightArrow": "false" } }, { "ID": "1543", "typeID": "Arrow", "zOrder": "37", "w": "85", "h": "3", "measuredW": "150", "measuredH": "100", "x": "1091", "y": "1449", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 83, "y": 1 }, "p1": { "x": 0.4872751951136748, "y": -0.01187648456057007 }, "p2": { "x": 0, "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1544", "typeID": "Arrow", "zOrder": "38", "w": "54", "h": "129", "measuredW": "150", "measuredH": "100", "x": "607", "y": "1283", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 1, "y": 0 }, "p1": { "x": 0.4618589367445136, "y": -0.10438915620232368 }, "p2": { "x": 53, "y": 128 }, "rightArrow": "false" } }, { "ID": "1545", "typeID": "Arrow", "zOrder": "39", "w": "21", "h": "98", "measuredW": "150", "measuredH": "100", "x": "877", "y": "1112", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4592720970537261, "y": -0.022530329289428077 }, "p2": { "x": 20, "y": 97 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1546", "typeID": "Arrow", "zOrder": "40", "w": "117", "h": "139", "measuredW": "150", "measuredH": "100", "x": "607", "y": "1115", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 116, "y": 0 }, "p1": { "x": 0.5113995183302114, "y": -0.17615734546427614 }, "p2": { "x": 0, "y": 138 }, "rightArrow": "false" } }, { "ID": "1547", "typeID": "Arrow", "zOrder": "41", "w": "175", "h": "55", "measuredW": "150", "measuredH": "100", "x": "361", "y": "1273", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 54 }, "p1": { "x": 0.4434300336167671, "y": 0.014243775690876872 }, "p2": { "x": 174, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1548", "typeID": "__group__", "zOrder": "42", "measuredW": "158", "measuredH": "56", "w": "158", "h": "56", "x": "228", "y": "1290", "properties": { "controlName": "101-package-managers:yarn" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "151", "h": "49", "measuredW": "200", "measuredH": "140", "x": "7", "y": "7", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "36", "measuredW": "34", "measuredH": "25", "x": "65", "y": "19", "properties": { "bold": "true", "size": "17", "text": "yarn" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1549", "typeID": "Arrow", "zOrder": "43", "w": "171", "h": "9", "measuredW": "150", "measuredH": "100", "x": "352", "y": "1258", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 170, "y": 8 }, "p1": { "x": 0.4651735508633531, "y": -0.0009522699259062856 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1550", "typeID": "Arrow", "zOrder": "44", "w": "109", "h": "161", "measuredW": "150", "measuredH": "100", "x": "748", "y": "931", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.5674918262494162, "y": 0.22092480149462868 }, "p2": { "x": 102, "y": 160 }, "rightArrow": "false" } }, { "ID": "1551", "typeID": "Arrow", "zOrder": "45", "w": "1", "h": "77", "measuredW": "150", "measuredH": "100", "x": "1114", "y": "934", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 0, "y": 76 }, "p1": { "x": 0.487275195113675, "y": -0.01187648456057007 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1552", "typeID": "Arrow", "zOrder": "46", "w": "85", "h": "3", "measuredW": "150", "measuredH": "100", "x": "845", "y": "918", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 83, "y": 1 }, "p1": { "x": 0.4872751951136748, "y": -0.01187648456057007 }, "p2": { "x": 0, "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1553", "typeID": "Arrow", "zOrder": "47", "w": "2", "h": "74", "measuredW": "150", "measuredH": "100", "x": "622", "y": "924", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 1, "y": 73 }, "p1": { "x": 0.4872751951136749, "y": -0.01187648456057007 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1554", "typeID": "Arrow", "zOrder": "48", "w": "120", "h": "3", "measuredW": "150", "measuredH": "100", "x": "772", "y": "706", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 119, "y": 2 }, "p1": { "x": 0.5436210493779461, "y": 0.006954640290549417 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1555", "typeID": "Arrow", "zOrder": "49", "w": "108", "h": "5", "measuredW": "150", "measuredH": "100", "x": "783", "y": "653", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 107, "y": 2 }, "p1": { "x": 0.589278350515464, "y": 0.035876288659793816 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1556", "typeID": "Arrow", "zOrder": "50", "w": "100", "h": "45", "measuredW": "150", "measuredH": "100", "x": "783", "y": "607", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 99, "y": 0 }, "p1": { "x": 0.5773195876288659, "y": -0.06466729147141519 }, "p2": { "x": 0, "y": 44 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1557", "typeID": "Arrow", "zOrder": "51", "w": "40", "h": "139", "measuredW": "150", "measuredH": "100", "x": "656", "y": "490", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.5674918262494162, "y": 0.22092480149462868 }, "p2": { "x": 15, "y": 138 }, "rightArrow": "false" } }, { "ID": "1558", "typeID": "Arrow", "zOrder": "52", "w": "151", "h": "29", "measuredW": "150", "measuredH": "100", "x": "737", "y": "482", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 150, "y": 28 }, "p1": { "x": 0.4823054457996908, "y": 0.02336368321594228 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1559", "typeID": "Arrow", "zOrder": "53", "w": "153", "h": "13", "measuredW": "150", "measuredH": "100", "x": "739", "y": "465", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 152, "y": 0 }, "p1": { "x": 0.4798692360633173, "y": -0.004989676531314521 }, "p2": { "x": 0, "y": 12 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1560", "typeID": "Arrow", "zOrder": "54", "h": "60", "measuredW": "150", "measuredH": "100", "x": "737", "y": "416", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 149, "y": 0 }, "p1": { "x": 0.4552212800557556, "y": -0.05494250203275647 }, "p2": { "x": 0, "y": 59 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1561", "typeID": "Arrow", "zOrder": "55", "w": "134", "h": "36", "measuredW": "150", "measuredH": "100", "x": "447", "y": "483", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 132, "y": 0 }, "p1": { "x": 0.4652789342214826, "y": -0.001332223147377271 }, "p2": { "x": 0, "y": 34 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1562", "typeID": "Arrow", "zOrder": "56", "w": "131", "h": "9", "measuredW": "150", "measuredH": "100", "x": "447", "y": "470", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 129, "y": 7 }, "p1": { "x": 0.4652789342214826, "y": -0.001332223147377271 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1563", "typeID": "Arrow", "zOrder": "57", "w": "143", "h": "53", "measuredW": "150", "measuredH": "100", "x": "437", "y": "423", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 141, "y": 51 }, "p1": { "x": 0.45522128005575574, "y": -0.054942502032756434 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1564", "typeID": "Arrow", "zOrder": "58", "w": "45", "h": "139", "measuredW": "150", "measuredH": "100", "x": "634", "y": "327", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 44, "y": 0 }, "p1": { "x": 0.540933899332929, "y": -0.1946634323832626 }, "p2": { "x": 16, "y": 138 }, "rightArrow": "false" } }, { "ID": "1565", "typeID": "HRule", "zOrder": "59", "measuredW": "100", "measuredH": "10", "x": "1136", "y": "754", "properties": { "color": "10027263", "stroke": "dotted" } }, { "ID": "1566", "typeID": "Arrow", "zOrder": "60", "w": "71", "h": "134", "measuredW": "150", "measuredH": "100", "x": "646", "y": "765", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 9, "y": 0 }, "p1": { "x": 0.5549276224469561, "y": -0.26264128494943484 }, "p2": { "x": 70, "y": 133 }, "rightArrow": "false" } }, { "ID": "1567", "typeID": "Arrow", "zOrder": "61", "w": "130", "h": "213", "measuredW": "150", "measuredH": "100", "x": "428", "y": "776", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 129, "y": 0 }, "p1": { "x": 0.5007550539904198, "y": 0.04527076398473655 }, "p2": { "x": 0, "y": 212 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1568", "typeID": "Arrow", "zOrder": "62", "w": "110", "h": "157", "measuredW": "150", "measuredH": "100", "x": "442", "y": "769", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 109, "y": 0 }, "p1": { "x": 0.46686783637115814, "y": 0.0018494634122600195 }, "p2": { "x": 0, "y": 156 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1569", "typeID": "Arrow", "zOrder": "63", "w": "119", "h": "120", "measuredW": "150", "measuredH": "100", "x": "434", "y": "762", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 118, "y": 0 }, "p1": { "x": 0.46376334167874567, "y": -0.006127289497957557 }, "p2": { "x": 0, "y": 119 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1570", "typeID": "Arrow", "zOrder": "64", "w": "128", "h": "82", "measuredW": "150", "measuredH": "100", "x": "429", "y": "751", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 127, "y": 0 }, "p1": { "x": 0.4682571775171856, "y": 0.0018196522442377747 }, "p2": { "x": 0, "y": 81 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1571", "typeID": "Arrow", "zOrder": "65", "w": "123", "h": "34", "measuredW": "150", "measuredH": "100", "x": "429", "y": "753", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 122, "y": 0 }, "p1": { "x": 0.4501850789844116, "y": 0.009280016683176094 }, "p2": { "x": 0, "y": 33 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1572", "typeID": "Arrow", "zOrder": "66", "w": "106", "h": "99", "measuredW": "150", "measuredH": "100", "x": "784", "y": "713", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 105, "y": 98 }, "p1": { "x": 0.48727519511367495, "y": -0.011876484560570073 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1573", "typeID": "Arrow", "zOrder": "67", "w": "109", "h": "54", "measuredW": "150", "measuredH": "100", "x": "781", "y": "707", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 108, "y": 53 }, "p1": { "x": 0.44795435569162256, "y": -0.008627887559142778 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1574", "typeID": "Arrow", "zOrder": "68", "w": "111", "h": "59", "measuredW": "150", "measuredH": "100", "x": "432", "y": "579", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 110, "y": 58 }, "p1": { "x": 0.45522128005575574, "y": -0.054942502032756434 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1575", "typeID": "Arrow", "zOrder": "69", "w": "112", "h": "58", "measuredW": "150", "measuredH": "100", "x": "430", "y": "661", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 111, "y": 0 }, "p1": { "x": 0.47938350680544434, "y": 0.06064851881505207 }, "p2": { "x": 0, "y": 57 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1576", "typeID": "Arrow", "zOrder": "70", "w": "112", "h": "23", "measuredW": "150", "measuredH": "100", "x": "434", "y": "651", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 111, "y": 0 }, "p1": { "x": 0.4453729012104649, "y": 0.01983600156188987 }, "p2": { "x": 0, "y": 22 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1577", "typeID": "Arrow", "zOrder": "71", "w": "120", "h": "20", "measuredW": "150", "measuredH": "100", "x": "431", "y": "628", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 119, "y": 19 }, "p1": { "x": 0.4652789342214826, "y": -0.001332223147377271 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1578", "typeID": "Arrow", "zOrder": "72", "w": "19", "h": "80", "measuredW": "150", "measuredH": "100", "x": "721", "y": "186", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 17, "y": 0 }, "p1": { "x": 0.4835868694955965, "y": 0.10168134507606086 }, "p2": { "x": 0, "y": 79 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1579", "typeID": "__group__", "zOrder": "73", "measuredW": "250", "measuredH": "55", "w": "250", "h": "55", "x": "543", "y": "619", "properties": { "controlName": "101-html" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "250", "h": "55", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "47", "measuredH": "25", "x": "101", "y": "16", "properties": { "bold": "true", "size": "17", "text": "HTML" } } ] } } }, { "ID": "1580", "typeID": "__group__", "zOrder": "74", "measuredW": "145", "measuredH": "40", "w": "145", "h": "40", "x": "624", "y": "273", "properties": { "controlName": "ext_link:roadmap.sh/frontend" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "145", "measuredH": "40", "x": "0", "y": "0", "properties": { "size": "32", "text": "Front-end", "bold": "true" } } ] } } }, { "ID": "1581", "typeID": "__group__", "zOrder": "75", "measuredW": "304", "measuredH": "47", "w": "304", "h": "47", "x": "152", "y": "552", "properties": { "controlName": "100-html:learn-the-basics" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "7", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "134", "measuredW": "128", "measuredH": "25", "x": "90", "y": "15", "properties": { "size": "17", "text": "Learn the basics" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1582", "typeID": "__group__", "zOrder": "76", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "152", "y": "601", "properties": { "controlName": "101-html:writing-semantic-html" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "189", "measuredW": "183", "measuredH": "25", "x": "63", "y": "13", "properties": { "size": "17", "text": "Writing Semantic HTML" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1583", "typeID": "__group__", "zOrder": "77", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "152", "y": "647", "properties": { "controlName": "102-html:forms-and-validations" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "172", "measuredW": "169", "measuredH": "25", "x": "71", "y": "13", "properties": { "size": "17", "text": "Forms and Validations" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1584", "typeID": "__group__", "zOrder": "78", "measuredW": "304", "measuredH": "49", "w": "304", "h": "49", "x": "152", "y": "690", "properties": { "controlName": "103-html:conventions-and-best-practices" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "9", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "248", "measuredW": "246", "measuredH": "25", "x": "33", "y": "17", "properties": { "size": "17", "text": "Conventions and Best Practices" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1585", "typeID": "__group__", "zOrder": "79", "measuredW": "250", "measuredH": "50", "w": "250", "h": "50", "x": "543", "y": "681", "properties": { "controlName": "102-css" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "250", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "33", "measuredH": "25", "x": "108", "y": "14", "properties": { "bold": "true", "size": "17", "text": "CSS" } } ] } } }, { "ID": "1586", "typeID": "__group__", "zOrder": "80", "measuredW": "123", "measuredH": "193", "w": "123", "h": "193", "x": "1183", "y": "652", "properties": { "controlName": "101-css:making-layouts" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "116", "h": "185", "measuredW": "200", "measuredH": "140", "x": "0", "y": "8", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "47", "measuredH": "25", "x": "35", "y": "21", "properties": { "size": "17", "text": "Floats" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "84", "measuredH": "25", "x": "16", "y": "48", "properties": { "size": "17", "text": "Positioning" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "56", "measuredH": "25", "x": "30", "y": "75", "properties": { "size": "17", "text": "Display" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "measuredW": "82", "measuredH": "25", "x": "19", "y": "102", "properties": { "size": "17", "text": "Box Model" } }, { "ID": "5", "typeID": "Label", "zOrder": "5", "measuredW": "70", "measuredH": "25", "x": "22", "y": "129", "properties": { "size": "17", "text": "CSS Grid" } }, { "ID": "6", "typeID": "Label", "zOrder": "6", "measuredW": "65", "measuredH": "25", "x": "26", "y": "156", "properties": { "size": "17", "text": "Flex Box" } }, { "ID": "7", "typeID": "Icon", "zOrder": "7", "measuredW": "24", "measuredH": "24", "x": "99", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "8", "typeID": "Icon", "zOrder": "8", "measuredW": "24", "measuredH": "24", "x": "99", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1587", "typeID": "__group__", "zOrder": "81", "measuredW": "289", "measuredH": "47", "w": "289", "h": "47", "x": "875", "y": "679", "properties": { "controlName": "100-css:learn-the-basics" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "140", "measuredW": "128", "measuredH": "25", "x": "70", "y": "13", "properties": { "size": "17", "text": "Learn the basics" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1588", "typeID": "__group__", "zOrder": "82", "measuredW": "290", "measuredH": "51", "w": "290", "h": "51", "x": "874", "y": "728", "properties": { "controlName": "101-css:making-layouts" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "281", "h": "47", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "130", "measuredW": "120", "measuredH": "25", "x": "76", "y": "15", "properties": { "size": "17", "text": "Making Layouts" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "266", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "266", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1589", "typeID": "Canvas", "zOrder": "83", "w": "350", "h": "141", "measuredW": "100", "measuredH": "70", "x": "933", "y": "169" }, { "ID": "1590", "typeID": "Label", "zOrder": "84", "measuredW": "314", "measuredH": "25", "x": "947", "y": "186", "properties": { "size": "17", "text": "Find the detailed version of this roadmap" } }, { "ID": "1591", "typeID": "Label", "zOrder": "85", "measuredW": "319", "measuredH": "25", "x": "947", "y": "214", "properties": { "size": "17", "text": "along with resources and other roadmaps" } }, { "ID": "1592", "typeID": "__group__", "zOrder": "86", "measuredW": "288", "measuredH": "45", "w": "288", "h": "45", "x": "874", "y": "783", "properties": { "controlName": "102-css:responsive-design-and-media-queries" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "2", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "248", "measuredW": "246", "measuredH": "22", "x": "18", "y": "12", "properties": { "size": "14", "text": "Responsive design and Media Queries" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1593", "typeID": "__group__", "zOrder": "87", "measuredW": "250", "measuredH": "50", "w": "250", "h": "50", "x": "543", "y": "738", "properties": { "controlName": "103-javascript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "250", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "82", "measuredH": "25", "x": "82", "y": "13", "properties": { "bold": "true", "size": "17", "text": "JavaScript" } } ] } } }, { "ID": "1594", "typeID": "__group__", "zOrder": "88", "measuredW": "304", "measuredH": "48", "w": "304", "h": "48", "x": "152", "y": "753", "properties": { "controlName": "100-javascript:syntax-and-basic-constructs" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "8", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "228", "measuredW": "219", "measuredH": "25", "x": "43", "y": "16", "properties": { "size": "17", "text": "Syntax and Basic Constructs" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1595", "typeID": "__group__", "zOrder": "89", "measuredW": "305", "measuredH": "45", "w": "305", "h": "45", "x": "152", "y": "802", "properties": { "controlName": "101-javascript:learn-dom-manipulation" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "297", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "197", "measuredW": "193", "measuredH": "25", "x": "59", "y": "13", "properties": { "size": "17", "text": "Learn DOM Manipulation" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1596", "typeID": "__group__", "zOrder": "90", "measuredW": "305", "measuredH": "117", "w": "305", "h": "117", "x": "151", "y": "947", "properties": { "controlName": "104-javascript:concepts" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "113", "measuredW": "200", "measuredH": "140", "x": "9", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "247", "measuredW": "246", "measuredH": "25", "x": "34", "y": "49", "properties": { "size": "17", "text": "Hoisting, Event Bubbling, Scope," } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "245", "measuredW": "231", "measuredH": "25", "x": "36", "y": "78", "properties": { "size": "17", "text": "Prototype, Shadow DOM, strict" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "202", "measuredW": "195", "measuredH": "25", "x": "57", "y": "19", "properties": { "size": "17", "text": "Understand the concepts" } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1597", "typeID": "__group__", "zOrder": "91", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "152", "y": "849", "properties": { "controlName": "102-javascript:learn-fetch-api-ajax-xhr" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "234", "measuredW": "224", "measuredH": "25", "x": "40", "y": "13", "properties": { "size": "17", "text": "Learn Fetch API / Ajax (XHR)" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1598", "typeID": "__group__", "zOrder": "92", "measuredW": "305", "measuredH": "47", "w": "305", "h": "47", "x": "151", "y": "895", "properties": { "controlName": "103-javascript:es6-and-modular-javascript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "7", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "234", "measuredW": "228", "measuredH": "25", "x": "41", "y": "15", "properties": { "size": "17", "text": "ES6+ and modular JavaScript" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1599", "typeID": "__group__", "zOrder": "93", "measuredW": "320", "measuredH": "45", "w": "320", "h": "45", "x": "948", "y": "250", "properties": { "controlName": "ext_link:roadmap.sh" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Canvas", "zOrder": "0", "w": "320", "h": "45", "measuredW": "100", "measuredH": "70", "x": "0", "y": "0", "properties": { "borderColor": "4273622", "color": "4273622" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "105", "measuredH": "28", "x": "139", "y": "8", "properties": { "color": "16777215", "size": "20", "text": "roadmap.sh" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "35", "measuredH": "28", "x": "76", "y": "8", "properties": { "color": "16777215", "size": "20", "text": "http" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "5", "measuredH": "28", "x": "113", "y": "8", "properties": { "bold": "true", "color": "16777215", "size": "20", "text": ":" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "measuredW": "10", "measuredH": "28", "x": "120", "y": "9", "properties": { "color": "16777215", "size": "20", "text": "/" } }, { "ID": "5", "typeID": "Label", "zOrder": "5", "measuredW": "10", "measuredH": "28", "x": "128", "y": "9", "properties": { "color": "16777215", "size": "20", "text": "/" } } ] } } }, { "ID": "1600", "typeID": "__group__", "zOrder": "94", "measuredW": "187", "measuredH": "60", "w": "187", "h": "60", "x": "564", "y": "439", "properties": { "controlName": "100-internet" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "178", "h": "50", "measuredW": "200", "measuredH": "140", "x": "9", "y": "10", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "75", "measuredW": "63", "measuredH": "25", "x": "64", "y": "23", "properties": { "size": "17", "text": "Internet", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1601", "typeID": "__group__", "zOrder": "95", "measuredW": "306", "measuredH": "53", "w": "306", "h": "53", "x": "153", "y": "391", "properties": { "controlName": "100-internet:how-does-the-internet-work" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "299", "h": "44", "measuredW": "200", "measuredH": "140", "x": "7", "y": "9", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "223", "measuredW": "219", "measuredH": "25", "x": "45", "y": "19", "properties": { "size": "17", "text": "How does the internet work?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1602", "typeID": "__group__", "zOrder": "96", "measuredW": "307", "measuredH": "47", "w": "307", "h": "47", "x": "152", "y": "443", "properties": { "controlName": "101-internet:what-is-http" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "299", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "7", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "119", "measuredW": "113", "measuredH": "25", "x": "98", "y": "15", "properties": { "size": "17", "text": "What is HTTP?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1603", "typeID": "__group__", "zOrder": "97", "measuredW": "307", "measuredH": "48", "w": "307", "h": "48", "x": "152", "y": "488", "properties": { "controlName": "102-internet:browsers-and-how-they-work" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "299", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "8", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "230", "measuredW": "225", "measuredH": "25", "x": "42", "y": "16", "properties": { "size": "17", "text": "Browsers and how they work?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1604", "typeID": "__group__", "zOrder": "98", "measuredW": "289", "measuredH": "49", "w": "289", "h": "49", "x": "875", "y": "388", "properties": { "controlName": "103-internet:dns-and-how-it-works" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "179", "measuredW": "175", "measuredH": "25", "x": "51", "y": "17", "properties": { "size": "17", "text": "DNS and how it works?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1605", "typeID": "__group__", "zOrder": "99", "measuredW": "289", "measuredH": "45", "w": "289", "h": "45", "x": "874", "y": "438", "properties": { "controlName": "104-internet:what-is-domain-name" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "189", "measuredW": "180", "measuredH": "25", "x": "51", "y": "13", "properties": { "size": "17", "text": "What is Domain Name?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1606", "typeID": "__group__", "zOrder": "100", "measuredW": "288", "measuredH": "46", "w": "288", "h": "46", "x": "875", "y": "483", "properties": { "controlName": "105-internet:what-is-hosting" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "133", "measuredW": "126", "measuredH": "25", "x": "74", "y": "14", "properties": { "size": "17", "text": "What is hosting?" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1607", "typeID": "__group__", "zOrder": "101", "measuredW": "288", "measuredH": "48", "w": "288", "h": "48", "x": "875", "y": "581", "properties": { "controlName": "104-html:accessibility" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "8", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "101", "measuredW": "94", "measuredH": "25", "x": "89", "y": "16", "properties": { "size": "17", "text": "Accessibility" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "264", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1608", "typeID": "__group__", "zOrder": "102", "measuredW": "289", "measuredH": "46", "w": "289", "h": "46", "x": "875", "y": "630", "properties": { "controlName": "105-html:seo-basics" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "280", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "94", "measuredW": "90", "measuredH": "25", "x": "93", "y": "14", "properties": { "size": "17", "text": "SEO Basics" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "265", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1609", "typeID": "__group__", "zOrder": "103", "measuredW": "225", "measuredH": "62", "w": "225", "h": "62", "x": "513", "y": "972", "properties": { "controlName": "100-version-control-systems:basic-usage-of-git" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "54", "measuredW": "200", "measuredH": "140", "x": "9", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "155", "measuredW": "146", "measuredH": "25", "x": "40", "y": "23", "properties": { "bold": "true", "size": "17", "text": "Basic Usage of Git" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1610", "typeID": "__group__", "zOrder": "104", "measuredW": "240", "measuredH": "58", "w": "240", "h": "58", "x": "994", "y": "974", "properties": { "controlName": "100-repo-hosting-services:github" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "230", "h": "49", "measuredW": "200", "measuredH": "140", "x": "10", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "64", "measuredW": "55", "measuredH": "25", "x": "97", "y": "22", "properties": { "bold": "true", "size": "17", "text": "GitHub" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1611", "typeID": "__group__", "zOrder": "105", "measuredW": "352", "measuredH": "78", "w": "352", "h": "78", "x": "885", "y": "882", "properties": { "controlName": "105-repo-hosting-services" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "352", "h": "78", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "189", "measuredW": "171", "measuredH": "25", "x": "77", "y": "15", "properties": { "bold": "true", "size": "17", "text": "Repo hosting services" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "279", "measuredW": "275", "measuredH": "23", "x": "32", "y": "41", "properties": { "size": "15", "text": "Create account and Learn to use GitHub" } } ] } } }, { "ID": "1612", "typeID": "Arrow", "zOrder": "106", "w": "96", "h": "111", "measuredW": "150", "measuredH": "100", "x": "318", "y": "1626", "properties": { "color": "10027263", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4514556344894832, "y": -0.030087755954868366 }, "p2": { "x": 96, "y": 111 } } }, { "ID": "1613", "typeID": "__group__", "zOrder": "107", "measuredW": "336", "measuredH": "77", "w": "336", "h": "77", "x": "522", "y": "882", "properties": { "controlName": "104-version-control-systems" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "336", "h": "77", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "201", "measuredW": "189", "measuredH": "25", "x": "65", "y": "15", "properties": { "bold": "true", "size": "17", "text": "Version Control Systems" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "292", "measuredW": "285", "measuredH": "23", "x": "19", "y": "40", "properties": { "size": "15", "text": "What are they and why you should use one" } } ] } } }, { "ID": "1614", "typeID": "__group__", "zOrder": "108", "measuredW": "211", "measuredH": "53", "w": "211", "h": "53", "x": "508", "y": "1244", "properties": { "controlName": "107-package-managers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "211", "h": "53", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "154", "measuredW": "150", "measuredH": "25", "x": "29", "y": "14", "properties": { "bold": "true", "size": "17", "text": "Package Managers" } } ] } } }, { "ID": "1615", "typeID": "__group__", "zOrder": "109", "measuredW": "158", "measuredH": "58", "w": "158", "h": "58", "x": "228", "y": "1229", "properties": { "controlName": "100-package-managers:npm" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "151", "h": "49", "measuredW": "200", "measuredH": "140", "x": "7", "y": "9", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "36", "measuredW": "34", "measuredH": "25", "x": "64", "y": "21", "properties": { "bold": "true", "size": "17", "text": "npm" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1616", "typeID": "__group__", "zOrder": "110", "measuredW": "297", "measuredH": "107", "w": "297", "h": "107", "x": "160", "y": "1108", "properties": { "controlName": "100-package-managers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "297", "h": "107", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "261", "measuredW": "244", "measuredH": "25", "x": "16", "y": "14", "properties": { "size": "17", "text": "npm and yarn both are fine, pick" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "132", "measuredW": "127", "measuredH": "25", "x": "16", "y": "67", "properties": { "size": "17", "text": "much difference." } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "248", "measuredW": "226", "measuredH": "25", "x": "16", "y": "41", "properties": { "size": "17", "text": "one or learn both, there is not" } } ] } } }, { "ID": "1617", "typeID": "__group__", "zOrder": "111", "measuredW": "238", "measuredH": "54", "w": "238", "h": "54", "x": "996", "y": "1090", "properties": { "controlName": "102-repo-hosting-services:bitbucket" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "230", "h": "49", "measuredW": "200", "measuredH": "140", "x": "8", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "80", "measuredW": "75", "measuredH": "25", "x": "83", "y": "17", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "Bitbucket" } }, { "ID": "3", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1618", "typeID": "__group__", "zOrder": "112", "measuredW": "238", "measuredH": "55", "w": "238", "h": "55", "x": "996", "y": "1033", "properties": { "controlName": "101-repo-hosting-services:gitlab" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "230", "h": "49", "measuredW": "200", "measuredH": "140", "x": "8", "y": "6", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "52", "measuredH": "25", "x": "93", "y": "18", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "GitLab" } }, { "ID": "3", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1619", "typeID": "__group__", "zOrder": "113", "measuredW": "381", "measuredH": "62", "w": "381", "h": "62", "x": "564", "y": "1065", "properties": { "controlName": "106-web-security-knowledge" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "372", "h": "54", "measuredW": "200", "measuredH": "140", "x": "9", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "203", "measuredW": "192", "measuredH": "25", "x": "94", "y": "23", "properties": { "bold": "true", "size": "17", "text": "Web Security Knowledge" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1620", "typeID": "__group__", "zOrder": "114", "measuredW": "408", "measuredH": "162", "w": "408", "h": "162", "x": "151", "y": "183", "children": { "controls": { "control": [ { "ID": "0", "typeID": "Canvas", "zOrder": "0", "w": "408", "h": "162", "measuredW": "100", "measuredH": "70", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Icon", "zOrder": "1", "measuredW": "24", "measuredH": "24", "x": "23", "y": "21", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "23", "y": "21", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "269", "measuredH": "24", "x": "59", "y": "21", "properties": { "size": "16", "text": "Personal Recommendation / Opinion" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "measuredW": "159", "measuredH": "24", "x": "59", "y": "118", "properties": { "size": "16", "text": "I wouldn't recommend" } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "23", "y": "118", "properties": { "color": "10066329", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "6", "typeID": "Label", "zOrder": "6", "w": "324", "measuredW": "315", "measuredH": "24", "x": "60", "y": "86", "properties": { "size": "16", "text": "Order in roadmap not strict (Learn anytime)" } }, { "ID": "7", "typeID": "Icon", "zOrder": "7", "measuredW": "24", "measuredH": "24", "x": "23", "y": "86", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "8", "typeID": "Icon", "zOrder": "8", "measuredW": "24", "measuredH": "24", "x": "23", "y": "86", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "9", "typeID": "Label", "zOrder": "9", "measuredW": "272", "measuredH": "24", "x": "59", "y": "54", "properties": { "size": "16", "text": "Alternative Option - Pick this or purple" } }, { "ID": "10", "typeID": "Icon", "zOrder": "10", "measuredW": "24", "measuredH": "24", "x": "23", "y": "53", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "11", "typeID": "Icon", "zOrder": "11", "measuredW": "24", "measuredH": "24", "x": "23", "y": "53", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "12", "typeID": "Icon", "zOrder": "12", "measuredW": "24", "measuredH": "24", "x": "23", "y": "53", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1621", "typeID": "TextArea", "zOrder": "115", "w": "456", "h": "161", "measuredW": "200", "measuredH": "140", "x": "837", "y": "1168" }, { "ID": "1622", "typeID": "__group__", "zOrder": "116", "measuredW": "163", "measuredH": "48", "w": "163", "h": "48", "x": "852", "y": "1267", "properties": { "controlName": "102-web-security-knowledge:cors" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "163", "h": "48", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "51", "measuredW": "47", "measuredH": "25", "x": "56", "y": "12", "properties": { "bold": "true", "size": "17", "text": "CORS" } } ] } } }, { "ID": "1623", "typeID": "__group__", "zOrder": "117", "measuredW": "166", "measuredH": "49", "w": "166", "h": "49", "x": "851", "y": "1212", "properties": { "controlName": "100-web-security-knowledge:https" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "166", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "63", "measuredW": "53", "measuredH": "25", "x": "54", "y": "12", "properties": { "bold": "true", "size": "17", "text": "HTTPS" } } ] } } }, { "ID": "1624", "typeID": "__group__", "zOrder": "118", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "1022", "y": "1212", "properties": { "controlName": "101-web-security-knowledge:content-security-policy" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "196", "measuredW": "179", "measuredH": "25", "x": "31", "y": "12", "properties": { "bold": "true", "size": "17", "text": "Content Security Policy" } } ] } } }, { "ID": "1625", "typeID": "__group__", "zOrder": "119", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "1022", "y": "1266", "properties": { "controlName": "103-web-security-knowledge:owasp-security-risks" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "187", "measuredW": "172", "measuredH": "25", "x": "43", "y": "12", "properties": { "bold": "true", "size": "17", "text": "OWASP Security Risks" } } ] } } }, { "ID": "1626", "typeID": "Label", "zOrder": "120", "w": "372", "measuredW": "344", "measuredH": "25", "x": "853", "y": "1181", "properties": { "size": "17", "text": "Get at least a basic knowledge of all of these" } }, { "ID": "1627", "typeID": "Icon", "zOrder": "121", "measuredW": "24", "measuredH": "24", "x": "828", "y": "1159", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "1628", "typeID": "Icon", "zOrder": "122", "measuredW": "24", "measuredH": "24", "x": "828", "y": "1159", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "1629", "typeID": "Arrow", "zOrder": "123", "w": "201", "h": "4", "measuredW": "150", "measuredH": "100", "x": "603", "y": "3042", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 200, "y": 0 }, "p1": { "x": 0.5976298194338792, "y": 0.018096648917003643 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false" } }, { "ID": "1630", "typeID": "Arrow", "zOrder": "124", "w": "41", "h": "124", "measuredW": "150", "measuredH": "100", "x": "742", "y": "2909", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 37, "y": 0 }, "p1": { "x": 0.5697582243361078, "y": -0.30657946888624726 }, "p2": { "x": 40, "y": 123 }, "rightArrow": "false" } }, { "ID": "1631", "typeID": "Arrow", "zOrder": "125", "w": "97", "h": "17", "measuredW": "150", "measuredH": "100", "x": "897", "y": "2880", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 96, "y": 0 }, "p1": { "x": 0.4835193355826628, "y": 0.007267064624967626 }, "p2": { "x": 0, "y": 16 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1632", "typeID": "Arrow", "zOrder": "126", "w": "78", "h": "22", "measuredW": "150", "measuredH": "100", "x": "903", "y": "2911", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 77, "y": 21 }, "p1": { "x": 0.4835193355826629, "y": 0.0072670646249675805 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1633", "typeID": "Arrow", "zOrder": "127", "w": "158", "h": "72", "measuredW": "150", "measuredH": "100", "x": "286", "y": "2958", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4319942611190819, "y": -0.006169296987087513 }, "p2": { "x": 157, "y": 71 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1634", "typeID": "Arrow", "zOrder": "128", "w": "134", "h": "145", "measuredW": "150", "measuredH": "100", "x": "1059", "y": "3059", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 133, "y": 144 }, "p1": { "x": 0.5642023346303501, "y": 0.02723735408560301 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1635", "typeID": "Arrow", "zOrder": "129", "w": "144", "h": "111", "measuredW": "150", "measuredH": "100", "x": "1049", "y": "3049", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 143, "y": 110 }, "p1": { "x": 0.5591257349884183, "y": 0.009087129536140616 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1636", "typeID": "Arrow", "zOrder": "130", "w": "145", "h": "78", "measuredW": "150", "measuredH": "100", "x": "1053", "y": "3043", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 144, "y": 77 }, "p1": { "x": 0.5642023346303502, "y": 0.027237354085603124 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1637", "typeID": "Arrow", "zOrder": "131", "w": "29", "h": "229", "measuredW": "150", "measuredH": "100", "x": "824", "y": "2678", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 228 }, "p1": { "x": 0.4409025564097753, "y": -0.09294330895680976 }, "p2": { "x": 15, "y": 0 }, "rightArrow": "false" } }, { "ID": "1638", "typeID": "__group__", "zOrder": "132", "measuredW": "392", "measuredH": "141", "w": "392", "h": "141", "x": "723", "y": "1381", "properties": { "controlName": "109-css-preprocessors" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "392", "h": "141", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "157", "measuredW": "151", "measuredH": "25", "x": "113", "y": "17", "properties": { "bold": "true", "size": "17", "text": "CSS Preprocessors" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "350", "measuredW": "332", "measuredH": "23", "x": "18", "y": "49", "properties": { "size": "15", "text": "With how the modern frameworks there has been" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "356", "measuredW": "344", "measuredH": "23", "x": "18", "y": "76", "properties": { "size": "15", "text": "more push towards CSS-in-JS so you may not need" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "w": "350", "measuredW": "324", "measuredH": "23", "x": "18", "y": "102", "properties": { "size": "15", "text": "these but still a good idea to familiarize yourself." } } ] } } }, { "ID": "1639", "typeID": "Arrow", "zOrder": "133", "h": "33", "measuredW": "150", "measuredH": "100", "x": "1049", "y": "3040", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 149, "y": 32 }, "p1": { "x": 0.5905801701155262, "y": -0.014345563031611016 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1640", "typeID": "Arrow", "zOrder": "134", "w": "141", "h": "16", "measuredW": "150", "measuredH": "100", "x": "1054", "y": "3022", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 140, "y": 0 }, "p1": { "x": 0.5446556671449067, "y": -0.004842180774748907 }, "p2": { "x": 0, "y": 15 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1641", "typeID": "Arrow", "zOrder": "135", "w": "144", "h": "60", "measuredW": "150", "measuredH": "100", "x": "1048", "y": "2973", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { "x": 143, "y": 0 }, "p1": { "x": 0.5359734790789354, "y": 0.012722874294418268 }, "p2": { "x": 0, "y": 59 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1642", "typeID": "__group__", "zOrder": "136", "measuredW": "392", "measuredH": "141", "w": "392", "h": "141", "x": "312", "y": "1378", "properties": { "controlName": "108-css-architecture" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "392", "h": "141", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "148", "measuredW": "133", "measuredH": "25", "x": "122", "y": "18", "properties": { "bold": "true", "size": "17", "text": "CSS Architecture" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "351", "measuredW": "335", "measuredH": "23", "x": "19", "y": "51", "properties": { "size": "15", "text": "With modern frameworks and CSS-in-JS you don't" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "359", "measuredW": "344", "measuredH": "23", "x": "19", "y": "77", "properties": { "size": "15", "text": "have to worry about these anymore but still it would" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "w": "359", "measuredW": "347", "measuredH": "23", "x": "19", "y": "103", "properties": { "size": "15", "text": "be a good idea to get familiarized with BEM atleast." } } ] } } }, { "ID": "1643", "typeID": "__group__", "zOrder": "137", "measuredW": "156", "measuredH": "48", "w": "156", "h": "48", "x": "141", "y": "1369", "properties": { "controlName": "100-css-architecture:bem" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "40", "measuredW": "200", "measuredH": "140", "x": "10", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "45", "measuredW": "38", "measuredH": "25", "x": "66", "y": "16", "properties": { "size": "17", "text": "BEM" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1644", "typeID": "__group__", "zOrder": "138", "measuredW": "145", "measuredH": "44", "w": "145", "h": "44", "x": "151", "y": "1474", "properties": { "controlName": "102-css-architecture:smacss" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "73", "measuredW": "68", "measuredH": "25", "x": "36", "y": "10", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "SMACSS" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "1645", "typeID": "__group__", "zOrder": "139", "measuredW": "145", "measuredH": "44", "w": "145", "h": "44", "x": "152", "y": "1423", "properties": { "controlName": "101-css-architecture:oocss" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "62", "measuredW": "58", "measuredH": "25", "x": "42", "y": "10", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "OOCSS" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "1646", "typeID": "Arrow", "zOrder": "140", "w": "2", "h": "104", "measuredW": "150", "measuredH": "100", "x": "564", "y": "3059", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.523291249455812, "y": 0.00130605137135394 }, "p2": { "x": 1, "y": 103 }, "rightArrow": "false" } }, { "ID": "1647", "typeID": "Arrow", "zOrder": "141", "w": "180", "h": "45", "measuredW": "150", "measuredH": "100", "x": "280", "y": "3052", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 44 }, "p1": { "x": 0.4319942611190816, "y": -0.0061692969870875015 }, "p2": { "x": 179, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1648", "typeID": "Arrow", "zOrder": "142", "w": "87", "h": "128", "measuredW": "150", "measuredH": "100", "x": "995", "y": "2689", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 86, "y": 127 }, "p1": { "x": 0.3984434389140272, "y": 0.2406877828054298 }, "p2": { "x": 1, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1649", "typeID": "Arrow", "zOrder": "143", "w": "71", "h": "81", "measuredW": "150", "measuredH": "100", "x": "1007", "y": "2686", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 70, "y": 80 }, "p1": { "x": 0.4436256975246818, "y": 0.1679067105451423 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1650", "typeID": "Arrow", "zOrder": "144", "w": "98", "h": "1", "measuredW": "150", "measuredH": "100", "x": "997", "y": "2676", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 97, "y": 0 }, "p1": { "x": 0.48351933558266286, "y": 0.007267064624967593 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1651", "typeID": "__group__", "zOrder": "145", "measuredW": "214", "measuredH": "50", "w": "214", "h": "50", "x": "596", "y": "1603", "properties": { "controlName": "110-build-tools" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "214", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "85", "measuredH": "25", "x": "62", "y": "13", "properties": { "bold": "true", "size": "17", "text": "Build Tools" } } ] } } }, { "ID": "1652", "typeID": "Arrow", "zOrder": "146", "w": "134", "h": "109", "measuredW": "150", "measuredH": "100", "x": "697", "y": "2562", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.6566784235546694, "y": 0.1877932832387666 }, "p2": { "x": 132, "y": 108 }, "rightArrow": "false" } }, { "ID": "1653", "typeID": "Arrow", "zOrder": "147", "w": "1", "h": "86", "measuredW": "150", "measuredH": "100", "x": "554", "y": "2562", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4770488047048041, "y": 0.005193614908729856 }, "p2": { "x": 0, "y": 85 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1654", "typeID": "Arrow", "zOrder": "148", "w": "177", "h": "1", "measuredW": "150", "measuredH": "100", "x": "358", "y": "2552", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 176, "y": 0 }, "p1": { "x": 0.477048804704804, "y": 0.005193614908729856 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1655", "typeID": "__group__", "zOrder": "149", "measuredW": "138", "measuredH": "50", "w": "138", "h": "50", "x": "365", "y": "1546", "properties": { "controlName": "100-build-tools:task-runners" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "138", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "105", "measuredH": "25", "x": "17", "y": "14", "properties": { "bold": "true", "size": "17", "text": "Task Runners" } } ] } } }, { "ID": "1656", "typeID": "Arrow", "zOrder": "150", "w": "116", "h": "1", "measuredW": "150", "measuredH": "100", "x": "729", "y": "2551", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 115, "y": 0 }, "p1": { "x": 0.477048804704804, "y": 0.005193614908729856 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false" } }, { "ID": "1657", "typeID": "Arrow", "zOrder": "151", "w": "119", "h": "88", "measuredW": "150", "measuredH": "100", "x": "800", "y": "2446", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 118, "y": 87 }, "p1": { "x": 0.3818452519424929, "y": -0.18457172102545016 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false" } }, { "ID": "1658", "typeID": "Arrow", "zOrder": "152", "w": "76", "h": "5", "measuredW": "150", "measuredH": "100", "x": "343", "y": "2366", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "p0": { "x": 74, "y": 1 }, "p1": { "x": 0.5049180327868853, "y": -0.02090163934426228 }, "p2": { "x": 0, "y": 3 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1659", "typeID": "__group__", "zOrder": "153", "measuredW": "183", "measuredH": "56", "w": "183", "h": "56", "x": "146", "y": "1536", "properties": { "controlName": "100-build-tools:task-runners:npm-scripts" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "176", "h": "45", "measuredW": "200", "measuredH": "140", "x": "7", "y": "11", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "97", "measuredW": "89", "measuredH": "25", "x": "47", "y": "21", "properties": { "size": "17", "text": "npm scripts" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1660", "typeID": "Arrow", "zOrder": "154", "w": "1", "h": "81", "measuredW": "150", "measuredH": "100", "x": "616", "y": "2209", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.5750000000000001, "y": 0 }, "p2": { "x": 0, "y": 80 }, "rightArrow": "false" } }, { "ID": "1661", "typeID": "Arrow", "zOrder": "155", "w": "191", "h": "3", "measuredW": "150", "measuredH": "100", "x": "682", "y": "2199", "properties": { "color": "10027263", "curvature": "0", "leftArrow": "false", "p0": { "x": 190, "y": 2 }, "p1": { "x": 0.5105398742417108, "y": -0.0025761059250436276 }, "p2": { "x": 0, "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1662", "typeID": "__group__", "zOrder": "156", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "868", "y": "1604", "properties": { "controlName": "102-build-tools:linters-formatters" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "225", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "179", "measuredH": "25", "x": "19", "y": "13", "properties": { "bold": "true", "size": "17", "text": "Linters and Formatters" } } ] } } }, { "ID": "1663", "typeID": "__group__", "zOrder": "157", "measuredW": "155", "measuredH": "46", "w": "155", "h": "46", "x": "1150", "y": "1549", "properties": { "controlName": "100-build-tools:linters-formatters:prettier" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "66", "measuredW": "58", "measuredH": "25", "x": "44", "y": "14", "properties": { "size": "17", "text": "Prettier" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1664", "typeID": "__group__", "zOrder": "158", "measuredW": "155", "measuredH": "44", "w": "155", "h": "44", "x": "1150", "y": "1596", "properties": { "controlName": "101-build-tools:linters-formatters:eslint" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "53", "measuredW": "51", "measuredH": "25", "x": "46", "y": "12", "properties": { "size": "17", "text": "ESLint" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1665", "typeID": "__group__", "zOrder": "159", "measuredW": "145", "measuredH": "44", "w": "145", "h": "44", "x": "1151", "y": "1646", "properties": { "controlName": "102-build-tools:linters-formatters:standardjs" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "91", "measuredH": "25", "x": "26", "y": "10", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "StandardJS" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "1666", "typeID": "__group__", "zOrder": "160", "measuredW": "185", "measuredH": "47", "w": "185", "h": "47", "x": "143", "y": "1601", "properties": { "controlName": "100-build-tools:module-bundlers:webpack" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "7", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "72", "measuredW": "72", "measuredH": "25", "x": "61", "y": "15", "properties": { "size": "17", "text": "Webpack" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "7", "properties": { "color": "16776960" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "90", "measuredW": "72", "measuredH": "25", "x": "61", "y": "15", "properties": { "size": "17", "text": "Webpack" } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1667", "typeID": "__group__", "zOrder": "161", "measuredW": "184", "measuredH": "44", "w": "184", "h": "44", "x": "143", "y": "1696", "properties": { "controlName": "102-build-tools:module-bundlers:rollup" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "46", "measuredW": "49", "measuredH": "25", "x": "73", "y": "12", "properties": { "size": "17", "text": "Rollup" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16770457" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "63", "measuredW": "49", "measuredH": "25", "x": "73", "y": "12", "properties": { "size": "17", "text": "Rollup" } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "6", "typeID": "Icon", "zOrder": "6", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1668", "typeID": "__group__", "zOrder": "162", "measuredW": "184", "measuredH": "44", "w": "184", "h": "44", "x": "143", "y": "1741", "properties": { "controlName": "103-build-tools:module-bundlers:parcel" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "w": "46", "measuredW": "49", "measuredH": "25", "x": "73", "y": "12", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "1", "typeID": "TextArea", "zOrder": "1", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16770457" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "63", "measuredW": "49", "measuredH": "25", "x": "73", "y": "12", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1669", "typeID": "__group__", "zOrder": "163", "measuredW": "177", "measuredH": "50", "w": "177", "h": "50", "x": "411", "y": "1723", "properties": { "controlName": "101-build-tools:module-bundlers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "177", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "133", "measuredH": "25", "x": "23", "y": "13", "properties": { "bold": "true", "size": "17", "text": "Module Bundlers" } } ] } } }, { "ID": "1670", "typeID": "Arrow", "zOrder": "164", "w": "79", "h": "16", "measuredW": "150", "measuredH": "100", "x": "1026", "y": "2558", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4835193355826628, "y": 0.007267064624967568 }, "p2": { "x": 78, "y": 15 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1671", "typeID": "Arrow", "zOrder": "165", "w": "85", "h": "23", "measuredW": "150", "measuredH": "100", "x": "1030", "y": "2528", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 84, "y": 0 }, "p1": { "x": 0.48351933558266297, "y": 0.007267064624967475 }, "p2": { "x": 0, "y": 22 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1672", "typeID": "__group__", "zOrder": "166", "measuredW": "267", "measuredH": "53", "w": "267", "h": "53", "x": "622", "y": "1840", "properties": { "controlName": "111-pick-a-framework" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "267", "h": "53", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "142", "measuredW": "138", "measuredH": "25", "x": "63", "y": "14", "properties": { "bold": "true", "size": "17", "text": "Pick a Framework" } } ] } } }, { "ID": "1673", "typeID": "__group__", "zOrder": "167", "measuredW": "152", "measuredH": "48", "w": "152", "h": "48", "x": "913", "y": "1742", "properties": { "controlName": "100-pick-a-framework:react-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "68", "measuredW": "47", "measuredH": "25", "x": "55", "y": "16", "properties": { "size": "17", "text": "React" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1674", "typeID": "__group__", "zOrder": "168", "measuredW": "153", "measuredH": "50", "w": "153", "h": "50", "x": "944", "y": "1833", "properties": { "controlName": "101-pick-a-framework:angular" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "10", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "64", "measuredW": "59", "measuredH": "25", "x": "49", "y": "18", "properties": { "size": "17", "text": "Angular" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1675", "typeID": "__group__", "zOrder": "169", "measuredW": "152", "measuredH": "50", "w": "152", "h": "50", "x": "945", "y": "1917", "properties": { "controlName": "102-pick-a-framework:vue-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "10", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "45", "measuredH": "25", "x": "58", "y": "17", "properties": { "text": "Vue.js", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1676", "typeID": "__group__", "zOrder": "170", "measuredW": "185", "measuredH": "47", "w": "185", "h": "47", "x": "1155", "y": "1719", "properties": { "controlName": "100-pick-a-framework:react-js:redux" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "177", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "7", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "52", "measuredW": "50", "measuredH": "25", "x": "63", "y": "15", "properties": { "size": "17", "text": "Redux" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1677", "typeID": "__group__", "zOrder": "171", "measuredW": "88", "measuredH": "43", "w": "88", "h": "43", "x": "1155", "y": "1768", "properties": { "controlName": "101-pick-a-framework:react-js:mobx" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "84", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "3", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "47", "measuredW": "44", "measuredH": "25", "x": "13", "y": "10", "properties": { "size": "17", "text": "MobX" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "64", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "64", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "64", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1678", "typeID": "Arrow", "zOrder": "172", "w": "66", "h": "23", "measuredW": "150", "measuredH": "100", "x": "1169", "y": "2677", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 65, "y": 22 }, "p1": { "x": 0.4835193355826627, "y": 0.007267064624967518 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1679", "typeID": "Arrow", "zOrder": "173", "w": "96", "h": "27", "measuredW": "150", "measuredH": "100", "x": "1168", "y": "2651", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 95, "y": 0 }, "p1": { "x": 0.48351933558266286, "y": 0.007267064624967588 }, "p2": { "x": 0, "y": 26 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1680", "typeID": "__group__", "zOrder": "174", "measuredW": "203", "measuredH": "50", "w": "203", "h": "50", "x": "483", "y": "1942", "properties": { "controlName": "112-modern-css" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "203", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "98", "measuredH": "25", "x": "53", "y": "13", "properties": { "bold": "true", "size": "17", "text": "Modern CSS" } } ] } } }, { "ID": "1681", "typeID": "__group__", "zOrder": "175", "measuredW": "145", "measuredH": "44", "w": "145", "h": "44", "x": "1148", "y": "1476", "properties": { "controlName": "102-css-preprocessors:less" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "41", "measuredW": "37", "measuredH": "25", "x": "52", "y": "10", "properties": { "bold": "true", "color": "3355443", "size": "17", "text": "Less" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "145", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "1682", "typeID": "__group__", "zOrder": "176", "measuredW": "185", "measuredH": "49", "w": "185", "h": "49", "x": "1155", "y": "1918", "properties": { "controlName": "100-pick-a-framework:vue-js:vuex" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "177", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "44", "measuredW": "39", "measuredH": "25", "x": "64", "y": "18", "properties": { "size": "17", "text": "VueX" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "40463", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1683", "typeID": "Arrow", "zOrder": "177", "w": "65", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1172", "y": "2763", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 3 }, "p1": { "x": 0.4807692307692308, "y": -0.01923076923076923 }, "p2": { "x": 64, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1684", "typeID": "__group__", "zOrder": "178", "measuredW": "185", "measuredH": "48", "w": "185", "h": "48", "x": "1155", "y": "1818", "properties": { "controlName": "100-pick-a-framework:angular:rxjs" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "177", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "44", "measuredW": "40", "measuredH": "25", "x": "67", "y": "16", "properties": { "size": "17", "text": "RxJS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1685", "typeID": "Arrow", "zOrder": "179", "w": "65", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1172", "y": "2819", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4807692307692308, "y": -0.01923076923076923 }, "p2": { "x": 64, "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1686", "typeID": "__group__", "zOrder": "180", "measuredW": "185", "measuredH": "44", "w": "185", "h": "44", "x": "1155", "y": "1868", "properties": { "controlName": "101-pick-a-framework:angular:ngrx" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "177", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "46", "measuredW": "43", "measuredH": "25", "x": "67", "y": "12", "properties": { "size": "17", "text": "NgRx" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "161", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1687", "typeID": "Arrow", "zOrder": "181", "w": "87", "h": "43", "measuredW": "150", "measuredH": "100", "x": "673", "y": "3175", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.43199426111908185, "y": -0.006169296987087567 }, "p2": { "x": 86, "y": 42 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1688", "typeID": "Arrow", "zOrder": "182", "w": "95", "h": "8", "measuredW": "150", "measuredH": "100", "x": "666", "y": "3165", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.43199426111908185, "y": -0.006169296987087555 }, "p2": { "x": 94, "y": 7 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1689", "typeID": "Arrow", "zOrder": "183", "w": "98", "h": "36", "measuredW": "150", "measuredH": "100", "x": "665", "y": "3129", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 35 }, "p1": { "x": 0.4319942611190818, "y": -0.006169296987087552 }, "p2": { "x": 97, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1690", "typeID": "__group__", "zOrder": "184", "measuredW": "229", "measuredH": "48", "w": "229", "h": "48", "x": "141", "y": "1856", "properties": { "controlName": "100-modern-css:styled-components" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "221", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "151", "measuredW": "150", "measuredH": "25", "x": "43", "y": "16", "properties": { "size": "17", "text": "Styled Components" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1691", "typeID": "__group__", "zOrder": "185", "measuredW": "230", "measuredH": "44", "w": "230", "h": "44", "x": "140", "y": "1904", "properties": { "controlName": "101-modern-css:css-modules" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "221", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "103", "measuredW": "103", "measuredH": "25", "x": "68", "y": "12", "properties": { "size": "17", "text": "CSS Modules" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1692", "typeID": "Arrow", "zOrder": "186", "w": "179", "h": "2", "measuredW": "150", "measuredH": "100", "x": "280", "y": "3045", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { "x": 0, "y": 1 }, "p1": { "x": 0.431994261119082, "y": -0.006169296987087527 }, "p2": { "x": 178, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1693", "typeID": "Arrow", "zOrder": "187", "w": "161", "h": "34", "measuredW": "150", "measuredH": "100", "x": "286", "y": "3002", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4319942611190819, "y": -0.006169296987087513 }, "p2": { "x": 160, "y": 33 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1694", "typeID": "__group__", "zOrder": "188", "measuredW": "229", "measuredH": "44", "w": "229", "h": "44", "x": "140", "y": "1996", "properties": { "controlName": "103-modern-css:emotion" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "221", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "64", "measuredH": "25", "x": "88", "y": "12", "properties": { "text": "Emotion", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1695", "typeID": "__group__", "zOrder": "189", "measuredW": "199", "measuredH": "41", "w": "199", "h": "41", "x": "1104", "y": "2557", "properties": { "controlName": "101-type-checkers:flow" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "199", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "38", "measuredW": "35", "measuredH": "25", "x": "81", "y": "8", "properties": { "color": "3355443", "size": "17", "text": "Flow" } } ] } } }, { "ID": "1696", "typeID": "__group__", "zOrder": "190", "measuredW": "177", "measuredH": "47", "w": "177", "h": "47", "x": "975", "y": "2854", "properties": { "controlName": "100-graphql:apollo" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "167", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "49", "measuredW": "48", "measuredH": "25", "x": "50", "y": "14", "properties": { "size": "17", "text": "Apollo" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "153", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "153", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1697", "typeID": "Arrow", "zOrder": "191", "w": "2", "h": "89", "measuredW": "150", "measuredH": "100", "x": "296", "y": "3529", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 1, "y": 88 }, "p1": { "x": 0.4072427393330943, "y": 0.00953746862674794 }, "p2": { "x": 1, "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1698", "typeID": "Arrow", "zOrder": "192", "w": "8", "h": "166", "measuredW": "150", "measuredH": "100", "x": "286", "y": "3351", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 7, "y": 165 }, "p1": { "x": 0.4072427393330943, "y": 0.009537468626747932 }, "p2": { "x": 0, "y": 0 }, "rightArrow": "false" } }, { "ID": "1699", "typeID": "__group__", "zOrder": "193", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "776", "y": "3006", "properties": { "controlName": "120-static-site-generators" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "281", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "172", "measuredH": "25", "x": "49", "y": "22", "properties": { "size": "17", "text": "Static Site Generators", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "261", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "261", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1700", "typeID": "__group__", "zOrder": "194", "measuredW": "156", "measuredH": "45", "w": "156", "h": "45", "x": "1183", "y": "2995", "properties": { "controlName": "101-static-site-generators:gatsbyjs" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "78", "measuredW": "73", "measuredH": "25", "x": "35", "y": "12", "properties": { "size": "17", "text": "GatsbyJS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1701", "typeID": "__group__", "zOrder": "195", "measuredW": "157", "measuredH": "50", "w": "157", "h": "50", "x": "1183", "y": "2944", "properties": { "controlName": "100-static-site-generators:next-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "58", "measuredW": "52", "measuredH": "25", "x": "45", "y": "17", "properties": { "size": "17", "text": "Next.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1702", "typeID": "__group__", "zOrder": "196", "measuredW": "156", "measuredH": "44", "w": "156", "h": "44", "x": "1183", "y": "3042", "properties": { "controlName": "102-static-site-generators:nuxt-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "3", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "56", "measuredW": "52", "measuredH": "25", "x": "46", "y": "11", "properties": { "size": "17", "text": "Nuxt.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1703", "typeID": "__group__", "zOrder": "197", "measuredW": "156", "measuredH": "43", "w": "156", "h": "43", "x": "1183", "y": "3088", "properties": { "controlName": "103-static-site-generators:vuepress" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "2", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "76", "measuredW": "72", "measuredH": "25", "x": "40", "y": "10", "properties": { "size": "17", "text": "Vuepress" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1704", "typeID": "__group__", "zOrder": "198", "measuredW": "157", "measuredH": "45", "w": "157", "h": "45", "x": "1183", "y": "3132", "properties": { "controlName": "104-static-site-generators:jekyll" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "49", "measuredW": "43", "measuredH": "25", "x": "52", "y": "12", "properties": { "size": "17", "text": "Jekyll" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1705", "typeID": "Arrow", "zOrder": "199", "w": "128", "h": "180", "measuredW": "150", "measuredH": "100", "x": "1055", "y": "3064", "properties": { "color": "2848996", "leftArrow": "false", "p0": { "x": 128, "y": 180 }, "p1": { "x": 0.56420233463035, "y": 0.027237354085603037 }, "p2": { "x": 0.142857142856883, "y": -0.12135922330026006 }, "rightArrow": "false", "stroke": "dotted" } }, { "ID": "1706", "typeID": "__group__", "zOrder": "200", "measuredW": "261", "measuredH": "50", "w": "261", "h": "50", "x": "526", "y": "2173", "properties": { "controlName": "114-css-frameworks" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "261", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "132", "measuredH": "25", "x": "63", "y": "13", "properties": { "size": "17", "text": "CSS Frameworks", "bold": "true" } } ] } } }, { "ID": "1707", "typeID": "__group__", "zOrder": "201", "measuredW": "369", "measuredH": "137", "w": "369", "h": "137", "x": "127", "y": "2086", "properties": { "controlName": "114-css-frameworks:css-first" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "369", "h": "137", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "2", "typeID": "Label", "zOrder": "1", "w": "206", "measuredW": "195", "measuredH": "24", "x": "154", "y": "13", "properties": { "size": "16", "text": "CSS first frameworks which" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "w": "206", "measuredW": "192", "measuredH": "24", "x": "154", "y": "41", "properties": { "size": "16", "text": "don't come with JavaScript" } }, { "ID": "4", "typeID": "Label", "zOrder": "3", "measuredW": "190", "measuredH": "24", "x": "154", "y": "69", "properties": { "size": "16", "text": "framework components by" } }, { "ID": "5", "typeID": "Label", "zOrder": "4", "measuredW": "53", "measuredH": "24", "x": "153", "y": "97", "properties": { "size": "16", "text": "default." } } ] } } }, { "ID": "1708", "typeID": "__group__", "zOrder": "202", "measuredW": "130", "measuredH": "57", "w": "130", "h": "57", "x": "143", "y": "2096", "properties": { "controlName": "100-css-frameworks:css-first:bootstrap" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "127", "h": "52", "measuredW": "200", "measuredH": "140", "x": "0", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "81", "measuredW": "75", "measuredH": "25", "x": "27", "y": "18", "properties": { "size": "17", "text": "Bootstrap" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "106", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "106", "y": "0", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "1709", "typeID": "__group__", "zOrder": "203", "measuredW": "133", "measuredH": "52", "w": "133", "h": "52", "x": "143", "y": "2155", "properties": { "controlName": "101-css-frameworks:css-first:bulma" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "127", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "3", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "50", "measuredW": "49", "measuredH": "25", "x": "39", "y": "15", "properties": { "size": "17", "text": "Bulma" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "109", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "109", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "109", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1710", "typeID": "__group__", "zOrder": "204", "measuredW": "236", "measuredH": "281", "w": "236", "h": "281", "x": "836", "y": "2149", "properties": { "controlName": "114-css-frameworks:js-first" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "236", "h": "281", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "205", "measuredW": "196", "measuredH": "24", "x": "16", "y": "198", "properties": { "size": "16", "text": "JS based and better to use" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "201", "measuredW": "192", "measuredH": "24", "x": "16", "y": "223", "properties": { "size": "16", "text": "with your framework based" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "205", "measuredW": "171", "measuredH": "24", "x": "16", "y": "247", "properties": { "size": "16", "text": "JavaScript applications." } } ] } } }, { "ID": "1711", "typeID": "__group__", "zOrder": "205", "measuredW": "210", "measuredH": "46", "w": "210", "h": "46", "x": "847", "y": "2161", "properties": { "controlName": "100-css-frameworks:js-first:tailwind-css" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "205", "h": "40", "measuredW": "200", "measuredH": "140", "x": "5", "y": "6", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "98", "measuredH": "25", "x": "59", "y": "13", "properties": { "size": "17", "text": "Tailwind CSS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1712", "typeID": "__group__", "zOrder": "206", "measuredW": "213", "measuredH": "41", "w": "213", "h": "41", "x": "844", "y": "2256", "properties": { "controlName": "102-css-frameworks:js-first:material-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "205", "h": "37", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "86", "measuredH": "25", "x": "68", "y": "11", "properties": { "size": "17", "text": "Material UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1713", "typeID": "__group__", "zOrder": "207", "measuredW": "213", "measuredH": "42", "w": "213", "h": "42", "x": "844", "y": "2211", "properties": { "controlName": "101-css-frameworks:js-first:chakra-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "205", "h": "39", "measuredW": "200", "measuredH": "140", "x": "8", "y": "3", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "78", "measuredH": "25", "x": "72", "y": "11", "properties": { "size": "17", "text": "Chakra UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1714", "typeID": "__group__", "zOrder": "208", "measuredW": "247", "measuredH": "257", "w": "247", "h": "257", "x": "125", "y": "2255", "properties": { "controlName": "115-testing-your-apps" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "247", "h": "257", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "205", "measuredW": "185", "measuredH": "24", "x": "22", "y": "193", "properties": { "size": "16", "text": "You can fill all your testing" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "165", "measuredW": "155", "measuredH": "24", "x": "22", "y": "218", "properties": { "size": "16", "text": "needs with just these." } } ] } } }, { "ID": "1715", "typeID": "__group__", "zOrder": "209", "measuredW": "223", "measuredH": "42", "w": "223", "h": "42", "x": "134", "y": "2312", "properties": { "controlName": "101-testing-your-apps:react-testing-library" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "2", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "164", "measuredW": "152", "measuredH": "25", "x": "33", "y": "10", "properties": { "size": "17", "text": "react-testing-library" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1716", "typeID": "__group__", "zOrder": "210", "measuredW": "223", "measuredH": "41", "w": "223", "h": "41", "x": "134", "y": "2398", "properties": { "controlName": "103-testing-your-apps:enzyme" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "37", "measuredW": "200", "measuredH": "140", "x": "7", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "68", "measuredW": "61", "measuredH": "25", "x": "82", "y": "10", "properties": { "size": "17", "text": "Enzyme" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1717", "typeID": "__group__", "zOrder": "211", "measuredW": "223", "measuredH": "46", "w": "223", "h": "46", "x": "134", "y": "2263", "properties": { "controlName": "100-testing-your-apps:jest" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "6", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "39", "measuredW": "33", "measuredH": "25", "x": "96", "y": "14", "properties": { "size": "17", "text": "Jest" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1718", "typeID": "__group__", "zOrder": "212", "measuredW": "223", "measuredH": "42", "w": "223", "h": "42", "x": "134", "y": "2355", "properties": { "controlName": "102-testing-your-apps:cypress" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "39", "measuredW": "200", "measuredH": "140", "x": "7", "y": "3", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "70", "measuredW": "63", "measuredH": "25", "x": "81", "y": "10", "properties": { "size": "17", "text": "Cypress" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1719", "typeID": "__group__", "zOrder": "213", "measuredW": "405", "measuredH": "158", "w": "405", "h": "158", "x": "395", "y": "2259", "properties": { "controlName": "115-testing-your-apps" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "405", "h": "158", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "144", "measuredH": "26", "x": "125", "y": "19", "properties": { "size": "18", "text": "Testing your Apps", "bold": "true" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "349", "measuredW": "328", "measuredH": "25", "x": "22", "y": "86", "properties": { "size": "17", "text": "and {color:blue}Functional{color} tests and learn how to write" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "302", "measuredW": "275", "measuredH": "25", "x": "21", "y": "115", "properties": { "size": "17", "text": "them with the tools listed on the left." } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "w": "362", "measuredW": "361", "measuredH": "25", "x": "21", "y": "56", "properties": { "size": "17", "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, " } } ] } } }, { "ID": "1720", "typeID": "__group__", "zOrder": "214", "measuredW": "405", "measuredH": "44", "w": "405", "h": "44", "x": "395", "y": "2425", "properties": { "controlName": "104-testing-your-apps:other-options" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "__group__", "zOrder": "0", "measuredW": "93", "measuredH": "43", "w": "93", "h": "43", "x": "109", "y": "1", "properties": { "controlName": "testing-your-apps:chai" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "93", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "38", "measuredW": "36", "measuredH": "25", "x": "28", "y": "9", "properties": { "size": "17", "text": "Chai" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "93", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "1", "typeID": "__group__", "zOrder": "1", "measuredW": "75", "measuredH": "43", "w": "75", "h": "43", "x": "210", "y": "1", "properties": { "controlName": "testing-your-apps:ava" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "75", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "32", "measuredW": "28", "measuredH": "25", "x": "22", "y": "9", "properties": { "size": "17", "text": "Ava" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "75", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "2", "typeID": "__group__", "zOrder": "2", "measuredW": "112", "measuredH": "43", "w": "112", "h": "43", "x": "293", "y": "0", "properties": { "controlName": "testing-your-apps:jasmine" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "112", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "67", "measuredW": "65", "measuredH": "25", "x": "23", "y": "9", "properties": { "size": "17", "text": "Jasmine" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "112", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } }, { "ID": "3", "typeID": "__group__", "zOrder": "3", "measuredW": "101", "measuredH": "43", "w": "101", "h": "43", "x": "0", "y": "0", "properties": { "controlName": "testing-your-apps:mocha" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "101", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "55", "measuredW": "53", "measuredH": "25", "x": "23", "y": "9", "properties": { "size": "17", "text": "Mocha" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "101", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.25", "borderColor": "6710886", "color": "15658734" } } ] } } } ] } } }, { "ID": "1721", "typeID": "__group__", "zOrder": "215", "measuredW": "234", "measuredH": "60", "w": "234", "h": "60", "x": "819", "y": "2517", "properties": { "controlName": "116-type-checkers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "226", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "10", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "115", "measuredH": "25", "x": "53", "y": "23", "properties": { "size": "17", "bold": "true", "text": "Type Checkers" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "210", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "210", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1722", "typeID": "__group__", "zOrder": "216", "measuredW": "206", "measuredH": "48", "w": "206", "h": "48", "x": "1104", "y": "2501", "properties": { "controlName": "100-type-checkers:typescript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "199", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "7", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "91", "measuredW": "81", "measuredH": "25", "x": "54", "y": "15", "properties": { "size": "17", "text": "TypeScript" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "182", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "182", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "156", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "156", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1723", "typeID": "__group__", "zOrder": "217", "measuredW": "247", "measuredH": "61", "w": "247", "h": "61", "x": "496", "y": "2516", "properties": { "controlName": "117-progressive-web-apps" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "241", "h": "50", "measuredW": "200", "measuredH": "140", "x": "6", "y": "11", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "173", "measuredH": "25", "x": "37", "y": "24", "properties": { "size": "17", "text": "Progressive Web Apps", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1724", "typeID": "__group__", "zOrder": "218", "measuredW": "237", "measuredH": "400", "w": "237", "h": "400", "x": "134", "y": "2516", "properties": { "controlName": "100-progressive-web-apps:apis" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Canvas", "zOrder": "0", "w": "228", "h": "389", "measuredW": "100", "measuredH": "70", "x": "9", "y": "11" }, { "ID": "1", "typeID": "TextInput", "zOrder": "1", "w": "177", "measuredW": "147", "measuredH": "32", "x": "35", "y": "100", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Service Workers" } }, { "ID": "2", "typeID": "TextInput", "zOrder": "2", "w": "177", "measuredW": "78", "measuredH": "32", "x": "35", "y": "26", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Storage" } }, { "ID": "3", "typeID": "TextInput", "zOrder": "3", "w": "177", "measuredW": "84", "measuredH": "32", "x": "35", "y": "137", "properties": { "align": "center", "color": "16770457", "size": "18", "text": "Location" } }, { "ID": "4", "typeID": "TextInput", "zOrder": "4", "w": "177", "measuredW": "115", "measuredH": "32", "x": "35", "y": "175", "properties": { "align": "center", "color": "16770457", "size": "18", "text": "Notifications" } }, { "ID": "5", "typeID": "TextInput", "zOrder": "5", "w": "177", "measuredW": "167", "measuredH": "32", "x": "35", "y": "212", "properties": { "align": "center", "color": "16770457", "size": "18", "text": "Device Orientation" } }, { "ID": "6", "typeID": "TextInput", "zOrder": "6", "w": "177", "measuredW": "94", "measuredH": "32", "x": "35", "y": "249", "properties": { "align": "center", "color": "16770457", "size": "18", "text": "Payments" } }, { "ID": "7", "typeID": "TextInput", "zOrder": "7", "w": "177", "measuredW": "108", "measuredH": "32", "x": "35", "y": "286", "properties": { "align": "center", "color": "16770457", "size": "18", "text": "Credentials" } }, { "ID": "8", "typeID": "TextInput", "zOrder": "8", "w": "177", "measuredW": "120", "measuredH": "32", "x": "35", "y": "63", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Web Sockets" } }, { "ID": "9", "typeID": "Label", "zOrder": "9", "w": "156", "measuredW": "151", "measuredH": "25", "x": "46", "y": "331", "properties": { "size": "17", "text": "Learn different Web" } }, { "ID": "10", "typeID": "Label", "zOrder": "10", "w": "148", "measuredW": "143", "measuredH": "25", "x": "50", "y": "357", "properties": { "size": "17", "text": "APIs used in PWAs" } }, { "ID": "11", "typeID": "Icon", "zOrder": "11", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "12", "typeID": "Icon", "zOrder": "12", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1725", "typeID": "__group__", "zOrder": "219", "measuredW": "269", "measuredH": "290", "w": "269", "h": "290", "x": "388", "y": "2626", "properties": { "controlName": "101-progressive-web-apps:performance" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Canvas", "zOrder": "0", "w": "262", "h": "281", "measuredW": "100", "measuredH": "70", "x": "7", "y": "9" }, { "ID": "1", "typeID": "TextInput", "zOrder": "1", "w": "225", "measuredW": "124", "measuredH": "32", "x": "27", "y": "28", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "PRPL Pattern" } }, { "ID": "2", "typeID": "TextInput", "zOrder": "2", "w": "225", "measuredW": "110", "measuredH": "32", "x": "27", "y": "66", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "RAIL Model" } }, { "ID": "3", "typeID": "TextInput", "zOrder": "3", "w": "225", "measuredW": "185", "measuredH": "32", "x": "27", "y": "104", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Performance Metrics" } }, { "ID": "4", "typeID": "TextInput", "zOrder": "4", "w": "225", "measuredW": "156", "measuredH": "32", "x": "27", "y": "141", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Using Lighthouse" } }, { "ID": "5", "typeID": "TextInput", "zOrder": "5", "w": "225", "measuredW": "141", "measuredH": "32", "x": "27", "y": "179", "properties": { "align": "center", "color": "16776960", "size": "18", "text": "Using DevTools" } }, { "ID": "6", "typeID": "Label", "zOrder": "6", "w": "185", "measuredW": "176", "measuredH": "25", "x": "47", "y": "224", "properties": { "size": "17", "text": "Calculating, Measuring" } }, { "ID": "7", "typeID": "Label", "zOrder": "7", "w": "224", "measuredW": "212", "measuredH": "25", "x": "27", "y": "251", "properties": { "size": "17", "text": "and improving performance" } }, { "ID": "8", "typeID": "Icon", "zOrder": "8", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "9", "typeID": "Icon", "zOrder": "9", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1726", "typeID": "__group__", "zOrder": "220", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "740", "y": "2641", "properties": { "controlName": "118-server-side-rendering" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "278", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "225", "measuredH": "25", "x": "22", "y": "22", "properties": { "size": "17", "text": "Server Side Rendering (SSR)", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "261", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "261", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1727", "typeID": "__group__", "zOrder": "221", "measuredW": "125", "measuredH": "52", "w": "125", "h": "52", "x": "1062", "y": "2644", "properties": { "controlName": "100-server-side-rendering:react-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "116", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "11", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "69", "measuredW": "47", "measuredH": "25", "x": "30", "y": "19", "properties": { "size": "17", "text": "React" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "101", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "101", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1728", "typeID": "__group__", "zOrder": "222", "measuredW": "104", "measuredH": "49", "w": "104", "h": "49", "x": "1235", "y": "2627", "properties": { "controlName": "100-server-side-rendering:react-js:next-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "94", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "8", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "61", "measuredW": "52", "measuredH": "25", "x": "20", "y": "16", "properties": { "size": "17", "text": "Next.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "80", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "80", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1729", "typeID": "__group__", "zOrder": "223", "measuredW": "94", "measuredH": "41", "w": "94", "h": "41", "x": "1235", "y": "2682", "properties": { "controlName": "101-server-side-rendering:react-js:after-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "94", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "backgroundAlpha": "0.5", "color": "10066329" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "60", "measuredW": "52", "measuredH": "25", "x": "21", "y": "8", "properties": { "color": "3355443", "size": "17", "text": "After.js" } } ] } } }, { "ID": "1730", "typeID": "__group__", "zOrder": "224", "measuredW": "123", "measuredH": "52", "w": "123", "h": "52", "x": "1066", "y": "2735", "properties": { "controlName": "101-server-side-rendering:angular" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "115", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "11", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "69", "measuredW": "59", "measuredH": "25", "x": "31", "y": "19", "properties": { "size": "17", "text": "Angular" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "99", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "99", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "99", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1731", "typeID": "__group__", "zOrder": "225", "measuredW": "121", "measuredH": "52", "w": "121", "h": "52", "x": "1218", "y": "2735", "properties": { "controlName": "100-server-side-rendering:angular:universal" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "111", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "11", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "73", "measuredW": "72", "measuredH": "25", "x": "19", "y": "19", "properties": { "size": "17", "text": "Universal" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "97", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "97", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "97", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1732", "typeID": "__group__", "zOrder": "226", "measuredW": "124", "measuredH": "51", "w": "124", "h": "51", "x": "1066", "y": "2789", "properties": { "controlName": "102-server-side-rendering:vue-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "115", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "10", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "48", "measuredW": "45", "measuredH": "25", "x": "34", "y": "18", "properties": { "size": "17", "text": "Vue.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "100", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "100", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "100", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1733", "typeID": "__group__", "zOrder": "227", "measuredW": "122", "measuredH": "51", "w": "122", "h": "51", "x": "1218", "y": "2789", "properties": { "controlName": "100-server-side-rendering:vue-js:nuxt-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "111", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "10", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "55", "measuredW": "52", "measuredH": "25", "x": "28", "y": "18", "properties": { "size": "17", "text": "Nuxt.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "98", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "98", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "98", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1734", "typeID": "__group__", "zOrder": "228", "measuredW": "249", "measuredH": "59", "w": "249", "h": "59", "x": "441", "y": "3131", "properties": { "controlName": "122-desktop-applications" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "241", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "163", "measuredH": "25", "x": "43", "y": "22", "properties": { "size": "17", "text": "Desktop Applications", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "225", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "225", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1735", "typeID": "__group__", "zOrder": "229", "measuredW": "196", "measuredH": "47", "w": "196", "h": "47", "x": "755", "y": "3097", "properties": { "controlName": "100-desktop-applications:electron" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "188", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "69", "measuredW": "65", "measuredH": "25", "x": "63", "y": "14", "properties": { "size": "17", "text": "Electron" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "172", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "172", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1737", "typeID": "__group__", "zOrder": "230", "measuredW": "220", "measuredH": "59", "w": "220", "h": "59", "x": "437", "y": "3009", "properties": { "controlName": "121-mobile-applications" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "210", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "169", "measuredW": "152", "measuredH": "25", "x": "27", "y": "22", "properties": { "size": "17", "text": "Mobile Applications", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "196", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "196", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1738", "typeID": "__group__", "zOrder": "231", "measuredW": "156", "measuredH": "51", "w": "156", "h": "51", "x": "137", "y": "2928", "properties": { "controlName": "100-mobile-applications:react-native" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "9", "y": "10", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "101", "measuredW": "100", "measuredH": "25", "x": "32", "y": "18", "properties": { "size": "17", "text": "React Native" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1739", "typeID": "__group__", "zOrder": "232", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", "y": "2983", "properties": { "controlName": "101-mobile-applications:nativescript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "101", "measuredW": "94", "measuredH": "25", "x": "23", "y": "8", "properties": { "size": "17", "text": "NativeScript" } } ] } } }, { "ID": "1740", "typeID": "__group__", "zOrder": "233", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", "y": "3029", "properties": { "controlName": "102-mobile-applications:flutter" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "53", "measuredW": "50", "measuredH": "25", "x": "47", "y": "8", "properties": { "size": "17", "text": "Flutter" } } ] } } }, { "ID": "1741", "typeID": "__group__", "zOrder": "234", "measuredW": "157", "measuredH": "44", "w": "157", "h": "44", "x": "1183", "y": "3179", "properties": { "controlName": "105-static-site-generators:hugo" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "3", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "43", "measuredW": "42", "measuredH": "25", "x": "52", "y": "11", "properties": { "size": "17", "text": "Hugo" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "133", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1742", "typeID": "__group__", "zOrder": "235", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", "y": "3075", "properties": { "controlName": "103-mobile-applications:ionic" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "40", "measuredW": "38", "measuredH": "25", "x": "54", "y": "8", "properties": { "size": "17", "text": "Ionic" } } ] } } }, { "ID": "1743", "typeID": "__group__", "zOrder": "236", "measuredW": "154", "measuredH": "59", "w": "154", "h": "59", "x": "759", "y": "2869", "properties": { "controlName": "119-graphql" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "50", "measuredW": "200", "measuredH": "140", "x": "8", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "71", "measuredH": "25", "x": "45", "y": "22", "properties": { "size": "17", "text": "GraphQL", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1744", "typeID": "__group__", "zOrder": "237", "measuredW": "178", "measuredH": "45", "w": "178", "h": "45", "x": "975", "y": "2905", "properties": { "controlName": "101-graphql:relay-modern" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "168", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "115", "measuredW": "107", "measuredH": "25", "x": "33", "y": "12", "properties": { "size": "17", "text": "Relay Modern" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "154", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "154", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "154", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1745", "typeID": "__group__", "zOrder": "238", "measuredW": "221", "measuredH": "61", "w": "221", "h": "61", "x": "176", "y": "3313", "properties": { "controlName": "123-web-assembly" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "210", "h": "50", "measuredW": "200", "measuredH": "140", "x": "11", "y": "11", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "112", "measuredH": "25", "x": "57", "y": "24", "properties": { "size": "17", "text": "Web Assembly", "bold": "true" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1746", "typeID": "__group__", "zOrder": "239", "measuredW": "207", "measuredH": "50", "w": "207", "h": "50", "x": "201", "y": "3500", "properties": { "controlName": "ext_link:google.com" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "207", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "114", "measuredH": "25", "x": "45", "y": "13", "properties": { "size": "17", "text": "Keep Learning", "bold": "true" } } ] } } }, { "ID": "1747", "typeID": "__group__", "zOrder": "240", "measuredW": "582", "measuredH": "188", "w": "582", "h": "188", "x": "464", "y": "3296", "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "582", "h": "188", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "536", "measuredW": "498", "measuredH": "25", "x": "20", "y": "20", "properties": { "size": "17", "text": "Web Assembly or WASM is the binary instructions generated from" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "537", "measuredW": "508", "measuredH": "25", "x": "20", "y": "50", "properties": { "size": "17", "text": "higher level languages such as Go, C, C++ or Rust. It is faster than" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "528", "measuredW": "523", "measuredH": "25", "x": "19", "y": "81", "properties": { "size": "17", "text": "JavaScript and WASM 1.0 has already shipped in the major browsers." } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "w": "536", "measuredW": "360", "measuredH": "25", "x": "19", "y": "142", "properties": { "size": "17", "text": "take quite some time to go mainstream though." } }, { "ID": "5", "typeID": "Label", "zOrder": "5", "w": "539", "measuredW": "520", "measuredH": "25", "x": "19", "y": "111", "properties": { "size": "17", "text": "W3C accepted it as an official standard at the end of 2019. It will still" } } ] } } }, { "ID": "1748", "typeID": "__group__", "zOrder": "241", "measuredW": "238", "measuredH": "60", "w": "238", "h": "60", "x": "722", "y": "2028", "properties": { "controlName": "113-web-components" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "230", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "10", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "138", "measuredH": "25", "x": "44", "y": "23", "properties": { "bold": "true", "size": "17", "text": "Web Components" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "214", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "214", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1749", "typeID": "__group__", "zOrder": "242", "measuredW": "199", "measuredH": "46", "w": "199", "h": "46", "x": "1047", "y": "1991", "properties": { "controlName": "100-web-components:html-templates" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "190", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "132", "measuredW": "131", "measuredH": "25", "x": "30", "y": "14", "properties": { "size": "17", "text": "HTML Templates" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1750", "typeID": "__group__", "zOrder": "243", "measuredW": "199", "measuredH": "42", "w": "199", "h": "42", "x": "1047", "y": "2040", "properties": { "controlName": "101-web-components:custom-elements" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "190", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "2", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "139", "measuredW": "136", "measuredH": "25", "x": "30", "y": "10", "properties": { "size": "17", "text": "Custom Elements" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1751", "typeID": "__group__", "zOrder": "244", "measuredW": "199", "measuredH": "44", "w": "199", "h": "44", "x": "1047", "y": "2083", "properties": { "controlName": "102-web-components:shadow-dom" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "190", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "105", "measuredW": "105", "measuredH": "25", "x": "38", "y": "12", "properties": { "size": "17", "text": "Shadow DOM" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1752", "typeID": "__group__", "zOrder": "245", "measuredW": "188", "measuredH": "42", "w": "188", "h": "42", "x": "756", "y": "3199", "properties": { "controlName": "102-desktop-applications:proton-native" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "188", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "1", "properties": { "backgroundAlpha": "0.5", "borderColor": "16777215", "color": "13421772", "textColor": "3355443" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "115", "measuredW": "104", "measuredH": "25", "x": "42", "y": "9", "properties": { "color": "3355443", "size": "17", "text": "Proton Native" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "186", "h": "41", "measuredW": "200", "measuredH": "140", "x": "1", "y": "0", "properties": { "backgroundAlpha": "0.5", "color": "10066329" } } ] } } }, { "ID": "1753", "typeID": "__group__", "zOrder": "246", "measuredW": "155", "measuredH": "48", "w": "155", "h": "48", "x": "1147", "y": "1423", "properties": { "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", "y": "5", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "74", "measuredW": "66", "measuredH": "25", "x": "39", "y": "15", "properties": { "size": "17", "text": "PostCSS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "131", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1754", "typeID": "__group__", "zOrder": "247", "measuredW": "156", "measuredH": "48", "w": "156", "h": "48", "x": "1147", "y": "1374", "properties": { "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "7", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "46", "measuredW": "37", "measuredH": "25", "x": "50", "y": "15", "properties": { "size": "17", "text": "Sass" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1755", "typeID": "__group__", "zOrder": "248", "measuredW": "230", "measuredH": "44", "w": "230", "h": "44", "x": "139", "y": "1950", "properties": { "controlName": "102-modern-css:styled-jsx" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "221", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "4", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "90", "measuredW": "80", "measuredH": "25", "x": "75", "y": "12", "properties": { "size": "17", "text": "Styled JSX" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1756", "typeID": "__group__", "zOrder": "249", "measuredW": "185", "measuredH": "47", "w": "185", "h": "47", "x": "142", "y": "1648", "properties": { "controlName": "101-build-tools:module-bundlers:esbuild" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "7", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "72", "measuredW": "72", "measuredH": "25", "x": "61", "y": "15", "properties": { "size": "17", "text": "Webpack" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "2", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "9", "y": "7", "properties": { "color": "16776960" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "55", "measuredH": "25", "x": "69", "y": "14", "properties": { "size": "17", "text": "esbuild" } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1757", "typeID": "__group__", "zOrder": "250", "measuredW": "184", "measuredH": "44", "w": "184", "h": "44", "x": "143", "y": "1787", "properties": { "controlName": "104-build-tools:module-bundlers:vite" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "w": "46", "measuredW": "49", "measuredH": "25", "x": "73", "y": "12", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "1", "typeID": "TextArea", "zOrder": "1", "w": "176", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16770457" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "30", "measuredH": "25", "x": "81", "y": "11", "properties": { "size": "17", "text": "Vite" } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1758", "typeID": "__group__", "zOrder": "251", "measuredW": "93", "measuredH": "41", "w": "93", "h": "41", "x": "1246", "y": "1770", "properties": { "controlName": "102-pick-a-framework:react-js:recoil" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "85", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "1", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "49", "measuredH": "25", "x": "14", "y": "8", "properties": { "size": "17", "text": "Recoil" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "69", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "69", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "69", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1759", "typeID": "__group__", "zOrder": "252", "measuredW": "213", "measuredH": "41", "w": "213", "h": "41", "x": "844", "y": "2300", "properties": { "controlName": "103-css-frameworks:js-first:radix-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "205", "h": "37", "measuredW": "200", "measuredH": "140", "x": "8", "y": "4", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "66", "measuredH": "25", "x": "78", "y": "11", "properties": { "size": "17", "text": "Radix UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "1760", "typeID": "__group__", "zOrder": "253", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1184", "y": "3274", "properties": { "controlName": "107-static-site-generators:eleventy" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457", "align": "center", "size": "17" } }, { "ID": "1", "typeID": "Icon", "zOrder": "1", "measuredW": "24", "measuredH": "24", "x": "133", "y": "5", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "5", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "66", "measuredH": "25", "x": "41", "y": "8", "properties": { "text": "Eleventy", "size": "17" } } ] } } }, { "ID": "1761", "typeID": "__group__", "zOrder": "254", "measuredW": "196", "measuredH": "47", "w": "196", "h": "47", "x": "755", "y": "3146", "properties": { "controlName": "101-desktop-applications:tauri" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "188", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "6", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "38", "measuredH": "25", "x": "83", "y": "14", "properties": { "size": "17", "text": "Tauri" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "172", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "172", "y": "0", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "40463" } } ] } } } ] }, "attributes": { "name": "frontend", "order": 1000000, "parentID": null, "notes": "" }, "branchID": "Master", "resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597", "mockupH": "3449", "mockupW": "1216", "measuredW": "1341", "measuredH": "3618", "version": "1.0" }, "groupOffset": { "x": 0, "y": 0 }, "dependencies": [], "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr" }