{ "mockup": { "controls": { "control": [ { "ID": "8162", "typeID": "Arrow", "zOrder": "16", "w": "164", "h": "305", "measuredW": "150", "measuredH": "100", "x": "973", "y": "2698", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 163.5, "y": 305 }, "p1": { "x": 0.5311058790594241, "y": 0.05504224965971115 }, "p2": { "x": -0.2625955919362468, "y": -0.45953763034685835 } } }, { "ID": "8163", "typeID": "Arrow", "zOrder": "0", "w": "166", "h": "171", "measuredW": "150", "measuredH": "100", "x": "279", "y": "3043", "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": "8167", "typeID": "__group__", "zOrder": "50", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1131", "y": "2942", "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": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "w": "87", "measuredW": "75", "measuredH": "25", "x": "41", "y": "8", "properties": { "text": "Gridsome", "size": "17" } } ] } } }, { "ID": "8168", "typeID": "Arrow", "zOrder": "51", "w": "105", "h": "43", "measuredW": "150", "measuredH": "100", "x": "1012", "y": "2199", "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": "8169", "typeID": "Arrow", "zOrder": "52", "w": "128", "h": "9", "measuredW": "150", "measuredH": "100", "x": "1000", "y": "2245", "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": "8170", "typeID": "Arrow", "zOrder": "53", "w": "129", "h": "34", "measuredW": "150", "measuredH": "100", "x": "1001", "y": "2260", "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": "8178", "typeID": "Arrow", "zOrder": "54", "w": "209", "h": "108", "measuredW": "150", "measuredH": "100", "x": "623", "y": "1584", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 209.13014962158525, "y": 107.63300153335422 }, "p1": { "x": 0.5705193330544435, "y": 0.04891531703818817 }, "p2": { "x": -0.2710228983202114, "y": -0.4891725128713915 } } }, { "ID": "8191", "typeID": "Arrow", "zOrder": "38", "w": "89", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1013", "y": "1469", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 89.03433282924925, "y": 0 }, "p1": { "x": 0.5653893258184628, "y": -0.0013183529417352127 }, "p2": { "x": 0.07305038615209014, "y": 3.863193898939471 } } }, { "ID": "8192", "typeID": "Arrow", "zOrder": "39", "w": "100", "h": "41", "measuredW": "150", "measuredH": "100", "x": "1001", "y": "1422", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 99.66569771474019, "y": 0.2236946620996605 }, "p1": { "x": 0.4596243377749227, "y": 0.08508588858564752 }, "p2": { "x": -0.24466564443059724, "y": 41.28274809737536 } } }, { "ID": "8193", "typeID": "Arrow", "zOrder": "40", "w": "133", "h": "3", "measuredW": "150", "measuredH": "100", "x": "710", "y": "1525", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.3216244302676614, "y": 2.5026931357795092 }, "p1": { "x": 0.4743412204498641, "y": -0.008947430290275333 }, "p2": { "x": 133, "y": 0 } } }, { "ID": "8195", "typeID": "Arrow", "zOrder": "55", "w": "90", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1013", "y": "1521", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.4213496222886306, "y": 0.18497710519682187 }, "p1": { "x": 0.4310686842693701, "y": -0.01854562577101436 }, "p2": { "x": 90.75126717989497, "y": 1.553612219705883 } } }, { "ID": "8197", "typeID": "Arrow", "zOrder": "49", "w": "130", "h": "1", "measuredW": "150", "measuredH": "100", "x": "311", "y": "1302", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 129.700506871958, "y": 0 }, "p1": { "x": 0.47348089180528574, "y": 0.0008969445600114837 }, "p2": { "x": 0, "y": 0 } } }, { "ID": "8199", "typeID": "Arrow", "zOrder": "56", "w": "160", "h": "3", "measuredW": "150", "measuredH": "100", "x": "283", "y": "1353", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 160.43777710097635, "y": 0.050601531947449985 }, "p1": { "x": 0.4806472503297293, "y": -0.001432629622812211 }, "p2": { "x": 0.3074687034015824, "y": 3 } } }, { "ID": "8201", "typeID": "Arrow", "zOrder": "57", "w": "1", "h": "123", "measuredW": "150", "measuredH": "100", "x": "877", "y": "1112", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.4327183610207736, "y": 0.0030579658389972178 }, "p2": { "x": 0, "y": 122.50887328728595 } } }, { "ID": "8202", "typeID": "Arrow", "zOrder": "58", "w": "211", "h": "128", "measuredW": "150", "measuredH": "100", "x": "512", "y": "1115", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 211, "y": 0 }, "p1": { "x": 0.5569070155556886, "y": -0.16942743759521814 }, "p2": { "x": -0.130467173564341, "y": 127.72068397434123 } } }, { "ID": "8203", "typeID": "Arrow", "zOrder": "48", "w": "167", "h": "7", "measuredW": "150", "measuredH": "100", "x": "281", "y": "1247", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { "x": 0.44343003361676714, "y": 0.014243775690876877 }, "p2": { "x": 167.28095267352228, "y": 7.089319088850289 } } }, { "ID": "8204", "typeID": "__group__", "zOrder": "59", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "154", "y": "1167", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "33", "measuredH": "25", "x": "66", "y": "12", "properties": { "text": "yarn", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "8205", "typeID": "Arrow", "zOrder": "46", "w": "131", "h": "101", "measuredW": "150", "measuredH": "100", "x": "300", "y": "1134", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 131.85733129941207, "y": 100.92842748572161 }, "p1": { "x": 0.5179188602929944, "y": 0.05890610549143938 }, "p2": { "x": 0.46836030653014404, "y": -0.3505709879580081 } } }, { "ID": "8206", "typeID": "Arrow", "zOrder": "60", "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": "8207", "typeID": "Arrow", "zOrder": "61", "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": "8208", "typeID": "Arrow", "zOrder": "62", "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": "8209", "typeID": "Arrow", "zOrder": "63", "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": "8210", "typeID": "Arrow", "zOrder": "64", "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": "8211", "typeID": "Arrow", "zOrder": "65", "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": "8212", "typeID": "Arrow", "zOrder": "66", "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": "8213", "typeID": "Arrow", "zOrder": "67", "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": "8214", "typeID": "Arrow", "zOrder": "68", "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": "8215", "typeID": "Arrow", "zOrder": "69", "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": "8216", "typeID": "Arrow", "zOrder": "70", "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": "8217", "typeID": "Arrow", "zOrder": "71", "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": "8218", "typeID": "Arrow", "zOrder": "72", "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": "8219", "typeID": "Arrow", "zOrder": "73", "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": "8220", "typeID": "Arrow", "zOrder": "74", "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": "8221", "typeID": "HRule", "zOrder": "75", "measuredW": "100", "measuredH": "10", "x": "1136", "y": "754", "properties": { "color": "10027263", "stroke": "dotted" } }, { "ID": "8222", "typeID": "Arrow", "zOrder": "76", "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": "8223", "typeID": "Arrow", "zOrder": "77", "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": "8224", "typeID": "Arrow", "zOrder": "78", "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": "8225", "typeID": "Arrow", "zOrder": "79", "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": "8226", "typeID": "Arrow", "zOrder": "80", "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": "8227", "typeID": "Arrow", "zOrder": "81", "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": "8228", "typeID": "Arrow", "zOrder": "82", "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": "8229", "typeID": "Arrow", "zOrder": "83", "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": "8230", "typeID": "Arrow", "zOrder": "84", "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": "8231", "typeID": "Arrow", "zOrder": "85", "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": "8232", "typeID": "Arrow", "zOrder": "86", "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": "8233", "typeID": "Arrow", "zOrder": "87", "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": "8234", "typeID": "Arrow", "zOrder": "88", "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": "8235", "typeID": "__group__", "zOrder": "89", "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": "48", "measuredH": "25", "x": "101", "y": "16", "properties": { "size": "17", "text": "HTML" } } ] } } }, { "ID": "8236", "typeID": "__group__", "zOrder": "90", "measuredW": "144", "measuredH": "40", "w": "144", "h": "40", "x": "624", "y": "273", "properties": { "controlName": "ext_link:roadmap.sh/frontend" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "144", "measuredH": "40", "x": "0", "y": "0", "properties": { "size": "32", "text": "Front-end" } } ] } } }, { "ID": "8237", "typeID": "__group__", "zOrder": "91", "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": "8238", "typeID": "__group__", "zOrder": "92", "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": "8239", "typeID": "__group__", "zOrder": "93", "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": "8240", "typeID": "__group__", "zOrder": "94", "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": "8241", "typeID": "__group__", "zOrder": "95", "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": { "size": "17", "text": "CSS" } } ] } } }, { "ID": "8242", "typeID": "__group__", "zOrder": "96", "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": "8243", "typeID": "__group__", "zOrder": "97", "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": "8244", "typeID": "__group__", "zOrder": "98", "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": "8245", "typeID": "Canvas", "zOrder": "99", "w": "350", "h": "141", "measuredW": "100", "measuredH": "70", "x": "933", "y": "169" }, { "ID": "8246", "typeID": "Label", "zOrder": "100", "measuredW": "314", "measuredH": "25", "x": "947", "y": "186", "properties": { "size": "17", "text": "Find the detailed version of this roadmap" } }, { "ID": "8247", "typeID": "Label", "zOrder": "101", "measuredW": "319", "measuredH": "25", "x": "947", "y": "214", "properties": { "size": "17", "text": "along with resources and other roadmaps" } }, { "ID": "8248", "typeID": "__group__", "zOrder": "102", "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": "8249", "typeID": "__group__", "zOrder": "103", "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": "81", "measuredH": "25", "x": "82", "y": "13", "properties": { "size": "17", "text": "JavaScript" } } ] } } }, { "ID": "8250", "typeID": "__group__", "zOrder": "104", "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": "8251", "typeID": "__group__", "zOrder": "105", "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": "8252", "typeID": "__group__", "zOrder": "106", "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": "8253", "typeID": "__group__", "zOrder": "107", "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": "8254", "typeID": "__group__", "zOrder": "108", "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": "8255", "typeID": "__group__", "zOrder": "109", "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": "8256", "typeID": "__group__", "zOrder": "110", "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", "measuredW": "62", "measuredH": "25", "x": "67", "y": "23", "properties": { "text": "Internet", "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": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8257", "typeID": "__group__", "zOrder": "111", "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": "8258", "typeID": "__group__", "zOrder": "112", "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": "8259", "typeID": "__group__", "zOrder": "113", "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": "8260", "typeID": "__group__", "zOrder": "114", "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": "8261", "typeID": "__group__", "zOrder": "115", "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": "8262", "typeID": "__group__", "zOrder": "116", "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": "8263", "typeID": "__group__", "zOrder": "117", "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": "8264", "typeID": "__group__", "zOrder": "118", "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": "8265", "typeID": "__group__", "zOrder": "119", "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", "measuredW": "144", "measuredH": "25", "x": "45", "y": "23", "properties": { "text": "Basic Usage of Git", "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": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8266", "typeID": "__group__", "zOrder": "120", "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", "measuredW": "54", "measuredH": "25", "x": "98", "y": "22", "properties": { "text": "GitHub", "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": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8267", "typeID": "__group__", "zOrder": "121", "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", "measuredW": "172", "measuredH": "25", "x": "90", "y": "15", "properties": { "text": "Repo hosting services", "size": "17" } }, { "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": "8269", "typeID": "__group__", "zOrder": "122", "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", "measuredW": "186", "measuredH": "25", "x": "75", "y": "15", "properties": { "text": "Version Control Systems", "size": "17" } }, { "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": "8270", "typeID": "__group__", "zOrder": "123", "measuredW": "211", "measuredH": "53", "w": "211", "h": "53", "x": "415", "y": "1219", "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", "measuredW": "149", "measuredH": "25", "x": "31", "y": "14", "properties": { "text": "Package Managers", "size": "17" } } ] } } }, { "ID": "8271", "typeID": "__group__", "zOrder": "124", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "154", "y": "1114", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "36", "measuredW": "34", "measuredH": "25", "x": "65", "y": "12", "properties": { "size": "17", "text": "npm" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "11", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "11", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8273", "typeID": "__group__", "zOrder": "125", "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", "measuredW": "73", "measuredH": "25", "x": "86", "y": "17", "properties": { "color": "3355443", "text": "Bitbucket", "size": "17" } }, { "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": "8274", "typeID": "__group__", "zOrder": "126", "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": "51", "measuredH": "25", "x": "97", "y": "18", "properties": { "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": "8275", "typeID": "__group__", "zOrder": "127", "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", "measuredW": "189", "measuredH": "25", "x": "100", "y": "23", "properties": { "text": "Web Security Knowledge", "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": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8276", "typeID": "__group__", "zOrder": "128", "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": "8277", "typeID": "TextArea", "zOrder": "129", "w": "456", "h": "161", "measuredW": "200", "measuredH": "140", "x": "776", "y": "1181" }, { "ID": "8278", "typeID": "__group__", "zOrder": "130", "measuredW": "163", "measuredH": "48", "w": "163", "h": "48", "x": "791", "y": "1280", "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", "measuredW": "48", "measuredH": "25", "x": "58", "y": "12", "properties": { "text": "CORS", "size": "17" } } ] } } }, { "ID": "8279", "typeID": "__group__", "zOrder": "131", "measuredW": "166", "measuredH": "49", "w": "166", "h": "49", "x": "790", "y": "1225", "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", "measuredW": "54", "measuredH": "25", "x": "56", "y": "12", "properties": { "text": "HTTPS", "size": "17" } } ] } } }, { "ID": "8280", "typeID": "__group__", "zOrder": "132", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "961", "y": "1225", "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", "measuredW": "175", "measuredH": "25", "x": "41", "y": "12", "properties": { "text": "Content Security Policy", "size": "17" } } ] } } }, { "ID": "8281", "typeID": "__group__", "zOrder": "133", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "961", "y": "1279", "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", "measuredW": "169", "measuredH": "25", "x": "44", "y": "12", "properties": { "text": "OWASP Security Risks", "size": "17" } } ] } } }, { "ID": "8282", "typeID": "Label", "zOrder": "134", "w": "372", "measuredW": "344", "measuredH": "25", "x": "792", "y": "1194", "properties": { "size": "17", "text": "Get at least a basic knowledge of all of these" } }, { "ID": "8285", "typeID": "Arrow", "zOrder": "12", "w": "237", "h": "128", "measuredW": "150", "measuredH": "100", "x": "635", "y": "2808", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 236.93170111364998, "y": 0.019905173764982464 }, "p1": { "x": 0.4776994561390996, "y": 0.17651148133814792 }, "p2": { "x": 0.11074525562162307, "y": 126.11937517609203 } } }, { "ID": "8288", "typeID": "Arrow", "zOrder": "136", "w": "117", "h": "1", "measuredW": "150", "measuredH": "100", "x": "677", "y": "2794", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 116.89058672187377, "y": 0.1041226124775676 }, "p1": { "x": 0.4835193355826629, "y": 0.007267064624967576 }, "p2": { "x": 0.017907207522057433, "y": 0.1041226124775676 } } }, { "ID": "8289", "typeID": "Arrow", "zOrder": "137", "w": "158", "h": "72", "measuredW": "150", "measuredH": "100", "x": "286", "y": "2848", "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": "8290", "typeID": "Arrow", "zOrder": "138", "w": "133", "h": "223", "measuredW": "150", "measuredH": "100", "x": "1007", "y": "2688", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 133, "y": 223 }, "p1": { "x": 0.6210189562745637, "y": 0.08206190581675968 }, "p2": { "x": -0.43103046936073497, "y": 0.31367188167814675 } } }, { "ID": "8291", "typeID": "Arrow", "zOrder": "14", "w": "120", "h": "182", "measuredW": "150", "measuredH": "100", "x": "1020", "y": "2685", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 120, "y": 182 }, "p1": { "x": 0.5641506862188896, "y": 0.10909777122517159 }, "p2": { "x": 0.40915526260198476, "y": 0.23807505235299686 } } }, { "ID": "8292", "typeID": "Arrow", "zOrder": "139", "w": "112", "h": "137", "measuredW": "150", "measuredH": "100", "x": "1033", "y": "2691", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 112, "y": 137 }, "p1": { "x": 0.6177380381901717, "y": 0.1158418847787249 }, "p2": { "x": -0.28845742009775677, "y": 0.38926871100329663 } } }, { "ID": "8294", "typeID": "__group__", "zOrder": "140", "measuredW": "216", "measuredH": "50", "w": "216", "h": "50", "x": "414", "y": "1334", "properties": { "controlName": "109-css-preprocessors" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "216", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "150", "measuredH": "25", "x": "33", "y": "12", "properties": { "text": "CSS Preprocessors", "size": "17" } } ] } } }, { "ID": "8295", "typeID": "Arrow", "zOrder": "141", "w": "107", "h": "93", "measuredW": "150", "measuredH": "100", "x": "1039", "y": "2687", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 107, "y": 93 }, "p1": { "x": 0.6105142874821432, "y": 0.11615602631888519 }, "p2": { "x": -0.13726376144768437, "y": -0.2241265329844282 } } }, { "ID": "8296", "typeID": "Arrow", "zOrder": "142", "w": "100", "h": "48", "measuredW": "150", "measuredH": "100", "x": "1042", "y": "2682", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 100, "y": 48 }, "p1": { "x": 0.5421630610591022, "y": 0.059862777204942215 }, "p2": { "x": -0.061666932122761864, "y": 0.16247822302784698 } } }, { "ID": "8297", "typeID": "Arrow", "zOrder": "143", "w": "120", "h": "12", "measuredW": "150", "measuredH": "100", "x": "1019", "y": "2669", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 120, "y": 12 }, "p1": { "x": 0.5359734790789354, "y": 0.01272287429441829 }, "p2": { "x": -0.12864315206059018, "y": 0.09550200309013235 } } }, { "ID": "8298", "typeID": "__group__", "zOrder": "144", "measuredW": "213", "measuredH": "50", "w": "213", "h": "50", "x": "415", "y": "1278", "properties": { "controlName": "108-css-architecture" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "213", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "131", "measuredH": "25", "x": "41", "y": "12", "properties": { "text": "CSS Architecture", "size": "17" } } ] } } }, { "ID": "8299", "typeID": "__group__", "zOrder": "145", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "153", "y": "1283", "properties": { "controlName": "100-css-architecture:bem" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "151", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "45", "measuredW": "38", "measuredH": "25", "x": "60", "y": "8", "properties": { "size": "17", "text": "BEM" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8302", "typeID": "Arrow", "zOrder": "1", "w": "2", "h": "104", "measuredW": "150", "measuredH": "100", "x": "564", "y": "2939", "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": "8303", "typeID": "Arrow", "zOrder": "146", "w": "180", "h": "45", "measuredW": "150", "measuredH": "100", "x": "280", "y": "2942", "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": "8305", "typeID": "Arrow", "zOrder": "19", "w": "95", "h": "45", "measuredW": "150", "measuredH": "100", "x": "935", "y": "2508", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 95.0722855077529, "y": 44.51658919665124 }, "p1": { "x": 0.41486424298205116, "y": -0.0922687528762081 }, "p2": { "x": -0.2712162013234547, "y": -0.07956482856161529 } } }, { "ID": "8306", "typeID": "Arrow", "zOrder": "147", "w": "98", "h": "1", "measuredW": "150", "measuredH": "100", "x": "946", "y": "2502", "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": "8307", "typeID": "__group__", "zOrder": "148", "measuredW": "211", "measuredH": "50", "w": "211", "h": "50", "x": "516", "y": "1500", "properties": { "controlName": "110-build-tools" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "211", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "83", "measuredH": "25", "x": "64", "y": "13", "properties": { "size": "17", "text": "Build Tools" } } ] } } }, { "ID": "8309", "typeID": "Arrow", "zOrder": "149", "w": "1", "h": "86", "measuredW": "150", "measuredH": "100", "x": "554", "y": "2371", "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": "8310", "typeID": "Arrow", "zOrder": "150", "w": "177", "h": "1", "measuredW": "150", "measuredH": "100", "x": "358", "y": "2361", "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": "8311", "typeID": "__group__", "zOrder": "151", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "811", "y": "1497", "properties": { "controlName": "100-build-tools:task-runners" }, "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": "105", "measuredH": "25", "x": "60", "y": "14", "properties": { "size": "17", "text": "Task Runners" } } ] } } }, { "ID": "8312", "typeID": "Arrow", "zOrder": "152", "w": "116", "h": "1", "measuredW": "150", "measuredH": "100", "x": "729", "y": "2360", "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": "8315", "typeID": "__group__", "zOrder": "153", "measuredW": "156", "measuredH": "45", "w": "156", "h": "45", "x": "1084", "y": "1501", "properties": { "controlName": "100-build-tools:task-runners:npm-scripts" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "45", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "89", "measuredH": "25", "x": "24", "y": "10", "properties": { "size": "17", "text": "npm scripts" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "11", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "11", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8316", "typeID": "Arrow", "zOrder": "154", "w": "239", "h": "239", "measuredW": "150", "measuredH": "100", "x": "464", "y": "1761", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 0.4151212280816594, "y": -0.22081521141240046 }, "p1": { "x": 0.5082158938451313, "y": 0.2259685964231505 }, "p2": { "x": 239, "y": 239 } } }, { "ID": "8317", "typeID": "Arrow", "zOrder": "155", "w": "191", "h": "3", "measuredW": "150", "measuredH": "100", "x": "913", "y": "2042", "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": "8318", "typeID": "__group__", "zOrder": "41", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "811", "y": "1441", "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": "176", "measuredH": "25", "x": "25", "y": "13", "properties": { "size": "17", "text": "Linters and Formatters" } } ] } } }, { "ID": "8319", "typeID": "__group__", "zOrder": "42", "measuredW": "155", "measuredH": "40", "w": "155", "h": "40", "x": "1084", "y": "1408", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "66", "measuredW": "58", "measuredH": "25", "x": "44", "y": "7", "properties": { "size": "17", "text": "Prettier" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "131", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "131", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8320", "typeID": "__group__", "zOrder": "43", "measuredW": "155", "measuredH": "40", "w": "155", "h": "40", "x": "1084", "y": "1453", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "53", "measuredW": "51", "measuredH": "25", "x": "46", "y": "7", "properties": { "size": "17", "text": "ESLint" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "131", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "131", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8322", "typeID": "__group__", "zOrder": "156", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1084", "y": "1647", "properties": { "controlName": "100-build-tools:module-bundlers:webpack" }, "children": { "controls": { "control": [ { "ID": "1", "typeID": "Label", "zOrder": "0", "w": "72", "measuredW": "72", "measuredH": "25", "x": "52", "y": "7", "properties": { "size": "17", "text": "Webpack" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "1", "w": "148", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "measuredW": "72", "measuredH": "25", "x": "42", "y": "7", "properties": { "text": "Webpack", "size": "17" } }, { "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "8323", "typeID": "__group__", "zOrder": "157", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1084", "y": "1692", "properties": { "controlName": "102-build-tools:module-bundlers:rollup" }, "children": { "controls": { "control": [ { "ID": "1", "typeID": "Label", "zOrder": "0", "w": "46", "measuredW": "49", "measuredH": "25", "x": "65", "y": "7", "properties": { "size": "17", "text": "Rollup" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "1", "w": "147", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "w": "63", "measuredW": "49", "measuredH": "25", "x": "55", "y": "7", "properties": { "size": "17", "text": "Rollup" } }, { "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "6", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8324", "typeID": "__group__", "zOrder": "158", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1084", "y": "1738", "properties": { "controlName": "103-build-tools:module-bundlers:parcel" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "w": "46", "measuredW": "49", "measuredH": "25", "x": "65", "y": "7", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "1", "typeID": "TextArea", "zOrder": "1", "w": "146", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "63", "measuredW": "49", "measuredH": "25", "x": "55", "y": "7", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "134", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8325", "typeID": "__group__", "zOrder": "159", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "812", "y": "1554", "properties": { "controlName": "101-build-tools:module-bundlers" }, "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": "131", "measuredH": "25", "x": "47", "y": "13", "properties": { "size": "17", "text": "Module Bundlers" } } ] } } }, { "ID": "8327", "typeID": "Arrow", "zOrder": "160", "w": "119", "h": "1", "measuredW": "150", "measuredH": "100", "x": "990", "y": "2362", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 118.97944745965356, "y": 0 }, "p1": { "x": 0.4835193355826631, "y": 0.007267064624967473 }, "p2": { "x": 0.34217904266415644, "y": 0 } } }, { "ID": "8328", "typeID": "__group__", "zOrder": "161", "measuredW": "213", "measuredH": "53", "w": "213", "h": "53", "x": "514", "y": "1555", "properties": { "controlName": "111-pick-a-framework" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "213", "h": "53", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "142", "measuredW": "136", "measuredH": "25", "x": "36", "y": "14", "properties": { "size": "17", "text": "Pick a Framework" } } ] } } }, { "ID": "8329", "typeID": "__group__", "zOrder": "162", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "154", "y": "1469", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "68", "measuredW": "47", "measuredH": "25", "x": "55", "y": "7", "properties": { "size": "17", "text": "React" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8330", "typeID": "__group__", "zOrder": "163", "measuredW": "153", "measuredH": "40", "w": "153", "h": "40", "x": "152", "y": "1515", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "64", "measuredW": "59", "measuredH": "25", "x": "49", "y": "7", "properties": { "size": "17", "text": "Angular" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8331", "typeID": "__group__", "zOrder": "164", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "151", "y": "1561", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "45", "measuredH": "25", "x": "58", "y": "7", "properties": { "text": "Vue.js", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8335", "typeID": "Arrow", "zOrder": "165", "w": "95", "h": "1", "measuredW": "150", "measuredH": "100", "x": "1117", "y": "2503", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 94.5324984379306, "y": 0 }, "p1": { "x": 0.4835193355826628, "y": 0.007267064624967587 }, "p2": { "x": 0, "y": 0 } } }, { "ID": "8336", "typeID": "__group__", "zOrder": "166", "measuredW": "203", "measuredH": "50", "w": "203", "h": "50", "x": "808", "y": "1672", "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": { "size": "17", "text": "Modern CSS" } } ] } } }, { "ID": "8339", "typeID": "Arrow", "zOrder": "167", "w": "65", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1121", "y": "2550", "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": "8341", "typeID": "Arrow", "zOrder": "168", "w": "65", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1122", "y": "2600", "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": "8344", "typeID": "Arrow", "zOrder": "2", "w": "95", "h": "8", "measuredW": "150", "measuredH": "100", "x": "666", "y": "3050", "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": "8345", "typeID": "Arrow", "zOrder": "3", "w": "98", "h": "36", "measuredW": "150", "measuredH": "100", "x": "665", "y": "3014", "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": "8346", "typeID": "__group__", "zOrder": "169", "measuredW": "211", "measuredH": "40", "w": "211", "h": "40", "x": "809", "y": "1764", "properties": { "controlName": "100-modern-css:styled-components" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "202", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "151", "measuredW": "150", "measuredH": "25", "x": "25", "y": "7", "properties": { "size": "17", "text": "Styled Components" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "187", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "187", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8347", "typeID": "__group__", "zOrder": "170", "measuredW": "212", "measuredH": "40", "w": "212", "h": "40", "x": "809", "y": "1809", "properties": { "controlName": "101-modern-css:css-modules" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "202", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "103", "measuredW": "103", "measuredH": "25", "x": "49", "y": "7", "properties": { "size": "17", "text": "CSS Modules" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "188", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "188", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8348", "typeID": "Arrow", "zOrder": "171", "w": "179", "h": "2", "measuredW": "150", "measuredH": "100", "x": "280", "y": "2935", "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": "8349", "typeID": "Arrow", "zOrder": "172", "w": "161", "h": "34", "measuredW": "150", "measuredH": "100", "x": "286", "y": "2892", "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": "8350", "typeID": "__group__", "zOrder": "173", "measuredW": "210", "measuredH": "40", "w": "210", "h": "40", "x": "809", "y": "1899", "properties": { "controlName": "103-modern-css:emotion" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "201", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "64", "measuredH": "25", "x": "69", "y": "7", "properties": { "text": "Emotion", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "186", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "186", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "186", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8352", "typeID": "__group__", "zOrder": "174", "measuredW": "175", "measuredH": "41", "w": "175", "h": "41", "x": "530", "y": "2773", "properties": { "controlName": "100-graphql:apollo" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "167", "h": "41", "measuredW": "200", "measuredH": "140", "x": "8", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "49", "measuredW": "48", "measuredH": "25", "x": "58", "y": "8", "properties": { "size": "17", "text": "Apollo" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8353", "typeID": "Arrow", "zOrder": "4", "w": "2", "h": "89", "measuredW": "150", "measuredH": "100", "x": "296", "y": "3409", "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": "8354", "typeID": "Arrow", "zOrder": "5", "w": "8", "h": "166", "measuredW": "150", "measuredH": "100", "x": "286", "y": "3231", "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": "8355", "typeID": "__group__", "zOrder": "175", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "783", "y": "2646", "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": "169", "measuredH": "25", "x": "56", "y": "22", "properties": { "size": "17", "text": "Static Site Generators" } }, { "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": "8356", "typeID": "__group__", "zOrder": "176", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1133", "y": "2757", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "78", "measuredW": "73", "measuredH": "25", "x": "35", "y": "8", "properties": { "size": "17", "text": "GatsbyJS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "8357", "typeID": "__group__", "zOrder": "177", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1133", "y": "2711", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "58", "measuredW": "52", "measuredH": "25", "x": "45", "y": "8", "properties": { "size": "17", "text": "Next.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "8358", "typeID": "__group__", "zOrder": "178", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1131", "y": "2988", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "56", "measuredW": "52", "measuredH": "25", "x": "46", "y": "8", "properties": { "size": "17", "text": "Nuxt.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8359", "typeID": "__group__", "zOrder": "179", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1131", "y": "2803", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "76", "measuredW": "72", "measuredH": "25", "x": "40", "y": "8", "properties": { "size": "17", "text": "Vuepress" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "132", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8360", "typeID": "__group__", "zOrder": "180", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1131", "y": "2850", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "49", "measuredW": "43", "measuredH": "25", "x": "52", "y": "8", "properties": { "size": "17", "text": "Jekyll" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8361", "typeID": "Arrow", "zOrder": "15", "w": "141", "h": "261", "measuredW": "150", "measuredH": "100", "x": "990", "y": "2691", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 141, "y": 261 }, "p1": { "x": 0.5842350949114499, "y": 0.06027644608497023 }, "p2": { "x": -0.3468130306484909, "y": 0.38926871100329663 } } }, { "ID": "8362", "typeID": "__group__", "zOrder": "181", "measuredW": "212", "measuredH": "50", "w": "212", "h": "50", "x": "277", "y": "1733", "properties": { "controlName": "114-css-frameworks" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "212", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "131", "measuredH": "25", "x": "40", "y": "13", "properties": { "size": "17", "text": "CSS Frameworks" } } ] } } }, { "ID": "8363", "typeID": "__group__", "zOrder": "182", "measuredW": "335", "measuredH": "137", "w": "335", "h": "137", "x": "155", "y": "1806", "properties": { "controlName": "114-css-frameworks:css-first" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "335", "h": "137", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "2", "typeID": "Label", "zOrder": "1", "measuredW": "150", "measuredH": "24", "x": "154", "y": "13", "properties": { "size": "16", "text": "CSS first frameworks" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "measuredW": "145", "measuredH": "24", "x": "154", "y": "41", "properties": { "size": "16", "text": "that don't come with" } }, { "ID": "4", "typeID": "Label", "zOrder": "3", "measuredW": "99", "measuredH": "24", "x": "154", "y": "69", "properties": { "size": "16", "text": "JS framework" } }, { "ID": "5", "typeID": "Label", "zOrder": "4", "measuredW": "166", "measuredH": "24", "x": "153", "y": "97", "properties": { "size": "16", "text": "components by default." } } ] } } }, { "ID": "8364", "typeID": "__group__", "zOrder": "183", "measuredW": "130", "measuredH": "57", "w": "130", "h": "57", "x": "171", "y": "1816", "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": "8365", "typeID": "__group__", "zOrder": "184", "measuredW": "133", "measuredH": "52", "w": "133", "h": "52", "x": "171", "y": "1875", "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": "8366", "typeID": "__group__", "zOrder": "185", "measuredW": "333", "measuredH": "228", "w": "333", "h": "228", "x": "155", "y": "1962", "properties": { "controlName": "114-css-frameworks:js-first" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "333", "h": "228", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "263", "measuredH": "24", "x": "19", "y": "163", "properties": { "size": "16", "text": "JS based and better to use with your" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "247", "measuredH": "24", "x": "19", "y": "189", "properties": { "size": "16", "text": "framework based JavaScript apps." } } ] } } }, { "ID": "8367", "typeID": "__group__", "zOrder": "186", "measuredW": "145", "measuredH": "40", "w": "145", "h": "40", "x": "331", "y": "1978", "properties": { "controlName": "100-css-frameworks:js-first:tailwind-css" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "136", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "61", "measuredH": "25", "x": "37", "y": "7", "properties": { "size": "17", "text": "Tailwind" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "121", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "121", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "121", "y": "8", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10027263" } } ] } } }, { "ID": "8368", "typeID": "__group__", "zOrder": "187", "measuredW": "150", "measuredH": "37", "w": "150", "h": "37", "x": "331", "y": "2025", "properties": { "controlName": "102-css-frameworks:js-first:material-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "137", "h": "37", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "86", "measuredH": "25", "x": "26", "y": "6", "properties": { "size": "17", "text": "Material UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "126", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "126", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "126", "y": "7", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8369", "typeID": "__group__", "zOrder": "188", "measuredW": "157", "measuredH": "39", "w": "157", "h": "39", "x": "167", "y": "1979", "properties": { "controlName": "104-css-frameworks:js-first:mantine" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "149", "h": "39", "measuredW": "200", "measuredH": "140", "x": "8", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "63", "measuredH": "25", "x": "51", "y": "7", "properties": { "size": "17", "text": "Mantine" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8370", "typeID": "__group__", "zOrder": "189", "measuredW": "232", "measuredH": "313", "w": "232", "h": "313", "x": "1068", "y": "1838", "properties": { "controlName": "115-testing-your-apps" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "232", "h": "313", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "185", "measuredH": "24", "x": "18", "y": "236", "properties": { "text": "You can fill all your testing", "size": "16" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "155", "measuredH": "24", "x": "18", "y": "261", "properties": { "text": "needs with just these.", "size": "16" } } ] } } }, { "ID": "8371", "typeID": "__group__", "zOrder": "190", "measuredW": "207", "measuredH": "40", "w": "207", "h": "40", "x": "1084", "y": "1896", "properties": { "controlName": "101-testing-your-apps:react-testing-library" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "195", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "152", "measuredH": "25", "x": "22", "y": "7", "properties": { "text": "react-testing-library", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "183", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "183", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8372", "typeID": "__group__", "zOrder": "191", "measuredW": "207", "measuredH": "37", "w": "207", "h": "37", "x": "1083", "y": "2029", "properties": { "controlName": "103-testing-your-apps:enzyme" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "197", "h": "37", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "61", "measuredH": "25", "x": "65", "y": "6", "properties": { "text": "Enzyme", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "183", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "183", "y": "7", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8373", "typeID": "__group__", "zOrder": "192", "measuredW": "205", "measuredH": "40", "w": "205", "h": "40", "x": "1085", "y": "1852", "properties": { "controlName": "100-testing-your-apps:jest" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "194", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "39", "measuredW": "33", "measuredH": "25", "x": "77", "y": "8", "properties": { "size": "17", "text": "Jest" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "181", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "181", "y": "7", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8374", "typeID": "__group__", "zOrder": "193", "measuredW": "205", "measuredH": "39", "w": "205", "h": "39", "x": "1084", "y": "1941", "properties": { "controlName": "102-testing-your-apps:cypress" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "195", "h": "39", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "63", "measuredH": "25", "x": "63", "y": "7", "properties": { "text": "Cypress", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "181", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "181", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8375", "typeID": "__group__", "zOrder": "194", "measuredW": "405", "measuredH": "158", "w": "405", "h": "158", "x": "609", "y": "1980", "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" } }, { "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": "8377", "typeID": "__group__", "zOrder": "195", "measuredW": "234", "measuredH": "60", "w": "234", "h": "60", "x": "784", "y": "2328", "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", "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": "8378", "typeID": "__group__", "zOrder": "196", "measuredW": "206", "measuredH": "48", "w": "206", "h": "48", "x": "1095", "y": "2334", "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": "16770457" } }, { "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": "8379", "typeID": "__group__", "zOrder": "197", "measuredW": "247", "measuredH": "61", "w": "247", "h": "61", "x": "496", "y": "2325", "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": "172", "measuredH": "25", "x": "41", "y": "24", "properties": { "size": "17", "text": "Progressive Web Apps" } }, { "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": "8380", "typeID": "__group__", "zOrder": "198", "measuredW": "237", "measuredH": "400", "w": "237", "h": "400", "x": "134", "y": "2325", "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": "8381", "typeID": "__group__", "zOrder": "199", "measuredW": "269", "measuredH": "290", "w": "269", "h": "290", "x": "388", "y": "2435", "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": "8382", "typeID": "__group__", "zOrder": "200", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "679", "y": "2471", "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)" } }, { "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": "8383", "typeID": "__group__", "zOrder": "201", "measuredW": "125", "measuredH": "41", "w": "125", "h": "41", "x": "1011", "y": "2483", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "47", "measuredH": "25", "x": "34", "y": "8", "properties": { "text": "React", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "101", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "101", "y": "9", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8384", "typeID": "__group__", "zOrder": "202", "measuredW": "116", "measuredH": "41", "w": "116", "h": "41", "x": "1173", "y": "2482", "properties": { "controlName": "100-server-side-rendering:react-js:next-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "106", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "52", "measuredH": "25", "x": "27", "y": "8", "properties": { "size": "17", "text": "Next.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "92", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "92", "y": "9", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8386", "typeID": "__group__", "zOrder": "203", "measuredW": "123", "measuredH": "41", "w": "123", "h": "41", "x": "1015", "y": "2531", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "69", "measuredW": "59", "measuredH": "25", "x": "31", "y": "8", "properties": { "size": "17", "text": "Angular" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "99", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "99", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "99", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8387", "typeID": "__group__", "zOrder": "204", "measuredW": "121", "measuredH": "41", "w": "121", "h": "41", "x": "1170", "y": "2532", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "73", "measuredW": "72", "measuredH": "25", "x": "19", "y": "8", "properties": { "size": "17", "text": "Universal" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "97", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "97", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "97", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8388", "typeID": "__group__", "zOrder": "205", "measuredW": "124", "measuredH": "41", "w": "124", "h": "41", "x": "1016", "y": "2581", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "48", "measuredW": "45", "measuredH": "25", "x": "34", "y": "8", "properties": { "text": "Vue.js", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "100", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "100", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "100", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8389", "typeID": "__group__", "zOrder": "206", "measuredW": "122", "measuredH": "41", "w": "122", "h": "41", "x": "1168", "y": "2581", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "55", "measuredW": "52", "measuredH": "25", "x": "28", "y": "8", "properties": { "size": "17", "text": "Nuxt.js" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "98", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "98", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "98", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8390", "typeID": "__group__", "zOrder": "6", "measuredW": "249", "measuredH": "59", "w": "249", "h": "59", "x": "441", "y": "3011", "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": "162", "measuredH": "25", "x": "40", "y": "22", "properties": { "size": "17", "text": "Desktop Applications" } }, { "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": "8391", "typeID": "__group__", "zOrder": "7", "measuredW": "196", "measuredH": "47", "w": "196", "h": "47", "x": "755", "y": "2982", "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": "8392", "typeID": "__group__", "zOrder": "207", "measuredW": "220", "measuredH": "59", "w": "220", "h": "59", "x": "437", "y": "2899", "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": "150", "measuredH": "25", "x": "27", "y": "22", "properties": { "size": "17", "text": "Mobile Applications" } }, { "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": "8393", "typeID": "__group__", "zOrder": "208", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "137", "y": "2824", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "101", "measuredW": "100", "measuredH": "25", "x": "32", "y": "8", "properties": { "size": "17", "text": "React Native" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "7", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8394", "typeID": "__group__", "zOrder": "209", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", "y": "2964", "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", "measuredW": "94", "measuredH": "25", "x": "27", "y": "8", "properties": { "text": "NativeScript", "size": "17" } } ] } } }, { "ID": "8395", "typeID": "__group__", "zOrder": "210", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "136", "y": "2871", "properties": { "controlName": "102-mobile-applications:flutter" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "10", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "53", "measuredW": "50", "measuredH": "25", "x": "57", "y": "8", "properties": { "size": "17", "text": "Flutter" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "7", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8396", "typeID": "__group__", "zOrder": "211", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1131", "y": "2896", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "43", "measuredW": "42", "measuredH": "25", "x": "52", "y": "8", "properties": { "size": "17", "text": "Hugo" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8397", "typeID": "__group__", "zOrder": "212", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", "y": "2918", "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": "8398", "typeID": "__group__", "zOrder": "213", "measuredW": "152", "measuredH": "50", "w": "152", "h": "50", "x": "782", "y": "2773", "properties": { "controlName": "119-graphql" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "71", "measuredH": "25", "x": "37", "y": "12", "properties": { "size": "17", "text": "GraphQL" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "128", "y": "13", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "128", "y": "13", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8399", "typeID": "__group__", "zOrder": "214", "measuredW": "175", "measuredH": "41", "w": "175", "h": "41", "x": "531", "y": "2820", "properties": { "controlName": "101-graphql:relay-modern" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "168", "h": "41", "measuredW": "200", "measuredH": "140", "x": "7", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "115", "measuredW": "107", "measuredH": "25", "x": "40", "y": "8", "properties": { "size": "17", "text": "Relay Modern" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8400", "typeID": "__group__", "zOrder": "8", "measuredW": "221", "measuredH": "50", "w": "221", "h": "50", "x": "176", "y": "3199", "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": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "111", "measuredH": "25", "x": "57", "y": "12", "properties": { "size": "17", "text": "Web Assembly" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8401", "typeID": "__group__", "zOrder": "9", "measuredW": "207", "measuredH": "50", "w": "207", "h": "50", "x": "201", "y": "3380", "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" } } ] } } }, { "ID": "8402", "typeID": "__group__", "zOrder": "10", "measuredW": "582", "measuredH": "188", "w": "582", "h": "188", "x": "464", "y": "3176", "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": "8403", "typeID": "__group__", "zOrder": "215", "measuredW": "238", "measuredH": "60", "w": "238", "h": "60", "x": "782", "y": "2213", "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": "137", "measuredH": "25", "x": "44", "y": "23", "properties": { "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": "8404", "typeID": "__group__", "zOrder": "216", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1107", "y": "2181", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "132", "measuredW": "131", "measuredH": "25", "x": "30", "y": "7", "properties": { "size": "17", "text": "HTML Templates" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8405", "typeID": "__group__", "zOrder": "217", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1107", "y": "2227", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "139", "measuredW": "136", "measuredH": "25", "x": "30", "y": "7", "properties": { "size": "17", "text": "Custom Elements" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8406", "typeID": "__group__", "zOrder": "218", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1107", "y": "2272", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "105", "measuredW": "105", "measuredH": "25", "x": "38", "y": "7", "properties": { "size": "17", "text": "Shadow DOM" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "175", "y": "8", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8408", "typeID": "__group__", "zOrder": "219", "measuredW": "156", "measuredH": "43", "w": "156", "h": "43", "x": "149", "y": "1383", "properties": { "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "43", "measuredW": "200", "measuredH": "140", "x": "10", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "74", "measuredW": "66", "measuredH": "25", "x": "49", "y": "9", "properties": { "size": "17", "text": "PostCSS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "10", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "10", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8409", "typeID": "__group__", "zOrder": "220", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "149", "y": "1336", "properties": { "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "146", "h": "41", "measuredW": "200", "measuredH": "140", "x": "10", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "46", "measuredW": "37", "measuredH": "25", "x": "60", "y": "8", "properties": { "size": "17", "text": "Sass" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "9", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8410", "typeID": "__group__", "zOrder": "221", "measuredW": "212", "measuredH": "40", "w": "212", "h": "40", "x": "809", "y": "1854", "properties": { "controlName": "102-modern-css:styled-jsx" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "201", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "90", "measuredW": "80", "measuredH": "25", "x": "56", "y": "7", "properties": { "size": "17", "text": "Styled JSX" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "188", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "188", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "188", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8411", "typeID": "__group__", "zOrder": "222", "measuredW": "159", "measuredH": "40", "w": "159", "h": "40", "x": "1083", "y": "1602", "properties": { "controlName": "101-build-tools:module-bundlers:esbuild" }, "children": { "controls": { "control": [ { "ID": "1", "typeID": "Label", "zOrder": "0", "w": "72", "measuredW": "72", "measuredH": "25", "x": "52", "y": "7", "properties": { "size": "17", "text": "Webpack" } }, { "ID": "2", "typeID": "TextArea", "zOrder": "1", "w": "149", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "measuredW": "55", "measuredH": "25", "x": "50", "y": "7", "properties": { "size": "17", "text": "esbuild" } }, { "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "135", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "135", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8412", "typeID": "__group__", "zOrder": "223", "measuredW": "159", "measuredH": "40", "w": "159", "h": "40", "x": "1083", "y": "1557", "properties": { "controlName": "104-build-tools:module-bundlers:vite" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "w": "46", "measuredW": "49", "measuredH": "25", "x": "65", "y": "7", "properties": { "size": "17", "text": "Parcel" } }, { "ID": "1", "typeID": "TextArea", "zOrder": "1", "w": "151", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "measuredW": "30", "measuredH": "25", "x": "53", "y": "7", "properties": { "size": "17", "text": "Vite" } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "135", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "135", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "5", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", "x": "135", "y": "7", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10027263" } } ] } } }, { "ID": "8414", "typeID": "__group__", "zOrder": "224", "measuredW": "149", "measuredH": "37", "w": "149", "h": "37", "x": "331", "y": "2070", "properties": { "controlName": "103-css-frameworks:js-first:radix-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "139", "h": "37", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "66", "measuredH": "25", "x": "34", "y": "6", "properties": { "size": "17", "text": "Radix UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "125", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "125", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "125", "y": "7", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8415", "typeID": "__group__", "zOrder": "225", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1132", "y": "2665", "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": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "133", "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10027263" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", "measuredW": "66", "measuredH": "25", "x": "41", "y": "8", "properties": { "text": "Eleventy", "size": "17" } } ] } } }, { "ID": "8416", "typeID": "__group__", "zOrder": "11", "measuredW": "196", "measuredH": "47", "w": "196", "h": "47", "x": "755", "y": "3031", "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" } } ] } } }, { "ID": "8418", "typeID": "__group__", "zOrder": "226", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "153", "y": "1221", "properties": { "controlName": "102-package-managers:pnpm" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "151", "h": "49", "measuredW": "200", "measuredH": "140", "x": "7", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "44", "measuredH": "25", "x": "61", "y": "12", "properties": { "size": "17", "text": "pnpm" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "13", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "8421", "typeID": "__group__", "zOrder": "135", "measuredW": "24", "measuredH": "24", "w": "24", "h": "24", "x": "1218", "y": "1172", "children": { "controls": { "control": [ { "ID": "0", "typeID": "Icon", "zOrder": "0", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "1", "typeID": "Icon", "zOrder": "1", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8422", "typeID": "Arrow", "zOrder": "47", "w": "140", "h": "56", "measuredW": "150", "measuredH": "100", "x": "294", "y": "1188", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 139.22596641392124, "y": 56.50887328728595 }, "p1": { "x": 0.5179188602929942, "y": 0.0589061054914393 }, "p2": { "x": -0.3748152660157871, "y": 0.3948335924094408 } } }, { "ID": "8423", "typeID": "Arrow", "zOrder": "45", "w": "144", "h": "47", "measuredW": "150", "measuredH": "100", "x": "293", "y": "1363", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 143.59460152843042, "y": -0.36895266648821234 }, "p1": { "x": 0.5621049174944583, "y": -0.05820540185534891 }, "p2": { "x": -0.11208549503413678, "y": 46.16464122682419 } } }, { "ID": "8424", "typeID": "Arrow", "zOrder": "44", "w": "94", "h": "177", "measuredW": "150", "measuredH": "100", "x": "504", "y": "1354", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { "x": -0.342277860619447, "y": -0.4198717504148135 }, "p1": { "x": 0.5100925147182503, "y": -0.13330529857022685 }, "p2": { "x": 94.09354504051441, "y": 176.13405802127022 } } }, { "ID": "8425", "typeID": "Arrow", "zOrder": "37", "w": "119", "h": "59", "measuredW": "150", "measuredH": "100", "x": "709", "y": "1458", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.047010684241513445, "y": 58.44770687617847 }, "p1": { "x": 0.5673179018899986, "y": -0.10798471012953849 }, "p2": { "x": 119.02424427805772, "y": -0.40360304771661504 } } }, { "ID": "8426", "typeID": "Arrow", "zOrder": "36", "w": "135", "h": "53", "measuredW": "150", "measuredH": "100", "x": "699", "y": "1534", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.3725435141941489, "y": 0.23996336479785896 }, "p1": { "x": 0.4960254372019082, "y": 0.07419183889772205 }, "p2": { "x": 135.8674198506036, "y": 53.61673283065602 } } }, { "ID": "8427", "typeID": "__group__", "zOrder": "227", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "151", "y": "1607", "properties": { "controlName": "103-pick-a-framework:svelte" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "48", "measuredH": "25", "x": "58", "y": "7", "properties": { "size": "17", "text": "Svelte" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8428", "typeID": "__group__", "zOrder": "228", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "151", "y": "1653", "properties": { "controlName": "104-pick-a-framework:solid-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", "x": "7", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "61", "measuredH": "25", "x": "58", "y": "7", "properties": { "size": "17", "text": "Solid JS" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8430", "typeID": "Arrow", "zOrder": "35", "w": "253", "h": "1", "measuredW": "150", "measuredH": "100", "x": "279", "y": "1581", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.20156335987400098, "y": 1.4049221436009702 }, "p1": { "x": 0.46937327878105334, "y": 0.004541857492184635 }, "p2": { "x": 253.39905954407345, "y": 1.5108274871286085 } } }, { "ID": "8431", "typeID": "Arrow", "zOrder": "34", "w": "244", "h": "41", "measuredW": "150", "measuredH": "100", "x": "283", "y": "1529", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.3074687034015824, "y": 0.1340580212702207 }, "p1": { "x": 0.4718266633930761, "y": -0.03283820279891953 }, "p2": { "x": 243.92451908603675, "y": 41.19311145654592 } } }, { "ID": "8432", "typeID": "Arrow", "zOrder": "33", "w": "238", "h": "77", "measuredW": "150", "measuredH": "100", "x": "293", "y": "1485", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.11208549503413678, "y": 0.337734356976398 }, "p1": { "x": 0.46318687896564104, "y": -0.04633065964324165 }, "p2": { "x": 238.03042442956428, "y": 76.98130076949064 } } }, { "ID": "8433", "typeID": "Arrow", "zOrder": "32", "w": "252", "h": "42", "measuredW": "150", "measuredH": "100", "x": "290", "y": "1593", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.1506442759475135, "y": 41.51896183847771 }, "p1": { "x": 0.4628056985241305, "y": 0.0422931043816104 }, "p2": { "x": 252.39905954407345, "y": -0.4891725128713915 } } }, { "ID": "8434", "typeID": "Arrow", "zOrder": "31", "w": "250", "h": "78", "measuredW": "150", "measuredH": "100", "x": "289", "y": "1599", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.2179908385617182, "y": 77.94665038826247 }, "p1": { "x": 0.46280569852413056, "y": 0.04229310438161035 }, "p2": { "x": 250.24223511661944, "y": -0.06555113876129326 } } }, { "ID": "8435", "typeID": "Arrow", "zOrder": "30", "w": "83", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1024", "y": "1573", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.260934347128682, "y": -0.43825342894501773 }, "p1": { "x": 0.4310686842693701, "y": -0.01854562577101437 }, "p2": { "x": 82.75126717989497, "y": 3.553612219705883 } } }, { "ID": "8436", "typeID": "Arrow", "zOrder": "29", "w": "77", "h": "33", "measuredW": "150", "measuredH": "100", "x": "1029", "y": "1591", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.21360611090813109, "y": 0.7226381741836576 }, "p1": { "x": 0.34627916069334047, "y": 0.08067248794474031 }, "p2": { "x": 76.8571725234226, "y": 33.04442138044078 } } }, { "ID": "8437", "typeID": "Arrow", "zOrder": "28", "w": "88", "h": "71", "measuredW": "150", "measuredH": "100", "x": "1010", "y": "1597", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.052714507779455744, "y": 0.19717863222035703 }, "p1": { "x": 0.45588235294117674, "y": 0.0735294117647052 }, "p2": { "x": 87.64536183636733, "y": 71.36620458669813 } } }, { "ID": "8438", "typeID": "Arrow", "zOrder": "27", "w": "103", "h": "125", "measuredW": "150", "measuredH": "100", "x": "992", "y": "1590", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.26045801916006894, "y": 0.35400305967436907 }, "p1": { "x": 0.45588235294117674, "y": 0.0735294117647052 }, "p2": { "x": 102.90809160734898, "y": 124.8997984800103 } } }, { "ID": "8439", "typeID": "Arrow", "zOrder": "26", "w": "130", "h": "172", "measuredW": "150", "measuredH": "100", "x": "970", "y": "1590", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.3622961870130439, "y": 0.35400305967436907 }, "p1": { "x": 0.45588235294117685, "y": 0.07352941176470515 }, "p2": { "x": 130.38263206538568, "y": 172.802027487832 } } }, { "ID": "8440", "typeID": "Arrow", "zOrder": "25", "w": "1", "h": "102", "measuredW": "150", "measuredH": "100", "x": "914", "y": "1692", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.260934347128682, "y": -0.43825342894501773 }, "p1": { "x": 0.4333905063356263, "y": 0.007133769851020943 }, "p2": { "x": -0.260934347128682, "y": 101.80609466350643 } } }, { "ID": "8442", "typeID": "Arrow", "zOrder": "24", "w": "413", "h": "47", "measuredW": "150", "measuredH": "100", "x": "413", "y": "1693", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 0.32780458177427363, "y": 46.53523054117568 }, "p1": { "x": 0.45894348755426007, "y": 0.060942254353755484 }, "p2": { "x": 413.65560916354855, "y": 8.213447334918555 } } }, { "ID": "8443", "typeID": "__group__", "zOrder": "229", "measuredW": "161", "measuredH": "39", "w": "161", "h": "39", "x": "163", "y": "2024", "properties": { "controlName": "101-css-frameworks:js-first:chakra-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "152", "h": "39", "measuredW": "200", "measuredH": "140", "x": "9", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "78", "measuredH": "25", "x": "44", "y": "8", "properties": { "size": "17", "text": "Chakra UI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8444", "typeID": "__group__", "zOrder": "230", "measuredW": "161", "measuredH": "39", "w": "161", "h": "39", "x": "164", "y": "2069", "properties": { "controlName": "105-css-frameworks:js-first:daisy-ui" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "152", "h": "39", "measuredW": "200", "measuredH": "140", "x": "9", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "60", "measuredH": "25", "x": "55", "y": "8", "properties": { "size": "17", "text": "DaisyUI" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8445", "typeID": "Arrow", "zOrder": "23", "w": "2", "h": "235", "measuredW": "150", "measuredH": "100", "x": "382", "y": "1764", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.260934347128682, "y": -0.43825342894501773 }, "p1": { "x": 0.43339050633562626, "y": 0.007133769851020942 }, "p2": { "x": -0.260934347128682, "y": 234.2072671834119 } } }, { "ID": "8446", "typeID": "__group__", "zOrder": "231", "measuredW": "204", "measuredH": "39", "w": "204", "h": "39", "x": "1082", "y": "1985", "properties": { "controlName": "104-testing-your-apps:playwright" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "197", "h": "39", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "78", "measuredH": "25", "x": "60", "y": "7", "properties": { "size": "17", "text": "Playwright" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "180", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "180", "y": "8", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "8447", "typeID": "Arrow", "zOrder": "22", "w": "101", "h": "149", "measuredW": "150", "measuredH": "100", "x": "703", "y": "2096", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 101.26857086849895, "y": 149.1856854072821 }, "p1": { "x": 0.3947497596799731, "y": 0.20168089559184466 }, "p2": { "x": -0.2261244992274669, "y": 0.019239185017340787 } } }, { "ID": "8448", "typeID": "Arrow", "zOrder": "21", "w": "1", "h": "105", "measuredW": "150", "measuredH": "100", "x": "898", "y": "2260", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 1, "y": 105.13396175095886 }, "p1": { "x": 0.47704880470480404, "y": 0.005193614908729857 }, "p2": { "x": 1, "y": 0 } } }, { "ID": "8449", "typeID": "Arrow", "zOrder": "20", "w": "85", "h": "103", "measuredW": "150", "measuredH": "100", "x": "939", "y": "2509", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 84.92109184910282, "y": 103.49072736848984 }, "p1": { "x": 0.414864242982051, "y": -0.092268752876208 }, "p2": { "x": 0.34217904266415644, "y": 0.45823358610095966 } } }, { "ID": "8450", "typeID": "Arrow", "zOrder": "18", "w": "184", "h": "318", "measuredW": "150", "measuredH": "100", "x": "713", "y": "2368", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 183.53647574825027, "y": 318.53383041542565 }, "p1": { "x": 0.4830556042799506, "y": 0.1764076477810915 }, "p2": { "x": 0.5384644034102166, "y": 0.20955858028401053 } } }, { "ID": "8451", "typeID": "Arrow", "zOrder": "17", "w": "112", "h": "38", "measuredW": "150", "measuredH": "100", "x": "686", "y": "2809", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 112.50398196586139, "y": 0.4821067591024075 }, "p1": { "x": 0.5064432989690714, "y": -0.10824742268041054 }, "p2": { "x": 0.2446976954972797, "y": 37.3892687110033 } } }, { "ID": "8452", "typeID": "Arrow", "zOrder": "13", "w": "1", "h": "105", "measuredW": "150", "measuredH": "100", "x": "890", "y": "2691", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 1, "y": 105.13396175095886 }, "p1": { "x": 0.47704880470480404, "y": 0.005193614908729857 }, "p2": { "x": 1, "y": 0 } } } ] }, "attributes": { "name": "New Wireframe 1 copy 2", "order": 1000006.8992828326, "parentID": null, "notes": "" }, "branchID": "Master", "resourceID": "4BE92169-157F-4FC5-8E20-403CBCF7A6C6", "mockupH": "3329", "mockupW": "1172", "measuredW": "1306", "measuredH": "3498", "version": "1.0" }, "groupOffset": { "x": 0, "y": 0 }, "dependencies": [], "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr" }