{ "mockup": { "controls": { "control": [ { "ID": "13757", "typeID": "Arrow", "zOrder": "5", "w": "180", "h": "369", "measuredW": "150", "measuredH": "100", "x": "970", "y": "2700", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 180.33312546195043, "y": 369.1629038835017 }, "p1": { "x": 0.5311058790594242, "y": 0.05504224965971112 }, "p2": { "x": 0.024041521385697706, "y": 0.016603653832135024 } } }, { "ID": "13758", "typeID": "Arrow", "zOrder": "6", "w": "91", "h": "44", "measuredW": "150", "measuredH": "100", "x": "1123", "y": "2418", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 91.2836149319719, "y": -0.42601596895428884 }, "p1": { "x": 0.4807260155574767, "y": 0.1446845289541901 }, "p2": { "x": 0.03815966742740784, "y": 43.87863921953385 } } }, { "ID": "13759", "typeID": "Arrow", "zOrder": "7", "w": "157", "h": "169", "measuredW": "150", "measuredH": "100", "x": "297", "y": "3053", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 157, "y": 0 }, "p1": { "x": 0.4950532381911572, "y": -0.22047666573841107 }, "p2": { "x": 0.3597183695244439, "y": 168.87811359601255 } } }, { "ID": "13760", "typeID": "Arrow", "zOrder": "8", "w": "2", "h": "104", "measuredW": "150", "measuredH": "100", "x": "574", "y": "2949", "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": "13761", "typeID": "Arrow", "zOrder": "9", "w": "159", "h": "4", "measuredW": "150", "measuredH": "100", "x": "675", "y": "3050", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 0.44614540796908386, "y": 3.8064134624410144 }, "p1": { "x": 0.4319942611190816, "y": -0.006169296987087544 }, "p2": { "x": 159.7751756755747, "y": 0 } } }, { "ID": "13762", "typeID": "Arrow", "zOrder": "10", "w": "142", "h": "44", "measuredW": "150", "measuredH": "100", "x": "658", "y": "3001", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.2570801773204039, "y": 43.273907378054446 }, "p1": { "x": 0.4540886815248379, "y": -0.08069525981073665 }, "p2": { "x": 142, "y": 0 } } }, { "ID": "13763", "typeID": "Arrow", "zOrder": "11", "w": "2", "h": "89", "measuredW": "150", "measuredH": "100", "x": "306", "y": "3419", "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": "13764", "typeID": "Arrow", "zOrder": "12", "w": "8", "h": "166", "measuredW": "150", "measuredH": "100", "x": "296", "y": "3241", "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": "13765", "typeID": "__group__", "zOrder": "13", "measuredW": "248", "measuredH": "59", "w": "248", "h": "59", "x": "444", "y": "3021", "properties": { "controlName": "122-desktop-applications" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "241", "h": "50", "measuredW": "200", "measuredH": "140", "x": "7", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "162", "measuredH": "25", "x": "47", "y": "22", "properties": { "size": "17", "text": "Desktop Applications" } }, { "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": "13766", "typeID": "__group__", "zOrder": "14", "measuredW": "196", "measuredH": "41", "w": "196", "h": "41", "x": "785", "y": "2984", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "69", "measuredW": "65", "measuredH": "25", "x": "63", "y": "8", "properties": { "size": "17", "text": "Electron" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "172", "y": "7", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "172", "y": "7", "properties": { "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "13767", "typeID": "__group__", "zOrder": "15", "measuredW": "221", "measuredH": "50", "w": "221", "h": "50", "x": "186", "y": "3209", "properties": { "controlName": "123-bonus-content" }, "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": "115", "measuredH": "25", "x": "58", "y": "12", "properties": { "size": "17", "text": "Bonus Content" } }, { "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": "13768", "typeID": "__group__", "zOrder": "16", "measuredW": "207", "measuredH": "50", "w": "207", "h": "50", "x": "211", "y": "3390", "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": "13770", "typeID": "__group__", "zOrder": "17", "measuredW": "196", "measuredH": "41", "w": "196", "h": "41", "x": "785", "y": "3030", "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": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "38", "measuredH": "25", "x": "75", "y": "8", "properties": { "size": "17", "text": "Tauri" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "172", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "172", "y": "8", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "40463" } } ] } } }, { "ID": "13771", "typeID": "Arrow", "zOrder": "18", "w": "237", "h": "128", "measuredW": "150", "measuredH": "100", "x": "645", "y": "2818", "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": "13772", "typeID": "Arrow", "zOrder": "19", "w": "1", "h": "105", "measuredW": "150", "measuredH": "100", "x": "900", "y": "2701", "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": "13773", "typeID": "Arrow", "zOrder": "20", "w": "120", "h": "182", "measuredW": "150", "measuredH": "100", "x": "1030", "y": "2695", "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": "13774", "typeID": "Arrow", "zOrder": "21", "w": "141", "h": "261", "measuredW": "150", "measuredH": "100", "x": "1000", "y": "2701", "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": "13775", "typeID": "Arrow", "zOrder": "22", "w": "164", "h": "305", "measuredW": "150", "measuredH": "100", "x": "983", "y": "2708", "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": "13776", "typeID": "Arrow", "zOrder": "23", "w": "112", "h": "38", "measuredW": "150", "measuredH": "100", "x": "696", "y": "2819", "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": "13777", "typeID": "Arrow", "zOrder": "24", "w": "184", "h": "318", "measuredW": "150", "measuredH": "100", "x": "723", "y": "2378", "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": "13778", "typeID": "Arrow", "zOrder": "25", "w": "102", "h": "42", "measuredW": "150", "measuredH": "100", "x": "937", "y": "2530", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 102.31552051484277, "y": 41.58416638498966 }, "p1": { "x": 0.4148642429820512, "y": -0.09226875287620818 }, "p2": { "x": -0.17253775814867822, "y": -0.27715319130265925 } } }, { "ID": "13779", "typeID": "Arrow", "zOrder": "26", "w": "108", "h": "88", "measuredW": "150", "measuredH": "100", "x": "935", "y": "2534", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 108.64600185032123, "y": 88.10644863223888 }, "p1": { "x": 0.41486424298205093, "y": -0.09226875287620795 }, "p2": { "x": 0.38396846335854207, "y": 0.05332814417579357 } } }, { "ID": "13780", "typeID": "Arrow", "zOrder": "27", "w": "1", "h": "105", "measuredW": "150", "measuredH": "100", "x": "908", "y": "2270", "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": "13782", "typeID": "Arrow", "zOrder": "28", "w": "2", "h": "235", "measuredW": "150", "measuredH": "100", "x": "392", "y": "1765", "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": "13783", "typeID": "Arrow", "zOrder": "29", "w": "413", "h": "47", "measuredW": "150", "measuredH": "100", "x": "423", "y": "1703", "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": "13784", "typeID": "Arrow", "zOrder": "30", "w": "1", "h": "102", "measuredW": "150", "measuredH": "100", "x": "924", "y": "1702", "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": "13785", "typeID": "Arrow", "zOrder": "31", "w": "130", "h": "172", "measuredW": "150", "measuredH": "100", "x": "980", "y": "1600", "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": "13786", "typeID": "Arrow", "zOrder": "32", "w": "103", "h": "125", "measuredW": "150", "measuredH": "100", "x": "1002", "y": "1600", "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": "13787", "typeID": "Arrow", "zOrder": "33", "w": "88", "h": "71", "measuredW": "150", "measuredH": "100", "x": "1020", "y": "1607", "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": "13788", "typeID": "Arrow", "zOrder": "34", "w": "77", "h": "33", "measuredW": "150", "measuredH": "100", "x": "1039", "y": "1601", "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": "13789", "typeID": "Arrow", "zOrder": "35", "w": "83", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1034", "y": "1583", "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": "13790", "typeID": "Arrow", "zOrder": "36", "w": "250", "h": "78", "measuredW": "150", "measuredH": "100", "x": "299", "y": "1609", "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": "13791", "typeID": "Arrow", "zOrder": "37", "w": "252", "h": "42", "measuredW": "150", "measuredH": "100", "x": "300", "y": "1603", "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": "13792", "typeID": "Arrow", "zOrder": "38", "w": "238", "h": "77", "measuredW": "150", "measuredH": "100", "x": "303", "y": "1495", "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": "13793", "typeID": "Arrow", "zOrder": "39", "w": "244", "h": "41", "measuredW": "150", "measuredH": "100", "x": "293", "y": "1539", "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": "13794", "typeID": "Arrow", "zOrder": "40", "w": "253", "h": "1", "measuredW": "150", "measuredH": "100", "x": "289", "y": "1591", "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": "13795", "typeID": "Arrow", "zOrder": "41", "w": "135", "h": "53", "measuredW": "150", "measuredH": "100", "x": "709", "y": "1544", "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": "13796", "typeID": "Arrow", "zOrder": "42", "w": "119", "h": "59", "measuredW": "150", "measuredH": "100", "x": "719", "y": "1468", "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": "13797", "typeID": "Arrow", "zOrder": "43", "w": "89", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1023", "y": "1479", "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": "13798", "typeID": "Arrow", "zOrder": "44", "w": "100", "h": "41", "measuredW": "150", "measuredH": "100", "x": "1011", "y": "1432", "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": "13799", "typeID": "Arrow", "zOrder": "45", "w": "133", "h": "3", "measuredW": "150", "measuredH": "100", "x": "720", "y": "1535", "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": "13800", "typeID": "__group__", "zOrder": "46", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "821", "y": "1451", "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": "13801", "typeID": "__group__", "zOrder": "47", "measuredW": "155", "measuredH": "40", "w": "155", "h": "40", "x": "1094", "y": "1418", "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": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10066329" } } ] } } }, { "ID": "13802", "typeID": "__group__", "zOrder": "48", "measuredW": "155", "measuredH": "40", "w": "155", "h": "40", "x": "1094", "y": "1463", "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": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10066329" } } ] } } }, { "ID": "13803", "typeID": "Arrow", "zOrder": "49", "w": "94", "h": "177", "measuredW": "150", "measuredH": "100", "x": "514", "y": "1364", "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": "13804", "typeID": "Arrow", "zOrder": "50", "w": "144", "h": "47", "measuredW": "150", "measuredH": "100", "x": "303", "y": "1373", "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": "13805", "typeID": "Arrow", "zOrder": "51", "w": "131", "h": "101", "measuredW": "150", "measuredH": "100", "x": "310", "y": "1144", "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": "13806", "typeID": "Arrow", "zOrder": "52", "w": "140", "h": "56", "measuredW": "150", "measuredH": "100", "x": "304", "y": "1198", "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": "13807", "typeID": "Arrow", "zOrder": "53", "w": "167", "h": "7", "measuredW": "150", "measuredH": "100", "x": "291", "y": "1257", "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": "13808", "typeID": "Arrow", "zOrder": "54", "w": "130", "h": "1", "measuredW": "150", "measuredH": "100", "x": "321", "y": "1312", "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": "13810", "typeID": "Arrow", "zOrder": "55", "w": "105", "h": "43", "measuredW": "150", "measuredH": "100", "x": "1022", "y": "2219", "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": "13811", "typeID": "Arrow", "zOrder": "56", "w": "128", "h": "9", "measuredW": "150", "measuredH": "100", "x": "1010", "y": "2265", "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": "13812", "typeID": "Arrow", "zOrder": "57", "w": "129", "h": "34", "measuredW": "150", "measuredH": "100", "x": "1011", "y": "2280", "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": "13813", "typeID": "Arrow", "zOrder": "58", "w": "209", "h": "108", "measuredW": "150", "measuredH": "100", "x": "633", "y": "1594", "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": "13814", "typeID": "Arrow", "zOrder": "59", "w": "90", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1023", "y": "1531", "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": "13815", "typeID": "Arrow", "zOrder": "60", "w": "160", "h": "3", "measuredW": "150", "measuredH": "100", "x": "293", "y": "1363", "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": "13816", "typeID": "Arrow", "zOrder": "61", "w": "1", "h": "123", "measuredW": "150", "measuredH": "100", "x": "887", "y": "1122", "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": "13817", "typeID": "Arrow", "zOrder": "62", "w": "211", "h": "128", "measuredW": "150", "measuredH": "100", "x": "522", "y": "1125", "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": "13818", "typeID": "__group__", "zOrder": "63", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "164", "y": "1177", "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": "13819", "typeID": "Arrow", "zOrder": "64", "w": "109", "h": "161", "measuredW": "150", "measuredH": "100", "x": "758", "y": "941", "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": "13820", "typeID": "Arrow", "zOrder": "65", "w": "1", "h": "77", "measuredW": "150", "measuredH": "100", "x": "1124", "y": "944", "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": "13821", "typeID": "Arrow", "zOrder": "66", "w": "85", "h": "3", "measuredW": "150", "measuredH": "100", "x": "855", "y": "928", "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": "13822", "typeID": "Arrow", "zOrder": "67", "w": "2", "h": "74", "measuredW": "150", "measuredH": "100", "x": "632", "y": "934", "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": "13823", "typeID": "Arrow", "zOrder": "68", "w": "120", "h": "3", "measuredW": "150", "measuredH": "100", "x": "782", "y": "716", "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": "13824", "typeID": "Arrow", "zOrder": "69", "w": "108", "h": "5", "measuredW": "150", "measuredH": "100", "x": "793", "y": "663", "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": "13825", "typeID": "Arrow", "zOrder": "70", "w": "100", "h": "45", "measuredW": "150", "measuredH": "100", "x": "793", "y": "617", "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": "13826", "typeID": "Arrow", "zOrder": "71", "w": "40", "h": "139", "measuredW": "150", "measuredH": "100", "x": "666", "y": "500", "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": "13827", "typeID": "Arrow", "zOrder": "72", "w": "151", "h": "29", "measuredW": "150", "measuredH": "100", "x": "747", "y": "492", "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": "13828", "typeID": "Arrow", "zOrder": "73", "w": "153", "h": "13", "measuredW": "150", "measuredH": "100", "x": "749", "y": "475", "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": "13829", "typeID": "Arrow", "zOrder": "74", "h": "60", "measuredW": "150", "measuredH": "100", "x": "747", "y": "426", "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": "13830", "typeID": "Arrow", "zOrder": "75", "w": "134", "h": "36", "measuredW": "150", "measuredH": "100", "x": "457", "y": "493", "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": "13831", "typeID": "Arrow", "zOrder": "76", "w": "131", "h": "9", "measuredW": "150", "measuredH": "100", "x": "457", "y": "480", "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": "13832", "typeID": "Arrow", "zOrder": "77", "w": "143", "h": "53", "measuredW": "150", "measuredH": "100", "x": "447", "y": "433", "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": "13833", "typeID": "Arrow", "zOrder": "78", "w": "45", "h": "139", "measuredW": "150", "measuredH": "100", "x": "644", "y": "337", "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": "13834", "typeID": "HRule", "zOrder": "79", "measuredW": "100", "measuredH": "10", "x": "1146", "y": "764", "properties": { "color": "10027263", "stroke": "dotted" } }, { "ID": "13835", "typeID": "Arrow", "zOrder": "80", "w": "71", "h": "134", "measuredW": "150", "measuredH": "100", "x": "656", "y": "775", "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": "13836", "typeID": "Arrow", "zOrder": "81", "w": "130", "h": "213", "measuredW": "150", "measuredH": "100", "x": "438", "y": "786", "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": "13837", "typeID": "Arrow", "zOrder": "82", "w": "110", "h": "157", "measuredW": "150", "measuredH": "100", "x": "452", "y": "779", "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": "13838", "typeID": "Arrow", "zOrder": "83", "w": "119", "h": "120", "measuredW": "150", "measuredH": "100", "x": "444", "y": "772", "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": "13839", "typeID": "Arrow", "zOrder": "84", "w": "128", "h": "82", "measuredW": "150", "measuredH": "100", "x": "439", "y": "761", "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": "13840", "typeID": "Arrow", "zOrder": "85", "w": "123", "h": "34", "measuredW": "150", "measuredH": "100", "x": "439", "y": "763", "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": "13841", "typeID": "Arrow", "zOrder": "86", "w": "106", "h": "99", "measuredW": "150", "measuredH": "100", "x": "794", "y": "723", "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": "13842", "typeID": "Arrow", "zOrder": "87", "w": "109", "h": "54", "measuredW": "150", "measuredH": "100", "x": "791", "y": "717", "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": "13843", "typeID": "Arrow", "zOrder": "88", "w": "111", "h": "59", "measuredW": "150", "measuredH": "100", "x": "442", "y": "589", "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": "13844", "typeID": "Arrow", "zOrder": "89", "w": "112", "h": "58", "measuredW": "150", "measuredH": "100", "x": "440", "y": "671", "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": "13845", "typeID": "Arrow", "zOrder": "90", "w": "112", "h": "23", "measuredW": "150", "measuredH": "100", "x": "444", "y": "661", "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": "13846", "typeID": "Arrow", "zOrder": "91", "w": "120", "h": "20", "measuredW": "150", "measuredH": "100", "x": "441", "y": "638", "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": "13847", "typeID": "Arrow", "zOrder": "92", "w": "19", "h": "80", "measuredW": "150", "measuredH": "100", "x": "731", "y": "196", "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": "13848", "typeID": "__group__", "zOrder": "93", "measuredW": "250", "measuredH": "55", "w": "250", "h": "55", "x": "553", "y": "629", "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": "13849", "typeID": "__group__", "zOrder": "94", "measuredW": "144", "measuredH": "40", "w": "144", "h": "40", "x": "634", "y": "283", "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": "13850", "typeID": "__group__", "zOrder": "95", "measuredW": "304", "measuredH": "47", "w": "304", "h": "47", "x": "162", "y": "562", "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": "13851", "typeID": "__group__", "zOrder": "96", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "162", "y": "611", "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": "13852", "typeID": "__group__", "zOrder": "97", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "162", "y": "657", "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": "13853", "typeID": "__group__", "zOrder": "98", "measuredW": "304", "measuredH": "49", "w": "304", "h": "49", "x": "162", "y": "700", "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": "13854", "typeID": "__group__", "zOrder": "99", "measuredW": "250", "measuredH": "50", "w": "250", "h": "50", "x": "553", "y": "691", "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": "13855", "typeID": "__group__", "zOrder": "100", "measuredW": "123", "measuredH": "193", "w": "123", "h": "193", "x": "1193", "y": "662", "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": "13856", "typeID": "__group__", "zOrder": "101", "measuredW": "289", "measuredH": "47", "w": "289", "h": "47", "x": "885", "y": "689", "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": "13857", "typeID": "__group__", "zOrder": "102", "measuredW": "290", "measuredH": "51", "w": "290", "h": "51", "x": "884", "y": "738", "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": "13858", "typeID": "Canvas", "zOrder": "103", "w": "350", "h": "141", "measuredW": "100", "measuredH": "70", "x": "943", "y": "179" }, { "ID": "13859", "typeID": "Label", "zOrder": "104", "measuredW": "314", "measuredH": "25", "x": "957", "y": "196", "properties": { "size": "17", "text": "Find the detailed version of this roadmap" } }, { "ID": "13860", "typeID": "Label", "zOrder": "105", "measuredW": "319", "measuredH": "25", "x": "957", "y": "224", "properties": { "size": "17", "text": "along with resources and other roadmaps" } }, { "ID": "13861", "typeID": "__group__", "zOrder": "106", "measuredW": "288", "measuredH": "45", "w": "288", "h": "45", "x": "884", "y": "793", "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": "13862", "typeID": "__group__", "zOrder": "107", "measuredW": "250", "measuredH": "50", "w": "250", "h": "50", "x": "553", "y": "748", "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": "13863", "typeID": "__group__", "zOrder": "108", "measuredW": "304", "measuredH": "48", "w": "304", "h": "48", "x": "162", "y": "763", "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": "13864", "typeID": "__group__", "zOrder": "109", "measuredW": "305", "measuredH": "45", "w": "305", "h": "45", "x": "162", "y": "812", "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": "13865", "typeID": "__group__", "zOrder": "110", "measuredW": "305", "measuredH": "117", "w": "305", "h": "117", "x": "161", "y": "957", "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": "13866", "typeID": "__group__", "zOrder": "111", "measuredW": "304", "measuredH": "45", "w": "304", "h": "45", "x": "162", "y": "859", "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": "13867", "typeID": "__group__", "zOrder": "112", "measuredW": "305", "measuredH": "47", "w": "305", "h": "47", "x": "161", "y": "905", "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": "13868", "typeID": "__group__", "zOrder": "113", "measuredW": "320", "measuredH": "45", "w": "320", "h": "45", "x": "958", "y": "260", "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": "45", "measuredH": "28", "x": "65", "y": "8", "properties": { "color": "16777215", "size": "20", "text": "https" } }, { "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": "13869", "typeID": "__group__", "zOrder": "114", "measuredW": "187", "measuredH": "60", "w": "187", "h": "60", "x": "574", "y": "449", "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": "13870", "typeID": "__group__", "zOrder": "115", "measuredW": "306", "measuredH": "53", "w": "306", "h": "53", "x": "163", "y": "401", "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": "13871", "typeID": "__group__", "zOrder": "116", "measuredW": "307", "measuredH": "47", "w": "307", "h": "47", "x": "162", "y": "453", "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": "13872", "typeID": "__group__", "zOrder": "117", "measuredW": "307", "measuredH": "48", "w": "307", "h": "48", "x": "162", "y": "498", "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": "13873", "typeID": "__group__", "zOrder": "118", "measuredW": "289", "measuredH": "49", "w": "289", "h": "49", "x": "885", "y": "398", "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": "13874", "typeID": "__group__", "zOrder": "119", "measuredW": "289", "measuredH": "45", "w": "289", "h": "45", "x": "884", "y": "448", "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": "13875", "typeID": "__group__", "zOrder": "120", "measuredW": "288", "measuredH": "46", "w": "288", "h": "46", "x": "885", "y": "493", "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": "13876", "typeID": "__group__", "zOrder": "121", "measuredW": "288", "measuredH": "48", "w": "288", "h": "48", "x": "885", "y": "591", "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": "13877", "typeID": "__group__", "zOrder": "122", "measuredW": "289", "measuredH": "46", "w": "289", "h": "46", "x": "885", "y": "640", "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": "13878", "typeID": "__group__", "zOrder": "123", "measuredW": "225", "measuredH": "62", "w": "225", "h": "62", "x": "523", "y": "982", "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": "13879", "typeID": "__group__", "zOrder": "124", "measuredW": "240", "measuredH": "58", "w": "240", "h": "58", "x": "1004", "y": "984", "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": "13880", "typeID": "__group__", "zOrder": "125", "measuredW": "352", "measuredH": "78", "w": "352", "h": "78", "x": "895", "y": "892", "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": "13881", "typeID": "__group__", "zOrder": "126", "measuredW": "336", "measuredH": "77", "w": "336", "h": "77", "x": "532", "y": "892", "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": "13882", "typeID": "__group__", "zOrder": "127", "measuredW": "211", "measuredH": "53", "w": "211", "h": "53", "x": "425", "y": "1229", "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": "13883", "typeID": "__group__", "zOrder": "128", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "164", "y": "1124", "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": "13884", "typeID": "__group__", "zOrder": "129", "measuredW": "238", "measuredH": "54", "w": "238", "h": "54", "x": "1006", "y": "1100", "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": "13885", "typeID": "__group__", "zOrder": "130", "measuredW": "238", "measuredH": "55", "w": "238", "h": "55", "x": "1006", "y": "1043", "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": "13886", "typeID": "__group__", "zOrder": "131", "measuredW": "381", "measuredH": "62", "w": "381", "h": "62", "x": "574", "y": "1075", "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": "13887", "typeID": "__group__", "zOrder": "132", "measuredW": "408", "measuredH": "162", "w": "408", "h": "162", "x": "161", "y": "193", "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": "13888", "typeID": "TextArea", "zOrder": "133", "w": "456", "h": "161", "measuredW": "200", "measuredH": "140", "x": "786", "y": "1174" }, { "ID": "13889", "typeID": "__group__", "zOrder": "134", "measuredW": "163", "measuredH": "48", "w": "163", "h": "48", "x": "801", "y": "1273", "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": "13890", "typeID": "__group__", "zOrder": "135", "measuredW": "166", "measuredH": "49", "w": "166", "h": "49", "x": "800", "y": "1218", "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": "13891", "typeID": "__group__", "zOrder": "136", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "971", "y": "1218", "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": "13892", "typeID": "__group__", "zOrder": "137", "measuredW": "257", "measuredH": "49", "w": "257", "h": "49", "x": "971", "y": "1272", "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": "13893", "typeID": "Label", "zOrder": "138", "w": "372", "measuredW": "344", "measuredH": "25", "x": "802", "y": "1187", "properties": { "size": "17", "text": "Get at least a basic knowledge of all of these" } }, { "ID": "13894", "typeID": "__group__", "zOrder": "139", "measuredW": "24", "measuredH": "24", "w": "24", "h": "24", "x": "1228", "y": "1165", "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": "13895", "typeID": "Arrow", "zOrder": "140", "w": "117", "h": "1", "measuredW": "150", "measuredH": "100", "x": "687", "y": "2804", "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": "13896", "typeID": "Arrow", "zOrder": "141", "w": "158", "h": "72", "measuredW": "150", "measuredH": "100", "x": "296", "y": "2858", "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": "13897", "typeID": "Arrow", "zOrder": "142", "w": "133", "h": "223", "measuredW": "150", "measuredH": "100", "x": "1017", "y": "2698", "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": "13898", "typeID": "Arrow", "zOrder": "143", "w": "112", "h": "137", "measuredW": "150", "measuredH": "100", "x": "1043", "y": "2701", "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": "13899", "typeID": "__group__", "zOrder": "144", "measuredW": "216", "measuredH": "50", "w": "216", "h": "50", "x": "424", "y": "1344", "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": "13900", "typeID": "Arrow", "zOrder": "145", "w": "107", "h": "93", "measuredW": "150", "measuredH": "100", "x": "1049", "y": "2697", "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": "13901", "typeID": "Arrow", "zOrder": "146", "w": "100", "h": "48", "measuredW": "150", "measuredH": "100", "x": "1052", "y": "2692", "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": "13902", "typeID": "Arrow", "zOrder": "147", "w": "115", "h": "6", "measuredW": "150", "measuredH": "100", "x": "1038", "y": "2689", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 115, "y": 6 }, "p1": { "x": 0.5359734790789354, "y": 0.012722874294418285 }, "p2": { "x": 0.4352964490888098, "y": -0.2504109310075364 } } }, { "ID": "13903", "typeID": "__group__", "zOrder": "148", "measuredW": "213", "measuredH": "50", "w": "213", "h": "50", "x": "425", "y": "1288", "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": "13904", "typeID": "__group__", "zOrder": "149", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "163", "y": "1293", "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": "13905", "typeID": "Arrow", "zOrder": "150", "w": "180", "h": "45", "measuredW": "150", "measuredH": "100", "x": "290", "y": "2952", "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": "13906", "typeID": "Arrow", "zOrder": "151", "w": "106", "h": "1", "measuredW": "150", "measuredH": "100", "x": "947", "y": "2521", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 106, "y": 1 }, "p1": { "x": 0.4835193355826628, "y": 0.007267064624967598 }, "p2": { "x": -0.0680813086987655, "y": 0.06188413774043511 } } }, { "ID": "13907", "typeID": "__group__", "zOrder": "152", "measuredW": "211", "measuredH": "50", "w": "211", "h": "50", "x": "526", "y": "1510", "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": "13908", "typeID": "Arrow", "zOrder": "153", "w": "1", "h": "86", "measuredW": "150", "measuredH": "100", "x": "564", "y": "2381", "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": "13909", "typeID": "Arrow", "zOrder": "154", "w": "177", "h": "1", "measuredW": "150", "measuredH": "100", "x": "368", "y": "2371", "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": "13910", "typeID": "__group__", "zOrder": "155", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "821", "y": "1507", "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": "13911", "typeID": "Arrow", "zOrder": "156", "w": "116", "h": "1", "measuredW": "150", "measuredH": "100", "x": "739", "y": "2370", "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": "13912", "typeID": "__group__", "zOrder": "157", "measuredW": "156", "measuredH": "45", "w": "156", "h": "45", "x": "1094", "y": "1511", "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": "13913", "typeID": "Arrow", "zOrder": "158", "w": "239", "h": "239", "measuredW": "150", "measuredH": "100", "x": "474", "y": "1771", "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": "13914", "typeID": "Arrow", "zOrder": "159", "w": "191", "h": "5", "measuredW": "150", "measuredH": "100", "x": "923", "y": "2049", "properties": { "color": "10027263", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 190.5, "y": -0.5 }, "p1": { "x": 0.4934109968191019, "y": -0.001156690213574586 }, "p2": { "x": 0, "y": 4 } } }, { "ID": "13915", "typeID": "__group__", "zOrder": "160", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1094", "y": "1657", "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": "13916", "typeID": "__group__", "zOrder": "161", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1094", "y": "1702", "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": "13917", "typeID": "__group__", "zOrder": "162", "measuredW": "158", "measuredH": "40", "w": "158", "h": "40", "x": "1094", "y": "1748", "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": "13918", "typeID": "__group__", "zOrder": "163", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "822", "y": "1564", "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": "13919", "typeID": "Arrow", "zOrder": "164", "w": "119", "h": "1", "measuredW": "150", "measuredH": "100", "x": "1000", "y": "2372", "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": "13920", "typeID": "__group__", "zOrder": "165", "measuredW": "213", "measuredH": "53", "w": "213", "h": "53", "x": "524", "y": "1565", "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": "13921", "typeID": "__group__", "zOrder": "166", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "164", "y": "1479", "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": "13922", "typeID": "__group__", "zOrder": "167", "measuredW": "153", "measuredH": "40", "w": "153", "h": "40", "x": "162", "y": "1525", "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": "13923", "typeID": "__group__", "zOrder": "168", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "161", "y": "1571", "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": "13924", "typeID": "Arrow", "zOrder": "169", "w": "97", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1139", "y": "2473", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 96.5324984379306, "y": 0 }, "p1": { "x": 0.4835193355826628, "y": 0.007267064624967576 }, "p2": { "x": -0.0834087691514469, "y": 1.8700832259696654 } } }, { "ID": "13925", "typeID": "__group__", "zOrder": "170", "measuredW": "203", "measuredH": "50", "w": "203", "h": "50", "x": "818", "y": "1682", "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": "13926", "typeID": "Arrow", "zOrder": "171", "w": "65", "h": "4", "measuredW": "150", "measuredH": "100", "x": "1145", "y": "2520", "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": "13927", "typeID": "Arrow", "zOrder": "172", "w": "65", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1146", "y": "2570", "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": "13928", "typeID": "__group__", "zOrder": "173", "measuredW": "211", "measuredH": "40", "w": "211", "h": "40", "x": "819", "y": "1774", "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": "13929", "typeID": "__group__", "zOrder": "174", "measuredW": "212", "measuredH": "40", "w": "212", "h": "40", "x": "819", "y": "1819", "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": "13930", "typeID": "Arrow", "zOrder": "175", "w": "179", "h": "2", "measuredW": "150", "measuredH": "100", "x": "290", "y": "2945", "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": "13931", "typeID": "Arrow", "zOrder": "176", "w": "161", "h": "34", "measuredW": "150", "measuredH": "100", "x": "296", "y": "2902", "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": "13932", "typeID": "__group__", "zOrder": "177", "measuredW": "210", "measuredH": "40", "w": "210", "h": "40", "x": "819", "y": "1909", "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": "13933", "typeID": "__group__", "zOrder": "178", "measuredW": "175", "measuredH": "41", "w": "175", "h": "41", "x": "540", "y": "2783", "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": "13934", "typeID": "__group__", "zOrder": "179", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "793", "y": "2656", "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": "13935", "typeID": "__group__", "zOrder": "180", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1143", "y": "2811", "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": "13936", "typeID": "__group__", "zOrder": "181", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1143", "y": "2765", "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": "13937", "typeID": "__group__", "zOrder": "182", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1141", "y": "2998", "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": "13938", "typeID": "__group__", "zOrder": "183", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "1141", "y": "2858", "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": "13939", "typeID": "__group__", "zOrder": "184", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1141", "y": "2904", "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": "13940", "typeID": "__group__", "zOrder": "185", "measuredW": "212", "measuredH": "50", "w": "212", "h": "50", "x": "287", "y": "1734", "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": "13941", "typeID": "__group__", "zOrder": "186", "measuredW": "335", "measuredH": "137", "w": "335", "h": "137", "x": "165", "y": "2051", "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", "properties": { "color": "14540253" } }, { "ID": "2", "typeID": "Label", "zOrder": "1", "measuredW": "150", "measuredH": "24", "x": "154", "y": "17", "properties": { "size": "16", "text": "CSS first frameworks" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", "measuredW": "145", "measuredH": "24", "x": "154", "y": "44", "properties": { "size": "16", "text": "that don't come with" } }, { "ID": "4", "typeID": "Label", "zOrder": "3", "measuredW": "99", "measuredH": "24", "x": "154", "y": "71", "properties": { "size": "16", "text": "JS framework" } }, { "ID": "5", "typeID": "Label", "zOrder": "4", "measuredW": "166", "measuredH": "24", "x": "153", "y": "98", "properties": { "size": "16", "text": "components by default." } } ] } } }, { "ID": "13942", "typeID": "__group__", "zOrder": "187", "measuredW": "127", "measuredH": "52", "w": "127", "h": "52", "x": "181", "y": "2066", "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": "0", "properties": { "color": "14540253" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "81", "measuredW": "75", "measuredH": "25", "x": "27", "y": "13", "properties": { "size": "17", "text": "Bootstrap" } } ] } } }, { "ID": "13943", "typeID": "__group__", "zOrder": "188", "measuredW": "127", "measuredH": "49", "w": "127", "h": "49", "x": "181", "y": "2123", "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": "0", "properties": { "color": "14540253" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "50", "measuredW": "49", "measuredH": "25", "x": "39", "y": "12", "properties": { "size": "17", "text": "Bulma" } } ] } } }, { "ID": "13948", "typeID": "__group__", "zOrder": "189", "measuredW": "232", "measuredH": "276", "w": "232", "h": "276", "x": "1078", "y": "1872", "properties": { "controlName": "115-testing-your-apps" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "232", "h": "276", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", "w": "185", "measuredW": "185", "measuredH": "24", "x": "18", "y": "208", "properties": { "text": "You can fill all your testing", "size": "16" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", "w": "155", "measuredW": "155", "measuredH": "24", "x": "18", "y": "230", "properties": { "text": "needs with just these.", "size": "16" } } ] } } }, { "ID": "13949", "typeID": "__group__", "zOrder": "190", "measuredW": "207", "measuredH": "40", "w": "207", "h": "40", "x": "1094", "y": "1932", "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": "13951", "typeID": "__group__", "zOrder": "191", "measuredW": "205", "measuredH": "40", "w": "205", "h": "40", "x": "1095", "y": "1888", "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": "13952", "typeID": "__group__", "zOrder": "192", "measuredW": "205", "measuredH": "39", "w": "205", "h": "39", "x": "1094", "y": "1977", "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": "13953", "typeID": "__group__", "zOrder": "193", "measuredW": "405", "measuredH": "158", "w": "405", "h": "158", "x": "619", "y": "1990", "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": "286", "measuredH": "25", "x": "21", "y": "115", "properties": { "size": "17", "text": "them with the tools listed on the right." } }, { "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": "13954", "typeID": "__group__", "zOrder": "194", "measuredW": "234", "measuredH": "60", "w": "234", "h": "60", "x": "794", "y": "2338", "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": "13955", "typeID": "__group__", "zOrder": "195", "measuredW": "206", "measuredH": "48", "w": "206", "h": "48", "x": "1105", "y": "2344", "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": "13956", "typeID": "__group__", "zOrder": "196", "measuredW": "247", "measuredH": "61", "w": "247", "h": "61", "x": "506", "y": "2335", "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": "13958", "typeID": "__group__", "zOrder": "211", "measuredW": "269", "measuredH": "290", "w": "269", "h": "290", "x": "398", "y": "2445", "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": "13959", "typeID": "__group__", "zOrder": "212", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", "x": "682", "y": "2489", "properties": { "controlName": "118-server-side-rendering" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "278", "h": "50", "measuredW": "200", "measuredH": "140", "x": "7", "y": "9", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "225", "measuredH": "25", "x": "29", "y": "22", "properties": { "size": "17", "text": "Server Side Rendering (SSR)" } }, { "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": "13960", "typeID": "__group__", "zOrder": "213", "measuredW": "125", "measuredH": "41", "w": "125", "h": "41", "x": "1035", "y": "2453", "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": "13961", "typeID": "__group__", "zOrder": "214", "measuredW": "116", "measuredH": "41", "w": "116", "h": "41", "x": "1197", "y": "2452", "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": "13962", "typeID": "__group__", "zOrder": "215", "measuredW": "127", "measuredH": "41", "w": "127", "h": "41", "x": "1035", "y": "2502", "properties": { "controlName": "101-server-side-rendering:angular" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "119", "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": "35", "y": "8", "properties": { "size": "17", "text": "Angular" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "13963", "typeID": "__group__", "zOrder": "216", "measuredW": "121", "measuredH": "41", "w": "121", "h": "41", "x": "1194", "y": "2502", "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": "13964", "typeID": "__group__", "zOrder": "217", "measuredW": "127", "measuredH": "41", "w": "127", "h": "41", "x": "1037", "y": "2551", "properties": { "controlName": "102-server-side-rendering:vue-js" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "118", "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": "37", "y": "8", "properties": { "text": "Vue.js", "size": "17" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "103", "y": "9", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "13965", "typeID": "__group__", "zOrder": "218", "measuredW": "122", "measuredH": "41", "w": "122", "h": "41", "x": "1192", "y": "2551", "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": "13966", "typeID": "__group__", "zOrder": "219", "measuredW": "220", "measuredH": "59", "w": "220", "h": "59", "x": "447", "y": "2909", "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": "13967", "typeID": "__group__", "zOrder": "220", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "147", "y": "2834", "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": "13968", "typeID": "__group__", "zOrder": "221", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "156", "y": "2974", "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": "13969", "typeID": "__group__", "zOrder": "222", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "146", "y": "2881", "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": "13970", "typeID": "__group__", "zOrder": "223", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1141", "y": "2950", "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": "13971", "typeID": "__group__", "zOrder": "224", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "156", "y": "2928", "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": "13972", "typeID": "__group__", "zOrder": "225", "measuredW": "152", "measuredH": "50", "w": "152", "h": "50", "x": "792", "y": "2783", "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": "13973", "typeID": "__group__", "zOrder": "226", "measuredW": "175", "measuredH": "41", "w": "175", "h": "41", "x": "541", "y": "2830", "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": "13974", "typeID": "__group__", "zOrder": "227", "measuredW": "238", "measuredH": "60", "w": "238", "h": "60", "x": "802", "y": "2233", "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": "13975", "typeID": "__group__", "zOrder": "228", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1117", "y": "2201", "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": "13976", "typeID": "__group__", "zOrder": "229", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1117", "y": "2247", "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": "13977", "typeID": "__group__", "zOrder": "230", "measuredW": "199", "measuredH": "40", "w": "199", "h": "40", "x": "1117", "y": "2292", "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": "13978", "typeID": "__group__", "zOrder": "231", "measuredW": "156", "measuredH": "43", "w": "156", "h": "43", "x": "159", "y": "1393", "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": "13979", "typeID": "__group__", "zOrder": "232", "measuredW": "156", "measuredH": "41", "w": "156", "h": "41", "x": "159", "y": "1346", "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": "13980", "typeID": "__group__", "zOrder": "233", "measuredW": "212", "measuredH": "40", "w": "212", "h": "40", "x": "819", "y": "1864", "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": "13981", "typeID": "__group__", "zOrder": "234", "measuredW": "159", "measuredH": "40", "w": "159", "h": "40", "x": "1093", "y": "1612", "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": "13982", "typeID": "__group__", "zOrder": "235", "measuredW": "159", "measuredH": "40", "w": "159", "h": "40", "x": "1093", "y": "1567", "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": "13984", "typeID": "__group__", "zOrder": "236", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1142", "y": "2675", "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": "13985", "typeID": "__group__", "zOrder": "237", "measuredW": "158", "measuredH": "49", "w": "158", "h": "49", "x": "163", "y": "1231", "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": "13986", "typeID": "__group__", "zOrder": "238", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "161", "y": "1617", "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": "13987", "typeID": "__group__", "zOrder": "239", "measuredW": "152", "measuredH": "40", "w": "152", "h": "40", "x": "161", "y": "1663", "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": "13990", "typeID": "__group__", "zOrder": "240", "measuredW": "204", "measuredH": "39", "w": "204", "h": "39", "x": "1092", "y": "2021", "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": "13991", "typeID": "__group__", "zOrder": "241", "measuredW": "116", "measuredH": "41", "w": "116", "h": "41", "x": "1197", "y": "2405", "properties": { "controlName": "101-server-side-rendering:react-js:remix" }, "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": "49", "measuredH": "25", "x": "28", "y": "8", "properties": { "size": "17", "text": "Remix" } }, { "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": "13992", "typeID": "__group__", "zOrder": "242", "measuredW": "159", "measuredH": "41", "w": "159", "h": "41", "x": "1141", "y": "3044", "properties": { "controlName": "103-static-site-generators:remix" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "148", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "49", "measuredH": "25", "x": "49", "y": "8", "properties": { "size": "17", "text": "Remix" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "135", "y": "9", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "135", "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "3700253" } } ] } } }, { "ID": "13993", "typeID": "__group__", "zOrder": "243", "measuredW": "196", "measuredH": "41", "w": "196", "h": "41", "x": "785", "y": "3076", "properties": { "controlName": "102-desktop-applications:flutter" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "188", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "50", "measuredH": "25", "x": "69", "y": "8", "properties": { "size": "17", "text": "Flutter" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "172", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "172", "y": "8", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "40463" } } ] } } }, { "ID": "13994", "typeID": "Arrow", "zOrder": "4", "w": "122", "h": "32", "measuredW": "150", "measuredH": "100", "x": "675", "y": "3068", "properties": { "color": "2848996", "curvature": "0", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": -0.2570801773204039, "y": 0.27390737805444587 }, "p1": { "x": 0.490691474468782, "y": 0.06808089415982024 }, "p2": { "x": 121.64515133802809, "y": 32.10715730089032 } } }, { "ID": "13995", "typeID": "__group__", "zOrder": "244", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", "x": "1143", "y": "2720", "properties": { "controlName": "106-static-site-generators:astro" }, "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": "39", "measuredH": "25", "x": "54", "y": "8", "properties": { "size": "17", "text": "Astro" } }, { "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": "10027263" } } ] } } }, { "ID": "13996", "typeID": "__group__", "zOrder": "245", "measuredW": "128", "measuredH": "40", "w": "128", "h": "40", "x": "1037", "y": "2601", "properties": { "controlName": "103-server-side-rendering:svelte" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "119", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "48", "measuredH": "25", "x": "36", "y": "7", "properties": { "size": "17", "text": "Svelte" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "104", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "104", "y": "8", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "104", "y": "8", "properties": { "color": "3700253", "icon": { "ID": "check-circle", "size": "small" } } } ] } } }, { "ID": "13997", "typeID": "Arrow", "zOrder": "3", "w": "101", "h": "39", "measuredW": "150", "measuredH": "100", "x": "945", "y": "2471", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { "x": 101.53298940730701, "y": -0.4603981095092422 }, "p1": { "x": 0.5036496350364975, "y": 0.06360792492179564 }, "p2": { "x": 0.4884249128083411, "y": 38.51393390979774 } } }, { "ID": "13998", "typeID": "__group__", "zOrder": "246", "measuredW": "122", "measuredH": "41", "w": "122", "h": "41", "x": "1193", "y": "2600", "properties": { "controlName": "100-server-side-rendering:svelte:svelte-kit" }, "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", "measuredW": "73", "measuredH": "25", "x": "17", "y": "8", "properties": { "size": "17", "text": "Svelte Kit" } }, { "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": "13999", "typeID": "Arrow", "zOrder": "2", "w": "65", "h": "2", "measuredW": "150", "measuredH": "100", "x": "1146", "y": "2621", "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": "14000", "typeID": "Arrow", "zOrder": "1", "w": "179", "h": "123", "measuredW": "150", "measuredH": "100", "x": "527", "y": "2126", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": -0.2145043524983521, "y": 123.4387467621832 }, "p1": { "x": 0.5230101676333169, "y": -0.19478326314466354 }, "p2": { "x": 179, "y": 0 } } }, { "ID": "14001", "typeID": "__group__", "zOrder": "247", "measuredW": "411", "measuredH": "87", "w": "411", "h": "87", "x": "146", "y": "2215", "properties": { "controlName": "116-auth-strategies" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "401", "h": "87", "measuredW": "200", "measuredH": "140", "x": "10", "y": "0", "properties": { "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "227", "measuredH": "28", "x": "97", "y": "16", "properties": { "size": "20", "text": "Authentication Strategies" } }, { "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", "y": "34", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "34", "properties": { "icon": { "ID": "check-circle", "size": "small" }, "color": "10027263" } }, { "ID": "4", "typeID": "Label", "zOrder": "4", "measuredW": "353", "measuredH": "25", "x": "34", "y": "46", "properties": { "size": "17", "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc" } } ] } } }, { "ID": "14002", "typeID": "Arrow", "zOrder": "0", "w": "309", "h": "4", "measuredW": "150", "measuredH": "100", "x": "533", "y": "2269", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 309, "y": 0 }, "p1": { "x": 0.47704880470480404, "y": 0.005193614908729892 }, "p2": { "x": 0.25353038260061567, "y": 3.4362035980902874 } } }, { "ID": "14006", "typeID": "__group__", "zOrder": "248", "measuredW": "333", "measuredH": "228", "w": "333", "h": "228", "x": "166", "y": "1814", "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": "14007", "typeID": "__group__", "zOrder": "249", "measuredW": "145", "measuredH": "40", "w": "145", "h": "40", "x": "342", "y": "1830", "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": "14008", "typeID": "__group__", "zOrder": "250", "measuredW": "150", "measuredH": "37", "w": "150", "h": "37", "x": "342", "y": "1877", "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": "14009", "typeID": "__group__", "zOrder": "251", "measuredW": "157", "measuredH": "39", "w": "157", "h": "39", "x": "178", "y": "1831", "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": "14010", "typeID": "__group__", "zOrder": "252", "measuredW": "149", "measuredH": "37", "w": "149", "h": "37", "x": "342", "y": "1922", "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": "14011", "typeID": "__group__", "zOrder": "253", "measuredW": "161", "measuredH": "39", "w": "161", "h": "39", "x": "174", "y": "1876", "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": "14012", "typeID": "__group__", "zOrder": "254", "measuredW": "161", "measuredH": "39", "w": "161", "h": "39", "x": "175", "y": "1921", "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": "14013", "typeID": "Canvas", "zOrder": "197", "w": "228", "h": "428", "measuredW": "100", "measuredH": "70", "x": "153", "y": "2349" }, { "ID": "14022", "typeID": "Label", "zOrder": "206", "w": "156", "measuredW": "151", "measuredH": "25", "x": "189", "y": "2710", "properties": { "size": "17", "text": "Learn different Web" } }, { "ID": "14023", "typeID": "Label", "zOrder": "207", "w": "148", "measuredW": "143", "measuredH": "25", "x": "193", "y": "2736", "properties": { "size": "17", "text": "APIs used in PWAs" } }, { "ID": "14024", "typeID": "Icon", "zOrder": "208", "measuredW": "24", "measuredH": "24", "x": "144", "y": "2338", "properties": { "color": "16777215", "icon": { "ID": "circle", "size": "small" } } }, { "ID": "14025", "typeID": "Icon", "zOrder": "209", "measuredW": "24", "measuredH": "24", "x": "144", "y": "2338", "properties": { "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } }, { "ID": "14027", "typeID": "__group__", "zOrder": "199", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2365", "properties": { "controlName": "100-progressive-web-apps:storage" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "78", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16776960", "text": "Storage", "size": "18" } } ] } } }, { "ID": "14028", "typeID": "__group__", "zOrder": "205", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2402", "properties": { "controlName": "101-progressive-web-apps:web-sockets" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "120", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16776960", "text": "Web Sockets", "size": "18" } } ] } } }, { "ID": "14029", "typeID": "__group__", "zOrder": "210", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2440", "properties": { "controlName": "102-progressive-web-apps:server-sent-events" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "170", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16776960", "text": "Server Sent Events", "size": "18" } } ] } } }, { "ID": "14030", "typeID": "__group__", "zOrder": "198", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2477", "properties": { "controlName": "103-progressive-web-apps:service-workers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "147", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16776960", "text": "Service Workers", "size": "18" } } ] } } }, { "ID": "14031", "typeID": "__group__", "zOrder": "200", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2515", "properties": { "controlName": "104-progressive-web-apps:location" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "84", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16770457", "text": "Location", "size": "18" } } ] } } }, { "ID": "14032", "typeID": "__group__", "zOrder": "201", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2552", "properties": { "controlName": "105-progressive-web-apps:notifications" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "115", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16770457", "text": "Notifications", "size": "18" } } ] } } }, { "ID": "14033", "typeID": "__group__", "zOrder": "202", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2590", "properties": { "controlName": "106-progressive-web-apps:device-orientation" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "167", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16770457", "text": "Device Orientation", "size": "18" } } ] } } }, { "ID": "14034", "typeID": "__group__", "zOrder": "203", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2627", "properties": { "controlName": "107-progressive-web-apps:payments" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "94", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16770457", "text": "Payments", "size": "18" } } ] } } }, { "ID": "14035", "typeID": "__group__", "zOrder": "204", "measuredW": "192", "measuredH": "32", "w": "192", "h": "32", "x": "171", "y": "2665", "properties": { "controlName": "108-progressive-web-apps:credentials" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextInput", "zOrder": "0", "w": "192", "measuredW": "108", "measuredH": "32", "x": "0", "y": "0", "properties": { "align": "center", "color": "16770457", "text": "Credentials", "size": "18" } } ] } } } ] }, "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": "1316", "measuredH": "3508", "version": "1.0" }, "groupOffset": { "x": 0, "y": 0 }, "dependencies": [], "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr" }