From 93ee5221b8b7da39740660aa041494a52226c63c Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 5 Oct 2022 18:10:28 +0400 Subject: [PATCH] Add svelte, solidjs, mantine, daisy ui and playwright --- .../roadmaps/100-frontend/content-paths.json | 5 + .../111-pick-a-framework/103-svelte.md | 1 + .../111-pick-a-framework/104-solid-js.md | 1 + .../114-js-first/104-mantine.md | 1 + .../114-js-first/105-daisy-ui.md | 1 + .../115-testing-your-apps/104-playwright.md | 1 + public/project/frontend.json | 12941 +++++++--------- 7 files changed, 5793 insertions(+), 7158 deletions(-) create mode 100644 content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md create mode 100644 content/roadmaps/100-frontend/content/111-pick-a-framework/104-solid-js.md create mode 100644 content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md create mode 100644 content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md create mode 100644 content/roadmaps/100-frontend/content/115-testing-your-apps/104-playwright.md diff --git a/content/roadmaps/100-frontend/content-paths.json b/content/roadmaps/100-frontend/content-paths.json index 888b87e1d..7bfec95ce 100644 --- a/content/roadmaps/100-frontend/content-paths.json +++ b/content/roadmaps/100-frontend/content-paths.json @@ -61,6 +61,8 @@ "build-tools:module-bundlers:vite": "/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md", "pick-a-framework": "/roadmaps/100-frontend/content/111-pick-a-framework/readme.md", "pick-a-framework:react-js": "/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/readme.md", + "pick-a-framework:svelte": "/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md", + "pick-a-framework:solid-js": "/roadmaps/100-frontend/content/111-pick-a-framework/104-solid-js.md", "pick-a-framework:react-js:recoil": "/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/102-recoil.md", "pick-a-framework:react-js:redux": "/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/100-redux.md", "pick-a-framework:react-js:mobx": "/roadmaps/100-frontend/content/111-pick-a-framework/100-react-js/101-mobx.md", @@ -81,14 +83,17 @@ "css-frameworks": "/roadmaps/100-frontend/content/114-css-frameworks/readme.md", "css-frameworks:js-first": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/readme.md", "css-frameworks:js-first:chakra-ui": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/101-chakra-ui.md", + "css-frameworks:js-first:mantine": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md", "css-frameworks:js-first:material-ui": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/102-material-ui.md", "css-frameworks:js-first:radix-ui": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/103-radix-ui.md", + "css-frameworks:js-first:daisy-ui": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md", "css-frameworks:js-first:tailwind-css": "/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/100-tailwind-css.md", "css-frameworks:css-first": "/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/readme.md", "css-frameworks:css-first:bootstrap": "/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/100-bootstrap.md", "css-frameworks:css-first:bulma": "/roadmaps/100-frontend/content/114-css-frameworks/114-css-first/101-bulma.md", "testing-your-apps": "/roadmaps/100-frontend/content/115-testing-your-apps/readme.md", "testing-your-apps:jest": "/roadmaps/100-frontend/content/115-testing-your-apps/100-jest.md", + "testing-your-apps:playwright": "/roadmaps/100-frontend/content/115-testing-your-apps/104-playwright.md", "testing-your-apps:react-testing-library": "/roadmaps/100-frontend/content/115-testing-your-apps/101-react-testing-library.md", "testing-your-apps:cypress": "/roadmaps/100-frontend/content/115-testing-your-apps/102-cypress.md", "testing-your-apps:enzyme": "/roadmaps/100-frontend/content/115-testing-your-apps/103-enzyme.md", diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md new file mode 100644 index 000000000..c31022065 --- /dev/null +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md @@ -0,0 +1 @@ +# Svelte diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/104-solid-js.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/104-solid-js.md new file mode 100644 index 000000000..50118cfcf --- /dev/null +++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/104-solid-js.md @@ -0,0 +1 @@ +# SolidJS diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md new file mode 100644 index 000000000..5b25573a2 --- /dev/null +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/104-mantine.md @@ -0,0 +1 @@ +# Mantine diff --git a/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md new file mode 100644 index 000000000..9806dbf29 --- /dev/null +++ b/content/roadmaps/100-frontend/content/114-css-frameworks/114-js-first/105-daisy-ui.md @@ -0,0 +1 @@ +# Daisy UI diff --git a/content/roadmaps/100-frontend/content/115-testing-your-apps/104-playwright.md b/content/roadmaps/100-frontend/content/115-testing-your-apps/104-playwright.md new file mode 100644 index 000000000..946589467 --- /dev/null +++ b/content/roadmaps/100-frontend/content/115-testing-your-apps/104-playwright.md @@ -0,0 +1 @@ +# Playwright diff --git a/public/project/frontend.json b/public/project/frontend.json index 2f55dea90..f1fb94a6a 100644 --- a/public/project/frontend.json +++ b/public/project/frontend.json @@ -3,44 +3,44 @@ "controls": { "control": [ { - "ID": "1506", + "ID": "8162", "typeID": "Arrow", - "zOrder": "0", - "w": "144", - "h": "237", + "zOrder": "16", + "w": "164", + "h": "305", "measuredW": "150", "measuredH": "100", - "x": "1045", - "y": "3058", + "x": "973", + "y": "2698", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 143.5, - "y": 237 + "x": 163.5, + "y": 305 }, "p1": { - "x": 0.56420233463035, - "y": 0.027237354085603065 + "x": 0.5311058790594241, + "y": 0.05504224965971115 }, "p2": { - "x": -0.5, - "y": 0 + "x": -0.2625955919362468, + "y": -0.45953763034685835 } } }, { - "ID": "1507", + "ID": "8163", "typeID": "Arrow", - "zOrder": "1", + "zOrder": "0", "w": "166", "h": "171", "measuredW": "150", "measuredH": "100", "x": "279", - "y": "3163", + "y": "3043", "properties": { "color": "2848996", "direction": "bottom", @@ -61,105 +61,15 @@ } }, { - "ID": "1508", - "typeID": "Arrow", - "zOrder": "2", - "w": "102", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "479", - "y": "2198", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 101, - "y": 0 - }, - "p1": { - "x": 0.5105398742417109, - "y": -0.0025761059250436276 - }, - "p2": { - "x": -0.5, - "y": 0 - } - } - }, - { - "ID": "1509", - "typeID": "Arrow", - "zOrder": "3", - "w": "114", - "h": "62", - "measuredW": "150", - "measuredH": "100", - "x": "311", - "y": "1749", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 62 - }, - "p1": { - "x": 0.4230344065220394, - "y": -0.06791488185712315 - }, - "p2": { - "x": 114, - "y": 0 - } - } - }, - { - "ID": "1510", - "typeID": "Arrow", - "zOrder": "4", - "w": "111", - "h": "37", - "measuredW": "150", - "measuredH": "100", - "x": "307", - "y": "1714", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.40594249201277954, - "y": -0.011437699680511181 - }, - "p2": { - "x": 111, - "y": 37 - } - } - }, - { - "ID": "1511", + "ID": "8167", "typeID": "__group__", - "zOrder": "5", + "zOrder": "50", "measuredW": "157", "measuredH": "41", "w": "157", "h": "41", - "x": "1183", - "y": "3228", + "x": "1131", + "y": "2942", "properties": { "controlName": "106-static-site-generators:gridsome" }, @@ -189,7 +99,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "5", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -205,7 +115,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "5", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -222,7 +132,7 @@ "measuredW": "75", "measuredH": "25", "x": "41", - "y": "9", + "y": "8", "properties": { "text": "Gridsome", "size": "17" @@ -233,15 +143,15 @@ } }, { - "ID": "1512", + "ID": "8168", "typeID": "Arrow", - "zOrder": "6", + "zOrder": "51", "w": "105", "h": "43", "measuredW": "150", "measuredH": "100", - "x": "952", - "y": "2014", + "x": "1012", + "y": "2199", "properties": { "color": "10027263", "curvature": "-1", @@ -264,15 +174,15 @@ } }, { - "ID": "1513", + "ID": "8169", "typeID": "Arrow", - "zOrder": "7", + "zOrder": "52", "w": "128", "h": "9", "measuredW": "150", "measuredH": "100", - "x": "940", - "y": "2060", + "x": "1000", + "y": "2245", "properties": { "color": "10027263", "curvature": "-1", @@ -295,15 +205,15 @@ } }, { - "ID": "1514", + "ID": "8170", "typeID": "Arrow", - "zOrder": "8", + "zOrder": "53", "w": "129", "h": "34", "measuredW": "150", "measuredH": "100", - "x": "941", - "y": "2075", + "x": "1001", + "y": "2260", "properties": { "color": "10027263", "curvature": "0", @@ -325,383 +235,461 @@ } }, { - "ID": "1515", + "ID": "8178", "typeID": "Arrow", - "zOrder": "9", - "w": "119", - "h": "123", + "zOrder": "54", + "w": "209", + "h": "108", "measuredW": "150", "measuredH": "100", - "x": "617", - "y": "2067", + "x": "623", + "y": "1584", "properties": { "color": "2848996", + "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "p0": { - "x": 119, - "y": 0 + "x": 209.13014962158525, + "y": 107.63300153335422 }, "p1": { - "x": 0.5330602565484531, - "y": -0.2424921849735906 + "x": 0.5705193330544435, + "y": 0.04891531703818817 }, "p2": { - "x": 0, - "y": 122.5 + "x": -0.2710228983202114, + "y": -0.4891725128713915 } } }, { - "ID": "1516", + "ID": "8191", "typeID": "Arrow", - "zOrder": "10", - "w": "140", - "h": "73", + "zOrder": "38", + "w": "89", + "h": "4", "measuredW": "150", "measuredH": "100", - "x": "588", - "y": "1981", + "x": "1013", + "y": "1469", "properties": { - "color": "2848996", - "curvature": "-1", + "color": "10027263", + "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, + "x": 89.03433282924925, "y": 0 }, "p1": { - "x": 0.3865808955652986, - "y": -0.19467404585639328 + "x": 0.5653893258184628, + "y": -0.0013183529417352127 }, "p2": { - "x": 139, - "y": 72 - }, - "rightArrow": "false" + "x": 0.07305038615209014, + "y": 3.863193898939471 + } } }, { - "ID": "1517", + "ID": "8192", "typeID": "Arrow", - "zOrder": "11", - "w": "135", - "h": "49", + "zOrder": "39", + "w": "100", + "h": "41", "measuredW": "150", "measuredH": "100", - "x": "367", - "y": "1974", + "x": "1001", + "y": "1422", "properties": { "color": "10027263", - "curvature": "0", "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 134, - "y": 0 + "x": 99.66569771474019, + "y": 0.2236946620996605 }, "p1": { - "x": 0.503622802344166, - "y": 0.003676078849227487 + "x": 0.4596243377749227, + "y": 0.08508588858564752 }, "p2": { - "x": 0, - "y": 48 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": -0.24466564443059724, + "y": 41.28274809737536 + } } }, { - "ID": "1518", + "ID": "8193", "typeID": "Arrow", - "zOrder": "12", - "w": "98", + "zOrder": "40", + "w": "133", "h": "3", "measuredW": "150", "measuredH": "100", - "x": "1073", - "y": "1947", + "x": "710", + "y": "1525", "properties": { - "color": "10027263", + "color": "2848996", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, - "y": 2 + "x": 0.3216244302676614, + "y": 2.5026931357795092 }, "p1": { - "x": 0.30434782608695654, - "y": 0.014492753623188411 + "x": 0.4743412204498641, + "y": -0.008947430290275333 }, "p2": { - "x": 97, - "y": 2 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 133, + "y": 0 + } } }, { - "ID": "1519", + "ID": "8195", "typeID": "Arrow", - "zOrder": "13", - "w": "148", - "h": "1", + "zOrder": "55", + "w": "90", + "h": "2", "measuredW": "150", "measuredH": "100", - "x": "353", - "y": "1972", + "x": "1013", + "y": "1521", "properties": { - "color": "10027263", - "curvature": "0", + "color": "2848996", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 147, - "y": 0 + "x": 0.4213496222886306, + "y": 0.18497710519682187 }, "p1": { - "x": 0.5036228023441662, - "y": 0.003676078849227491 + "x": 0.4310686842693701, + "y": -0.01854562577101436 }, "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 90.75126717989497, + "y": 1.553612219705883 + } } }, { - "ID": "1520", + "ID": "8197", "typeID": "Arrow", - "zOrder": "14", - "w": "137", - "h": "33", + "zOrder": "49", + "w": "130", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "358", - "y": "1937", + "x": "311", + "y": "1302", "properties": { - "color": "10027263", + "color": "2848996", "curvature": "-1", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 136, - "y": 32 + "x": 129.700506871958, + "y": 0 }, "p1": { - "x": 0.5049180327868853, - "y": -0.02090163934426227 + "x": 0.47348089180528574, + "y": 0.0008969445600114837 }, "p2": { "x": 0, "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + } } }, { - "ID": "1521", + "ID": "8199", "typeID": "Arrow", - "zOrder": "15", - "w": "146", - "h": "65", + "zOrder": "56", + "w": "160", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "350", - "y": "1900", + "x": "283", + "y": "1353", "properties": { - "color": "10027263", + "color": "2848996", "curvature": "-1", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 145, - "y": 64 + "x": 160.43777710097635, + "y": 0.050601531947449985 }, "p1": { - "x": 0.49185940050157245, - "y": -0.05186895426137495 + "x": 0.4806472503297293, + "y": -0.001432629622812211 }, "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 0.3074687034015824, + "y": 3 + } } }, { - "ID": "1522", + "ID": "8201", "typeID": "Arrow", - "zOrder": "16", - "w": "105", - "h": "89", + "zOrder": "57", + "w": "1", + "h": "123", "measuredW": "150", "measuredH": "100", - "x": "653", - "y": "1881", + "x": "877", + "y": "1112", "properties": { "color": "2848996", "curvature": "-1", - "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 104, + "x": 0, "y": 0 }, "p1": { - "x": 0.5150450252580716, - "y": 0.2856358444981331 + "x": 0.4327183610207736, + "y": 0.0030579658389972178 }, "p2": { "x": 0, - "y": 86 - }, - "rightArrow": "false" + "y": 122.50887328728595 + } } }, { - "ID": "1523", + "ID": "8202", "typeID": "Arrow", - "zOrder": "17", - "w": "118", - "h": "26", + "zOrder": "58", + "w": "211", + "h": "128", "measuredW": "150", "measuredH": "100", - "x": "1065", - "y": "1871", + "x": "512", + "y": "1115", "properties": { "color": "2848996", - "curvature": "0", + "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", "p0": { - "x": 117, - "y": 25 + "x": 211, + "y": 0 }, "p1": { - "x": 0.47388515577275486, - "y": 0.002290775809407195 + "x": 0.5569070155556886, + "y": -0.16942743759521814 }, "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": -0.130467173564341, + "y": 127.72068397434123 + } } }, { - "ID": "1524", + "ID": "8203", "typeID": "Arrow", - "zOrder": "18", - "w": "124", - "h": "21", + "zOrder": "48", + "w": "167", + "h": "7", "measuredW": "150", "measuredH": "100", - "x": "1059", - "y": "1847", + "x": "281", + "y": "1247", "properties": { "color": "2848996", - "curvature": "0", + "curvature": "-1", "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 123, + "x": 0, "y": 0 }, "p1": { - "x": 0.473885155772755, - "y": 0.00229077580940721 + "x": 0.44343003361676714, + "y": 0.014243775690876877 }, "p2": { - "x": 0, - "y": 20 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 167.28095267352228, + "y": 7.089319088850289 + } } }, { - "ID": "1525", - "typeID": "Arrow", - "zOrder": "19", - "w": "117", - "h": "18", - "measuredW": "150", - "measuredH": "100", - "x": "1056", - "y": "1773", + "ID": "8204", + "typeID": "__group__", + "zOrder": "59", + "measuredW": "158", + "measuredH": "49", + "w": "158", + "h": "49", + "x": "154", + "y": "1167", "properties": { - "color": "10027263", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 2 - }, + "controlName": "101-package-managers:yarn" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "66", + "y": "12", + "properties": { + "text": "yarn", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } + } + }, + { + "ID": "8205", + "typeID": "Arrow", + "zOrder": "46", + "w": "131", + "h": "101", + "measuredW": "150", + "measuredH": "100", + "x": "300", + "y": "1134", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 131.85733129941207, + "y": 100.92842748572161 + }, "p1": { - "x": 0.3238461538461538, - "y": 0.04076923076923073 + "x": 0.5179188602929944, + "y": 0.05890610549143938 }, "p2": { - "x": 116, - "y": 17 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 0.46836030653014404, + "y": -0.3505709879580081 + } } }, { - "ID": "1526", + "ID": "8206", "typeID": "Arrow", - "zOrder": "20", - "w": "108", - "h": "23", + "zOrder": "60", + "w": "109", + "h": "161", "measuredW": "150", "measuredH": "100", - "x": "1053", - "y": "1748", + "x": "748", + "y": "931", "properties": { - "color": "10027263", - "direction": "bottom", + "color": "2848996", "leftArrow": "false", "p0": { - "x": 107, + "x": 0, "y": 0 }, "p1": { - "x": 0.3813139650049522, - "y": -0.013865962363816473 + "x": 0.5674918262494162, + "y": 0.22092480149462868 }, "p2": { - "x": 0, - "y": 22 + "x": 102, + "y": 160 }, - "rightArrow": "false", - "stroke": "dotted" + "rightArrow": "false" } }, { - "ID": "1527", + "ID": "8207", "typeID": "Arrow", - "zOrder": "21", - "w": "112", - "h": "58", + "zOrder": "61", + "w": "1", + "h": "77", "measuredW": "150", "measuredH": "100", - "x": "854", - "y": "1889", + "x": "1114", + "y": "934", "properties": { - "color": "10027263", + "color": "2848996", + "curvature": "-1", "leftArrow": "false", "p0": { - "x": 111, - "y": 57 + "x": 0, + "y": 76 }, "p1": { - "x": 0.4939621628874279, - "y": 0.14832953173218838 + "x": 0.487275195113675, + "y": -0.01187648456057007 }, "p2": { "x": 0, @@ -712,206 +700,202 @@ } }, { - "ID": "1528", + "ID": "8208", "typeID": "Arrow", - "zOrder": "22", - "w": "117", - "h": "5", + "zOrder": "62", + "w": "85", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "864", - "y": "1864", + "x": "845", + "y": "918", "properties": { - "color": "10027263", - "direction": "bottom", + "color": "2848996", + "curvature": "-1", "leftArrow": "false", "p0": { - "x": 116, + "x": 83, "y": 1 }, "p1": { - "x": 0.5309292397129627, - "y": -0.01571441547824508 + "x": 0.4872751951136748, + "y": -0.01187648456057007 }, "p2": { "x": 0, - "y": 4 + "y": 1 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1529", + "ID": "8209", "typeID": "Arrow", - "zOrder": "23", - "w": "86", - "h": "96", + "zOrder": "63", + "w": "2", + "h": "74", "measuredW": "150", "measuredH": "100", - "x": "850", - "y": "1768", + "x": "622", + "y": "924", "properties": { - "color": "10027263", - "direction": "bottom", + "color": "2848996", + "curvature": "-1", "leftArrow": "false", "p0": { - "x": 85, - "y": 0 + "x": 1, + "y": 73 }, "p1": { - "x": 0.48716362511599137, - "y": -0.18836993504485 + "x": 0.4872751951136749, + "y": -0.01187648456057007 }, "p2": { "x": 0, - "y": 95 + "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1530", + "ID": "8210", "typeID": "Arrow", - "zOrder": "24", - "w": "57", - "h": "244", + "zOrder": "64", + "w": "120", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "689", - "y": "1629", + "x": "772", + "y": "706", "properties": { "color": "2848996", - "curvature": "-1", + "curvature": "0", "leftArrow": "false", "p0": { - "x": 39, - "y": 0 + "x": 119, + "y": 2 }, "p1": { - "x": 0.5504287774151931, - "y": -0.19435379828489027 + "x": 0.5436210493779461, + "y": 0.006954640290549417 }, "p2": { - "x": 56, - "y": 243 + "x": 0, + "y": 0 }, - "rightArrow": "false" + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1531", + "ID": "8211", "typeID": "Arrow", - "zOrder": "25", - "w": "51", - "h": "116", + "zOrder": "65", + "w": "108", + "h": "5", "measuredW": "150", "measuredH": "100", - "x": "576", - "y": "1632", + "x": "783", + "y": "653", "properties": { "color": "2848996", - "curvature": "-1", - "direction": "bottom", "leftArrow": "false", "p0": { - "x": 50, - "y": 0 + "x": 107, + "y": 2 }, "p1": { - "x": 0.6557048619594426, - "y": 0.20855118494991431 + "x": 0.589278350515464, + "y": 0.035876288659793816 }, "p2": { "x": 0, - "y": 115 + "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1532", + "ID": "8212", "typeID": "Arrow", - "zOrder": "26", - "w": "116", - "h": "8", + "zOrder": "66", + "w": "100", + "h": "45", "measuredW": "150", "measuredH": "100", - "x": "302", - "y": "1753", + "x": "783", + "y": "607", "properties": { - "color": "10027263", + "color": "2848996", "direction": "bottom", "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", "p0": { - "x": 0, - "y": 8 + "x": 99, + "y": 0 }, "p1": { - "x": 0.44386976428692576, - "y": -0.021282007800576565 + "x": 0.5773195876288659, + "y": -0.06466729147141519 }, "p2": { - "x": 116, - "y": 0 - } + "x": 0, + "y": 44 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1533", + "ID": "8213", "typeID": "Arrow", - "zOrder": "27", - "w": "102", - "h": "75", + "zOrder": "67", + "w": "40", + "h": "139", "measuredW": "150", "measuredH": "100", - "x": "316", - "y": "1672", + "x": "656", + "y": "490", "properties": { - "color": "10027263", - "direction": "bottom", + "color": "2848996", "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", "p0": { "x": 0, "y": 0 }, "p1": { - "x": 0.40594249201277954, - "y": -0.011437699680511216 + "x": 0.5674918262494162, + "y": 0.22092480149462868 }, "p2": { - "x": 102, - "y": 75 - } + "x": 15, + "y": 138 + }, + "rightArrow": "false" } }, { - "ID": "1534", + "ID": "8214", "typeID": "Arrow", - "zOrder": "28", - "w": "71", - "h": "36", + "zOrder": "68", + "w": "151", + "h": "29", "measuredW": "150", "measuredH": "100", - "x": "1081", - "y": "1631", + "x": "737", + "y": "482", "properties": { - "color": "10027263", - "curvature": "-1", + "color": "2848996", "leftArrow": "false", "p0": { - "x": 70, - "y": 35 + "x": 150, + "y": 28 }, "p1": { - "x": 0.5309292397129621, - "y": -0.01571441547824513 + "x": 0.4823054457996908, + "y": 0.02336368321594228 }, "p2": { "x": 0, @@ -922,59 +906,59 @@ } }, { - "ID": "1535", + "ID": "8215", "typeID": "Arrow", - "zOrder": "29", - "w": "106", - "h": "10", + "zOrder": "69", + "w": "153", + "h": "13", "measuredW": "150", "measuredH": "100", - "x": "1079", - "y": "1621", + "x": "739", + "y": "465", "properties": { - "color": "10027263", + "color": "2848996", + "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { - "x": 105, + "x": 152, "y": 0 }, "p1": { - "x": 0.5309292397129626, - "y": -0.01571441547824508 + "x": 0.4798692360633173, + "y": -0.004989676531314521 }, "p2": { "x": 0, - "y": 9 + "y": 12 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1536", + "ID": "8216", "typeID": "Arrow", - "zOrder": "30", - "w": "85", - "h": "59", + "zOrder": "70", + "h": "60", "measuredW": "150", "measuredH": "100", - "x": "1079", - "y": "1570", + "x": "737", + "y": "416", "properties": { - "color": "10027263", + "color": "2848996", "direction": "bottom", "leftArrow": "false", "p0": { - "x": 84, + "x": 149, "y": 0 }, "p1": { - "x": 0.4951386388188694, - "y": -0.0763413755851639 + "x": 0.4552212800557556, + "y": -0.05494250203275647 }, "p2": { - "x": -0.5, + "x": 0, "y": 59 }, "rightArrow": "false", @@ -982,324 +966,346 @@ } }, { - "ID": "1537", + "ID": "8217", "typeID": "Arrow", - "zOrder": "31", - "w": "133", - "h": "4", + "zOrder": "71", + "w": "134", + "h": "36", "measuredW": "150", "measuredH": "100", - "x": "780", - "y": "1629", + "x": "447", + "y": "483", "properties": { "color": "2848996", + "curvature": "0", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 0, - "y": 2 + "x": 132, + "y": 0 }, "p1": { - "x": 0.4434300336167677, - "y": 0.014243775690876917 + "x": 0.4652789342214826, + "y": -0.001332223147377271 }, "p2": { - "x": 132, - "y": 3 + "x": 0, + "y": 34 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1538", + "ID": "8218", "typeID": "Arrow", - "zOrder": "32", - "w": "129", - "h": "54", + "zOrder": "72", + "w": "131", + "h": "9", "measuredW": "150", "measuredH": "100", - "x": "482", - "y": "1572", + "x": "447", + "y": "470", "properties": { "color": "2848996", + "curvature": "0", "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", "p0": { - "x": 0, - "y": 0.5 + "x": 129, + "y": 7 }, "p1": { - "x": 0.3865623561895996, - "y": 0.07654548243595644 + "x": 0.4652789342214826, + "y": -0.001332223147377271 }, "p2": { - "x": 129, - "y": 54.5 - } + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1539", + "ID": "8219", "typeID": "Arrow", - "zOrder": "33", - "w": "104", - "h": "3", + "zOrder": "73", + "w": "143", + "h": "53", "measuredW": "150", "measuredH": "100", - "x": "297", - "y": "1569", + "x": "437", + "y": "423", "properties": { "color": "2848996", + "curvature": "-1", "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", "p0": { - "x": 0, - "y": 0.5 + "x": 141, + "y": 51 }, "p1": { - "x": 0.44339622641509424, - "y": 0.014150943396226412 + "x": 0.45522128005575574, + "y": -0.054942502032756434 }, "p2": { - "x": 104, - "y": 2.5 - } + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1540", + "ID": "8220", "typeID": "Arrow", - "zOrder": "34", - "w": "41", - "h": "110", + "zOrder": "74", + "w": "45", + "h": "139", "measuredW": "150", "measuredH": "100", - "x": "772", - "y": "1500", + "x": "634", + "y": "327", "properties": { "color": "2848996", - "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { - "x": 36, + "x": 44, "y": 0 }, "p1": { - "x": 0.4797753661683236, - "y": 0.15845791910146467 + "x": 0.540933899332929, + "y": -0.1946634323832626 }, "p2": { - "x": 0, - "y": 109 + "x": 16, + "y": 138 }, "rightArrow": "false" } }, { - "ID": "1541", + "ID": "8221", + "typeID": "HRule", + "zOrder": "75", + "measuredW": "100", + "measuredH": "10", + "x": "1136", + "y": "754", + "properties": { + "color": "10027263", + "stroke": "dotted" + } + }, + { + "ID": "8222", "typeID": "Arrow", - "zOrder": "35", - "w": "50", - "h": "2", + "zOrder": "76", + "w": "71", + "h": "134", "measuredW": "150", "measuredH": "100", - "x": "301", - "y": "1447", + "x": "646", + "y": "765", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { - "x": 49, - "y": 1 + "x": 9, + "y": 0 }, "p1": { - "x": 0.4872751951136748, - "y": -0.01187648456057007 + "x": 0.5549276224469561, + "y": -0.26264128494943484 }, "p2": { - "x": 0, - "y": 1 + "x": 70, + "y": 133 }, - "rightArrow": "false", - "stroke": "dotted" + "rightArrow": "false" } }, { - "ID": "1542", + "ID": "8223", "typeID": "Arrow", - "zOrder": "36", - "w": "165", - "h": "43", + "zOrder": "77", + "w": "130", + "h": "213", "measuredW": "150", "measuredH": "100", - "x": "660", - "y": "1411", + "x": "428", + "y": "776", "properties": { "color": "2848996", "curvature": "-1", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 0, + "x": 129, "y": 0 }, "p1": { - "x": 0.46185893674451367, - "y": -0.10438915620232368 + "x": 0.5007550539904198, + "y": 0.04527076398473655 }, "p2": { - "x": 164, - "y": 40 + "x": 0, + "y": 212 }, - "rightArrow": "false" + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1543", + "ID": "8224", "typeID": "Arrow", - "zOrder": "37", - "w": "85", - "h": "3", + "zOrder": "78", + "w": "110", + "h": "157", "measuredW": "150", "measuredH": "100", - "x": "1091", - "y": "1449", + "x": "442", + "y": "769", "properties": { "color": "2848996", - "curvature": "-1", + "curvature": "0", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 83, - "y": 1 + "x": 109, + "y": 0 }, "p1": { - "x": 0.4872751951136748, - "y": -0.01187648456057007 + "x": 0.46686783637115814, + "y": 0.0018494634122600195 }, "p2": { "x": 0, - "y": 1 + "y": 156 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1544", + "ID": "8225", "typeID": "Arrow", - "zOrder": "38", - "w": "54", - "h": "129", + "zOrder": "79", + "w": "119", + "h": "120", "measuredW": "150", "measuredH": "100", - "x": "607", - "y": "1283", + "x": "434", + "y": "762", "properties": { "color": "2848996", - "curvature": "-1", + "curvature": "0", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 1, + "x": 118, "y": 0 }, "p1": { - "x": 0.4618589367445136, - "y": -0.10438915620232368 + "x": 0.46376334167874567, + "y": -0.006127289497957557 }, "p2": { - "x": 53, - "y": 128 + "x": 0, + "y": 119 }, - "rightArrow": "false" + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1545", + "ID": "8226", "typeID": "Arrow", - "zOrder": "39", - "w": "21", - "h": "98", + "zOrder": "80", + "w": "128", + "h": "82", "measuredW": "150", "measuredH": "100", - "x": "877", - "y": "1112", + "x": "429", + "y": "751", "properties": { "color": "2848996", - "curvature": "-1", + "curvature": "0", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 0, + "x": 127, "y": 0 }, "p1": { - "x": 0.4592720970537261, - "y": -0.022530329289428077 + "x": 0.4682571775171856, + "y": 0.0018196522442377747 }, "p2": { - "x": 20, - "y": 97 + "x": 0, + "y": 81 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1546", + "ID": "8227", "typeID": "Arrow", - "zOrder": "40", - "w": "117", - "h": "139", + "zOrder": "81", + "w": "123", + "h": "34", "measuredW": "150", "measuredH": "100", - "x": "607", - "y": "1115", + "x": "429", + "y": "753", "properties": { "color": "2848996", + "curvature": "0", "direction": "bottom", "leftArrow": "false", "p0": { - "x": 116, + "x": 122, "y": 0 }, "p1": { - "x": 0.5113995183302114, - "y": -0.17615734546427614 + "x": 0.4501850789844116, + "y": 0.009280016683176094 }, "p2": { "x": 0, - "y": 138 + "y": 33 }, - "rightArrow": "false" + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1547", + "ID": "8228", "typeID": "Arrow", - "zOrder": "41", - "w": "175", - "h": "55", + "zOrder": "82", + "w": "106", + "h": "99", "measuredW": "150", "measuredH": "100", - "x": "361", - "y": "1273", + "x": "784", + "y": "713", "properties": { "color": "2848996", "curvature": "-1", - "direction": "bottom", "leftArrow": "false", "p0": { - "x": 0, - "y": 54 + "x": 105, + "y": 98 }, "p1": { - "x": 0.4434300336167671, - "y": 0.014243775690876872 + "x": 0.48727519511367495, + "y": -0.011876484560570073 }, "p2": { - "x": 174, + "x": 0, "y": 0 }, "rightArrow": "false", @@ -1307,107 +1313,26 @@ } }, { - "ID": "1548", - "typeID": "__group__", - "zOrder": "42", - "measuredW": "158", - "measuredH": "56", - "w": "158", - "h": "56", - "x": "228", - "y": "1290", - "properties": { - "controlName": "101-package-managers:yarn" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "36", - "measuredW": "34", - "measuredH": "25", - "x": "65", - "y": "19", - "properties": { - "bold": "true", - "size": "17", - "text": "yarn" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1549", - "typeID": "Arrow", - "zOrder": "43", - "w": "171", - "h": "9", - "measuredW": "150", - "measuredH": "100", - "x": "352", - "y": "1258", + "ID": "8229", + "typeID": "Arrow", + "zOrder": "83", + "w": "109", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "781", + "y": "707", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { - "x": 170, - "y": 8 + "x": 108, + "y": 53 }, "p1": { - "x": 0.4651735508633531, - "y": -0.0009522699259062856 + "x": 0.44795435569162256, + "y": -0.008627887559142778 }, "p2": { "x": 0, @@ -1418,54 +1343,26 @@ } }, { - "ID": "1550", - "typeID": "Arrow", - "zOrder": "44", - "w": "109", - "h": "161", - "measuredW": "150", - "measuredH": "100", - "x": "748", - "y": "931", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5674918262494162, - "y": 0.22092480149462868 - }, - "p2": { - "x": 102, - "y": 160 - }, - "rightArrow": "false" - } - }, - { - "ID": "1551", + "ID": "8230", "typeID": "Arrow", - "zOrder": "45", - "w": "1", - "h": "77", + "zOrder": "84", + "w": "111", + "h": "59", "measuredW": "150", "measuredH": "100", - "x": "1114", - "y": "934", + "x": "432", + "y": "579", "properties": { "color": "2848996", "curvature": "-1", "leftArrow": "false", "p0": { - "x": 0, - "y": 76 + "x": 110, + "y": 58 }, "p1": { - "x": 0.487275195113675, - "y": -0.01187648456057007 + "x": 0.45522128005575574, + "y": -0.054942502032756434 }, "p2": { "x": 0, @@ -1476,115 +1373,88 @@ } }, { - "ID": "1552", + "ID": "8231", "typeID": "Arrow", - "zOrder": "46", - "w": "85", - "h": "3", + "zOrder": "85", + "w": "112", + "h": "58", "measuredW": "150", "measuredH": "100", - "x": "845", - "y": "918", + "x": "430", + "y": "661", "properties": { "color": "2848996", "curvature": "-1", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 83, - "y": 1 + "x": 111, + "y": 0 }, "p1": { - "x": 0.4872751951136748, - "y": -0.01187648456057007 + "x": 0.47938350680544434, + "y": 0.06064851881505207 }, "p2": { "x": 0, - "y": 1 + "y": 57 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1553", + "ID": "8232", "typeID": "Arrow", - "zOrder": "47", - "w": "2", - "h": "74", + "zOrder": "86", + "w": "112", + "h": "23", "measuredW": "150", "measuredH": "100", - "x": "622", - "y": "924", + "x": "434", + "y": "651", "properties": { "color": "2848996", "curvature": "-1", + "direction": "bottom", "leftArrow": "false", "p0": { - "x": 1, - "y": 73 + "x": 111, + "y": 0 }, "p1": { - "x": 0.4872751951136749, - "y": -0.01187648456057007 + "x": 0.4453729012104649, + "y": 0.01983600156188987 }, "p2": { "x": 0, - "y": 0 + "y": 22 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1554", + "ID": "8233", "typeID": "Arrow", - "zOrder": "48", + "zOrder": "87", "w": "120", - "h": "3", + "h": "20", "measuredW": "150", "measuredH": "100", - "x": "772", - "y": "706", + "x": "431", + "y": "628", "properties": { "color": "2848996", "curvature": "0", "leftArrow": "false", "p0": { "x": 119, - "y": 2 - }, - "p1": { - "x": 0.5436210493779461, - "y": 0.006954640290549417 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1555", - "typeID": "Arrow", - "zOrder": "49", - "w": "108", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "783", - "y": "653", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 107, - "y": 2 + "y": 19 }, "p1": { - "x": 0.589278350515464, - "y": 0.035876288659793816 + "x": 0.4652789342214826, + "y": -0.001332223147377271 }, "p2": { "x": 0, @@ -1595,2129 +1465,110 @@ } }, { - "ID": "1556", + "ID": "8234", "typeID": "Arrow", - "zOrder": "50", - "w": "100", - "h": "45", + "zOrder": "88", + "w": "19", + "h": "80", "measuredW": "150", "measuredH": "100", - "x": "783", - "y": "607", + "x": "721", + "y": "186", "properties": { "color": "2848996", + "curvature": "-1", "direction": "bottom", "leftArrow": "false", "p0": { - "x": 99, + "x": 17, "y": 0 }, "p1": { - "x": 0.5773195876288659, - "y": -0.06466729147141519 + "x": 0.4835868694955965, + "y": 0.10168134507606086 }, "p2": { "x": 0, - "y": 44 + "y": 79 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1557", - "typeID": "Arrow", - "zOrder": "51", - "w": "40", - "h": "139", - "measuredW": "150", - "measuredH": "100", - "x": "656", - "y": "490", + "ID": "8235", + "typeID": "__group__", + "zOrder": "89", + "measuredW": "250", + "measuredH": "55", + "w": "250", + "h": "55", + "x": "543", + "y": "619", "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5674918262494162, - "y": 0.22092480149462868 - }, - "p2": { - "x": 15, - "y": 138 - }, - "rightArrow": "false" - } - }, - { - "ID": "1558", - "typeID": "Arrow", - "zOrder": "52", - "w": "151", - "h": "29", - "measuredW": "150", - "measuredH": "100", - "x": "737", - "y": "482", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 150, - "y": 28 - }, - "p1": { - "x": 0.4823054457996908, - "y": 0.02336368321594228 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1559", - "typeID": "Arrow", - "zOrder": "53", - "w": "153", - "h": "13", - "measuredW": "150", - "measuredH": "100", - "x": "739", - "y": "465", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 152, - "y": 0 - }, - "p1": { - "x": 0.4798692360633173, - "y": -0.004989676531314521 - }, - "p2": { - "x": 0, - "y": 12 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1560", - "typeID": "Arrow", - "zOrder": "54", - "h": "60", - "measuredW": "150", - "measuredH": "100", - "x": "737", - "y": "416", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 149, - "y": 0 - }, - "p1": { - "x": 0.4552212800557556, - "y": -0.05494250203275647 - }, - "p2": { - "x": 0, - "y": 59 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1561", - "typeID": "Arrow", - "zOrder": "55", - "w": "134", - "h": "36", - "measuredW": "150", - "measuredH": "100", - "x": "447", - "y": "483", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 132, - "y": 0 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 34 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1562", - "typeID": "Arrow", - "zOrder": "56", - "w": "131", - "h": "9", - "measuredW": "150", - "measuredH": "100", - "x": "447", - "y": "470", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 129, - "y": 7 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1563", - "typeID": "Arrow", - "zOrder": "57", - "w": "143", - "h": "53", - "measuredW": "150", - "measuredH": "100", - "x": "437", - "y": "423", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 141, - "y": 51 - }, - "p1": { - "x": 0.45522128005575574, - "y": -0.054942502032756434 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1564", - "typeID": "Arrow", - "zOrder": "58", - "w": "45", - "h": "139", - "measuredW": "150", - "measuredH": "100", - "x": "634", - "y": "327", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 44, - "y": 0 - }, - "p1": { - "x": 0.540933899332929, - "y": -0.1946634323832626 - }, - "p2": { - "x": 16, - "y": 138 - }, - "rightArrow": "false" - } - }, - { - "ID": "1565", - "typeID": "HRule", - "zOrder": "59", - "measuredW": "100", - "measuredH": "10", - "x": "1136", - "y": "754", - "properties": { - "color": "10027263", - "stroke": "dotted" - } - }, - { - "ID": "1566", - "typeID": "Arrow", - "zOrder": "60", - "w": "71", - "h": "134", - "measuredW": "150", - "measuredH": "100", - "x": "646", - "y": "765", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 9, - "y": 0 - }, - "p1": { - "x": 0.5549276224469561, - "y": -0.26264128494943484 - }, - "p2": { - "x": 70, - "y": 133 - }, - "rightArrow": "false" - } - }, - { - "ID": "1567", - "typeID": "Arrow", - "zOrder": "61", - "w": "130", - "h": "213", - "measuredW": "150", - "measuredH": "100", - "x": "428", - "y": "776", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 129, - "y": 0 - }, - "p1": { - "x": 0.5007550539904198, - "y": 0.04527076398473655 - }, - "p2": { - "x": 0, - "y": 212 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1568", - "typeID": "Arrow", - "zOrder": "62", - "w": "110", - "h": "157", - "measuredW": "150", - "measuredH": "100", - "x": "442", - "y": "769", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 109, - "y": 0 - }, - "p1": { - "x": 0.46686783637115814, - "y": 0.0018494634122600195 - }, - "p2": { - "x": 0, - "y": 156 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1569", - "typeID": "Arrow", - "zOrder": "63", - "w": "119", - "h": "120", - "measuredW": "150", - "measuredH": "100", - "x": "434", - "y": "762", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 118, - "y": 0 - }, - "p1": { - "x": 0.46376334167874567, - "y": -0.006127289497957557 - }, - "p2": { - "x": 0, - "y": 119 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1570", - "typeID": "Arrow", - "zOrder": "64", - "w": "128", - "h": "82", - "measuredW": "150", - "measuredH": "100", - "x": "429", - "y": "751", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 127, - "y": 0 - }, - "p1": { - "x": 0.4682571775171856, - "y": 0.0018196522442377747 - }, - "p2": { - "x": 0, - "y": 81 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1571", - "typeID": "Arrow", - "zOrder": "65", - "w": "123", - "h": "34", - "measuredW": "150", - "measuredH": "100", - "x": "429", - "y": "753", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 122, - "y": 0 - }, - "p1": { - "x": 0.4501850789844116, - "y": 0.009280016683176094 - }, - "p2": { - "x": 0, - "y": 33 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1572", - "typeID": "Arrow", - "zOrder": "66", - "w": "106", - "h": "99", - "measuredW": "150", - "measuredH": "100", - "x": "784", - "y": "713", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 105, - "y": 98 - }, - "p1": { - "x": 0.48727519511367495, - "y": -0.011876484560570073 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1573", - "typeID": "Arrow", - "zOrder": "67", - "w": "109", - "h": "54", - "measuredW": "150", - "measuredH": "100", - "x": "781", - "y": "707", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 108, - "y": 53 - }, - "p1": { - "x": 0.44795435569162256, - "y": -0.008627887559142778 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1574", - "typeID": "Arrow", - "zOrder": "68", - "w": "111", - "h": "59", - "measuredW": "150", - "measuredH": "100", - "x": "432", - "y": "579", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 110, - "y": 58 - }, - "p1": { - "x": 0.45522128005575574, - "y": -0.054942502032756434 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1575", - "typeID": "Arrow", - "zOrder": "69", - "w": "112", - "h": "58", - "measuredW": "150", - "measuredH": "100", - "x": "430", - "y": "661", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 111, - "y": 0 - }, - "p1": { - "x": 0.47938350680544434, - "y": 0.06064851881505207 - }, - "p2": { - "x": 0, - "y": 57 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1576", - "typeID": "Arrow", - "zOrder": "70", - "w": "112", - "h": "23", - "measuredW": "150", - "measuredH": "100", - "x": "434", - "y": "651", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 111, - "y": 0 - }, - "p1": { - "x": 0.4453729012104649, - "y": 0.01983600156188987 - }, - "p2": { - "x": 0, - "y": 22 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1577", - "typeID": "Arrow", - "zOrder": "71", - "w": "120", - "h": "20", - "measuredW": "150", - "measuredH": "100", - "x": "431", - "y": "628", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 119, - "y": 19 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1578", - "typeID": "Arrow", - "zOrder": "72", - "w": "19", - "h": "80", - "measuredW": "150", - "measuredH": "100", - "x": "721", - "y": "186", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 17, - "y": 0 - }, - "p1": { - "x": 0.4835868694955965, - "y": 0.10168134507606086 - }, - "p2": { - "x": 0, - "y": 79 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1579", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "250", - "measuredH": "55", - "w": "250", - "h": "55", - "x": "543", - "y": "619", - "properties": { - "controlName": "101-html" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "55", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "47", - "measuredH": "25", - "x": "101", - "y": "16", - "properties": { - "bold": "true", - "size": "17", - "text": "HTML" - } - } - ] - } - } - }, - { - "ID": "1580", - "typeID": "__group__", - "zOrder": "74", - "measuredW": "145", - "measuredH": "40", - "w": "145", - "h": "40", - "x": "624", - "y": "273", - "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "measuredW": "145", - "measuredH": "40", - "x": "0", - "y": "0", - "properties": { - "size": "32", - "text": "Front-end", - "bold": "true" - } - } - ] - } - } - }, - { - "ID": "1581", - "typeID": "__group__", - "zOrder": "75", - "measuredW": "304", - "measuredH": "47", - "w": "304", - "h": "47", - "x": "152", - "y": "552", - "properties": { - "controlName": "100-html:learn-the-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "134", - "measuredW": "128", - "measuredH": "25", - "x": "90", - "y": "15", - "properties": { - "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1582", - "typeID": "__group__", - "zOrder": "76", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "601", - "properties": { - "controlName": "101-html:writing-semantic-html" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "183", - "measuredH": "25", - "x": "63", - "y": "13", - "properties": { - "size": "17", - "text": "Writing Semantic HTML" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1583", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "647", - "properties": { - "controlName": "102-html:forms-and-validations" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "172", - "measuredW": "169", - "measuredH": "25", - "x": "71", - "y": "13", - "properties": { - "size": "17", - "text": "Forms and Validations" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1584", - "typeID": "__group__", - "zOrder": "78", - "measuredW": "304", - "measuredH": "49", - "w": "304", - "h": "49", - "x": "152", - "y": "690", - "properties": { - "controlName": "103-html:conventions-and-best-practices" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "9", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "248", - "measuredW": "246", - "measuredH": "25", - "x": "33", - "y": "17", - "properties": { - "size": "17", - "text": "Conventions and Best Practices" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1585", - "typeID": "__group__", - "zOrder": "79", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "543", - "y": "681", - "properties": { - "controlName": "102-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "108", - "y": "14", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS" - } - } - ] - } - } - }, - { - "ID": "1586", - "typeID": "__group__", - "zOrder": "80", - "measuredW": "123", - "measuredH": "193", - "w": "123", - "h": "193", - "x": "1183", - "y": "652", - "properties": { - "controlName": "101-css:making-layouts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "116", - "h": "185", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "8", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "47", - "measuredH": "25", - "x": "35", - "y": "21", - "properties": { - "size": "17", - "text": "Floats" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "84", - "measuredH": "25", - "x": "16", - "y": "48", - "properties": { - "size": "17", - "text": "Positioning" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "56", - "measuredH": "25", - "x": "30", - "y": "75", - "properties": { - "size": "17", - "text": "Display" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "82", - "measuredH": "25", - "x": "19", - "y": "102", - "properties": { - "size": "17", - "text": "Box Model" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "70", - "measuredH": "25", - "x": "22", - "y": "129", - "properties": { - "size": "17", - "text": "CSS Grid" - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "measuredW": "65", - "measuredH": "25", - "x": "26", - "y": "156", - "properties": { - "size": "17", - "text": "Flex Box" - } - }, - { - "ID": "7", - "typeID": "Icon", - "zOrder": "7", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1587", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "289", - "measuredH": "47", - "w": "289", - "h": "47", - "x": "875", - "y": "679", - "properties": { - "controlName": "100-css:learn-the-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "140", - "measuredW": "128", - "measuredH": "25", - "x": "70", - "y": "13", - "properties": { - "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1588", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "290", - "measuredH": "51", - "w": "290", - "h": "51", - "x": "874", - "y": "728", - "properties": { - "controlName": "101-css:making-layouts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "281", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "130", - "measuredW": "120", - "measuredH": "25", - "x": "76", - "y": "15", - "properties": { - "size": "17", - "text": "Making Layouts" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "266", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "266", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1589", - "typeID": "Canvas", - "zOrder": "83", - "w": "350", - "h": "141", - "measuredW": "100", - "measuredH": "70", - "x": "933", - "y": "169" - }, - { - "ID": "1590", - "typeID": "Label", - "zOrder": "84", - "measuredW": "314", - "measuredH": "25", - "x": "947", - "y": "186", - "properties": { - "size": "17", - "text": "Find the detailed version of this roadmap" - } - }, - { - "ID": "1591", - "typeID": "Label", - "zOrder": "85", - "measuredW": "319", - "measuredH": "25", - "x": "947", - "y": "214", - "properties": { - "size": "17", - "text": "along with resources and other roadmaps" - } - }, - { - "ID": "1592", - "typeID": "__group__", - "zOrder": "86", - "measuredW": "288", - "measuredH": "45", - "w": "288", - "h": "45", - "x": "874", - "y": "783", - "properties": { - "controlName": "102-css:responsive-design-and-media-queries" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "2", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "248", - "measuredW": "246", - "measuredH": "22", - "x": "18", - "y": "12", - "properties": { - "size": "14", - "text": "Responsive design and Media Queries" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1593", - "typeID": "__group__", - "zOrder": "87", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "543", - "y": "738", - "properties": { - "controlName": "103-javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "82", - "measuredH": "25", - "x": "82", - "y": "13", - "properties": { - "bold": "true", - "size": "17", - "text": "JavaScript" - } - } - ] - } - } - }, - { - "ID": "1594", - "typeID": "__group__", - "zOrder": "88", - "measuredW": "304", - "measuredH": "48", - "w": "304", - "h": "48", - "x": "152", - "y": "753", - "properties": { - "controlName": "100-javascript:syntax-and-basic-constructs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "8", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "228", - "measuredW": "219", - "measuredH": "25", - "x": "43", - "y": "16", - "properties": { - "size": "17", - "text": "Syntax and Basic Constructs" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1595", - "typeID": "__group__", - "zOrder": "89", - "measuredW": "305", - "measuredH": "45", - "w": "305", - "h": "45", - "x": "152", - "y": "802", - "properties": { - "controlName": "101-javascript:learn-dom-manipulation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "297", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "197", - "measuredW": "193", - "measuredH": "25", - "x": "59", - "y": "13", - "properties": { - "size": "17", - "text": "Learn DOM Manipulation" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1596", - "typeID": "__group__", - "zOrder": "90", - "measuredW": "305", - "measuredH": "117", - "w": "305", - "h": "117", - "x": "151", - "y": "947", - "properties": { - "controlName": "104-javascript:concepts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "113", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "247", - "measuredW": "246", - "measuredH": "25", - "x": "34", - "y": "49", - "properties": { - "size": "17", - "text": "Hoisting, Event Bubbling, Scope," - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "245", - "measuredW": "231", - "measuredH": "25", - "x": "36", - "y": "78", - "properties": { - "size": "17", - "text": "Prototype, Shadow DOM, strict" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "202", - "measuredW": "195", - "measuredH": "25", - "x": "57", - "y": "19", - "properties": { - "size": "17", - "text": "Understand the concepts" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1597", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "849", - "properties": { - "controlName": "102-javascript:learn-fetch-api-ajax-xhr" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "234", - "measuredW": "224", - "measuredH": "25", - "x": "40", - "y": "13", - "properties": { - "size": "17", - "text": "Learn Fetch API / Ajax (XHR)" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1598", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "305", - "measuredH": "47", - "w": "305", - "h": "47", - "x": "151", - "y": "895", - "properties": { - "controlName": "103-javascript:es6-and-modular-javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "234", - "measuredW": "228", - "measuredH": "25", - "x": "41", - "y": "15", - "properties": { - "size": "17", - "text": "ES6+ and modular JavaScript" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1599", - "typeID": "__group__", - "zOrder": "93", - "measuredW": "320", - "measuredH": "45", - "w": "320", - "h": "45", - "x": "948", - "y": "250", - "properties": { - "controlName": "ext_link:roadmap.sh" + "controlName": "101-html" }, "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "105", - "measuredH": "28", - "x": "139", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "35", - "measuredH": "28", - "x": "76", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "http" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "5", - "measuredH": "28", - "x": "113", - "y": "8", + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "250", + "h": "55", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "bold": "true", - "color": "16777215", - "size": "20", - "text": ":" + "color": "16776960" } }, { - "ID": "4", + "ID": "1", "typeID": "Label", - "zOrder": "4", - "measuredW": "10", - "measuredH": "28", - "x": "120", - "y": "9", + "zOrder": "1", + "measuredW": "48", + "measuredH": "25", + "x": "101", + "y": "16", "properties": { - "color": "16777215", - "size": "20", - "text": "/" + "size": "17", + "text": "HTML" } - }, + } + ] + } + } + }, + { + "ID": "8236", + "typeID": "__group__", + "zOrder": "90", + "measuredW": "144", + "measuredH": "40", + "w": "144", + "h": "40", + "x": "624", + "y": "273", + "properties": { + "controlName": "ext_link:roadmap.sh/frontend" + }, + "children": { + "controls": { + "control": [ { - "ID": "5", + "ID": "0", "typeID": "Label", - "zOrder": "5", - "measuredW": "10", - "measuredH": "28", - "x": "128", - "y": "9", + "zOrder": "0", + "measuredW": "144", + "measuredH": "40", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "size": "20", - "text": "/" + "size": "32", + "text": "Front-end" } } ] @@ -3725,17 +1576,17 @@ } }, { - "ID": "1600", + "ID": "8237", "typeID": "__group__", - "zOrder": "94", - "measuredW": "187", - "measuredH": "60", - "w": "187", - "h": "60", - "x": "564", - "y": "439", + "zOrder": "91", + "measuredW": "304", + "measuredH": "47", + "w": "304", + "h": "47", + "x": "152", + "y": "552", "properties": { - "controlName": "100-internet" + "controlName": "100-html:learn-the-basics" }, "children": { "controls": { @@ -3744,29 +1595,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "178", - "h": "50", + "w": "296", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "10", + "x": "8", + "y": "7", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "75", - "measuredW": "63", + "w": "134", + "measuredW": "128", "measuredH": "25", - "x": "64", - "y": "23", + "x": "90", + "y": "15", "properties": { "size": "17", - "text": "Internet", - "bold": "true" + "text": "Learn the basics" } }, { @@ -3806,17 +1656,17 @@ } }, { - "ID": "1601", + "ID": "8238", "typeID": "__group__", - "zOrder": "95", - "measuredW": "306", - "measuredH": "53", - "w": "306", - "h": "53", - "x": "153", - "y": "391", + "zOrder": "92", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", + "x": "152", + "y": "601", "properties": { - "controlName": "100-internet:how-does-the-internet-work" + "controlName": "101-html:writing-semantic-html" }, "children": { "controls": { @@ -3825,12 +1675,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", - "h": "44", + "w": "296", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "9", + "x": "8", + "y": "5", "properties": { "color": "16770457" } @@ -3839,14 +1689,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "223", - "measuredW": "219", + "w": "189", + "measuredW": "183", "measuredH": "25", - "x": "45", - "y": "19", + "x": "63", + "y": "13", "properties": { "size": "17", - "text": "How does the internet work?" + "text": "Writing Semantic HTML" } }, { @@ -3874,7 +1724,7 @@ "x": "0", "y": "0", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -3886,17 +1736,17 @@ } }, { - "ID": "1602", + "ID": "8239", "typeID": "__group__", - "zOrder": "96", - "measuredW": "307", - "measuredH": "47", - "w": "307", - "h": "47", + "zOrder": "93", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", "x": "152", - "y": "443", + "y": "647", "properties": { - "controlName": "101-internet:what-is-http" + "controlName": "102-html:forms-and-validations" }, "children": { "controls": { @@ -3905,12 +1755,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", + "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", - "y": "7", + "y": "5", "properties": { "color": "16770457" } @@ -3919,14 +1769,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "119", - "measuredW": "113", + "w": "172", + "measuredW": "169", "measuredH": "25", - "x": "98", - "y": "15", + "x": "71", + "y": "13", "properties": { "size": "17", - "text": "What is HTTP?" + "text": "Forms and Validations" } }, { @@ -3966,17 +1816,17 @@ } }, { - "ID": "1603", + "ID": "8240", "typeID": "__group__", - "zOrder": "97", - "measuredW": "307", - "measuredH": "48", - "w": "307", - "h": "48", + "zOrder": "94", + "measuredW": "304", + "measuredH": "49", + "w": "304", + "h": "49", "x": "152", - "y": "488", + "y": "690", "properties": { - "controlName": "102-internet:browsers-and-how-they-work" + "controlName": "103-html:conventions-and-best-practices" }, "children": { "controls": { @@ -3985,12 +1835,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", + "w": "296", "h": "40", "measuredW": "200", "measuredH": "140", "x": "8", - "y": "8", + "y": "9", "properties": { "color": "16770457" } @@ -3999,14 +1849,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "230", - "measuredW": "225", + "w": "248", + "measuredW": "246", "measuredH": "25", - "x": "42", - "y": "16", + "x": "33", + "y": "17", "properties": { "size": "17", - "text": "Browsers and how they work?" + "text": "Conventions and Best Practices" } }, { @@ -4046,17 +1896,17 @@ } }, { - "ID": "1604", + "ID": "8241", "typeID": "__group__", - "zOrder": "98", - "measuredW": "289", - "measuredH": "49", - "w": "289", - "h": "49", - "x": "875", - "y": "388", + "zOrder": "95", + "measuredW": "250", + "measuredH": "50", + "w": "250", + "h": "50", + "x": "543", + "y": "681", "properties": { - "controlName": "103-internet:dns-and-how-it-works" + "controlName": "102-css" }, "children": { "controls": { @@ -4065,60 +1915,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "250", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "9", + "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "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", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "108", + "y": "14", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "CSS" } } ] @@ -4126,17 +1943,17 @@ } }, { - "ID": "1605", + "ID": "8242", "typeID": "__group__", - "zOrder": "99", - "measuredW": "289", - "measuredH": "45", - "w": "289", - "h": "45", - "x": "874", - "y": "438", + "zOrder": "96", + "measuredW": "123", + "measuredH": "193", + "w": "123", + "h": "193", + "x": "1183", + "y": "652", "properties": { - "controlName": "104-internet:what-is-domain-name" + "controlName": "101-css:making-layouts" }, "children": { "controls": { @@ -4145,12 +1962,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "116", + "h": "185", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "5", + "y": "8", "properties": { "color": "16770457" } @@ -4159,23 +1976,87 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "189", - "measuredW": "180", + "measuredW": "47", "measuredH": "25", - "x": "51", - "y": "13", + "x": "35", + "y": "21", "properties": { "size": "17", - "text": "What is Domain Name?" + "text": "Floats" } }, { "ID": "2", - "typeID": "Icon", + "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": "265", + "x": "99", "y": "0", "properties": { "color": "16777215", @@ -4186,12 +2067,12 @@ } }, { - "ID": "3", + "ID": "8", "typeID": "Icon", - "zOrder": "3", + "zOrder": "8", "measuredW": "24", "measuredH": "24", - "x": "265", + "x": "99", "y": "0", "properties": { "color": "10027263", @@ -4206,17 +2087,17 @@ } }, { - "ID": "1606", + "ID": "8243", "typeID": "__group__", - "zOrder": "100", - "measuredW": "288", - "measuredH": "46", - "w": "288", - "h": "46", + "zOrder": "97", + "measuredW": "289", + "measuredH": "47", + "w": "289", + "h": "47", "x": "875", - "y": "483", + "y": "679", "properties": { - "controlName": "105-internet:what-is-hosting" + "controlName": "100-css:learn-the-basics" }, "children": { "controls": { @@ -4226,11 +2107,11 @@ "typeID": "TextArea", "zOrder": "0", "w": "280", - "h": "40", + "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "6", + "y": "4", "properties": { "color": "16770457" } @@ -4239,14 +2120,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "133", - "measuredW": "126", + "w": "140", + "measuredW": "128", "measuredH": "25", - "x": "74", - "y": "14", + "x": "70", + "y": "13", "properties": { "size": "17", - "text": "What is hosting?" + "text": "Learn the basics" } }, { @@ -4255,7 +2136,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "264", + "x": "265", "y": "0", "properties": { "color": "16777215", @@ -4271,7 +2152,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "264", + "x": "265", "y": "0", "properties": { "color": "10027263", @@ -4286,17 +2167,17 @@ } }, { - "ID": "1607", + "ID": "8244", "typeID": "__group__", - "zOrder": "101", - "measuredW": "288", - "measuredH": "48", - "w": "288", - "h": "48", - "x": "875", - "y": "581", + "zOrder": "98", + "measuredW": "290", + "measuredH": "51", + "w": "290", + "h": "51", + "x": "874", + "y": "728", "properties": { - "controlName": "104-html:accessibility" + "controlName": "101-css:making-layouts" }, "children": { "controls": { @@ -4305,12 +2186,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "281", + "h": "47", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "8", + "y": "4", "properties": { "color": "16770457" } @@ -4319,14 +2200,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "94", + "w": "130", + "measuredW": "120", "measuredH": "25", - "x": "89", - "y": "16", + "x": "76", + "y": "15", "properties": { "size": "17", - "text": "Accessibility" + "text": "Making Layouts" } }, { @@ -4335,7 +2216,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "264", + "x": "266", "y": "0", "properties": { "color": "16777215", @@ -4351,10 +2232,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "264", + "x": "266", "y": "0", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -4366,17 +2247,54 @@ } }, { - "ID": "1608", + "ID": "8245", + "typeID": "Canvas", + "zOrder": "99", + "w": "350", + "h": "141", + "measuredW": "100", + "measuredH": "70", + "x": "933", + "y": "169" + }, + { + "ID": "8246", + "typeID": "Label", + "zOrder": "100", + "measuredW": "314", + "measuredH": "25", + "x": "947", + "y": "186", + "properties": { + "size": "17", + "text": "Find the detailed version of this roadmap" + } + }, + { + "ID": "8247", + "typeID": "Label", + "zOrder": "101", + "measuredW": "319", + "measuredH": "25", + "x": "947", + "y": "214", + "properties": { + "size": "17", + "text": "along with resources and other roadmaps" + } + }, + { + "ID": "8248", "typeID": "__group__", "zOrder": "102", - "measuredW": "289", - "measuredH": "46", - "w": "289", - "h": "46", - "x": "875", - "y": "630", + "measuredW": "288", + "measuredH": "45", + "w": "288", + "h": "45", + "x": "874", + "y": "783", "properties": { - "controlName": "105-html:seo-basics" + "controlName": "102-css:responsive-design-and-media-queries" }, "children": { "controls": { @@ -4386,11 +2304,11 @@ "typeID": "TextArea", "zOrder": "0", "w": "280", - "h": "40", + "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "6", + "y": "2", "properties": { "color": "16770457" } @@ -4399,14 +2317,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "94", - "measuredW": "90", - "measuredH": "25", - "x": "93", - "y": "14", + "w": "248", + "measuredW": "246", + "measuredH": "22", + "x": "18", + "y": "12", "properties": { - "size": "17", - "text": "SEO Basics" + "size": "14", + "text": "Responsive design and Media Queries" } }, { @@ -4415,7 +2333,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "265", + "x": "264", "y": "0", "properties": { "color": "16777215", @@ -4431,10 +2349,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "265", + "x": "264", "y": "0", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -4446,17 +2364,17 @@ } }, { - "ID": "1609", + "ID": "8249", "typeID": "__group__", "zOrder": "103", - "measuredW": "225", - "measuredH": "62", - "w": "225", - "h": "62", - "x": "513", - "y": "972", + "measuredW": "250", + "measuredH": "50", + "w": "250", + "h": "50", + "x": "543", + "y": "738", "properties": { - "controlName": "100-version-control-systems:basic-usage-of-git" + "controlName": "103-javascript" }, "children": { "controls": { @@ -4465,12 +2383,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", - "h": "54", + "w": "250", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "8", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -4479,15 +2397,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "155", - "measuredW": "146", + "measuredW": "81", "measuredH": "25", - "x": "40", - "y": "23", + "x": "82", + "y": "13", + "properties": { + "size": "17", + "text": "JavaScript" + } + } + ] + } + } + }, + { + "ID": "8250", + "typeID": "__group__", + "zOrder": "104", + "measuredW": "304", + "measuredH": "48", + "w": "304", + "h": "48", + "x": "152", + "y": "753", + "properties": { + "controlName": "100-javascript:syntax-and-basic-constructs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "228", + "measuredW": "219", + "measuredH": "25", + "x": "43", + "y": "16", "properties": { - "bold": "true", "size": "17", - "text": "Basic Usage of Git" + "text": "Syntax and Basic Constructs" } }, { @@ -4527,17 +2491,17 @@ } }, { - "ID": "1610", + "ID": "8251", "typeID": "__group__", - "zOrder": "104", - "measuredW": "240", - "measuredH": "58", - "w": "240", - "h": "58", - "x": "994", - "y": "974", + "zOrder": "105", + "measuredW": "305", + "measuredH": "45", + "w": "305", + "h": "45", + "x": "152", + "y": "802", "properties": { - "controlName": "100-repo-hosting-services:github" + "controlName": "101-javascript:learn-dom-manipulation" }, "children": { "controls": { @@ -4546,29 +2510,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", - "h": "49", + "w": "297", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "10", - "y": "9", + "x": "8", + "y": "5", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "64", - "measuredW": "55", + "w": "197", + "measuredW": "193", "measuredH": "25", - "x": "97", - "y": "22", + "x": "59", + "y": "13", "properties": { - "bold": "true", "size": "17", - "text": "GitHub" + "text": "Learn DOM Manipulation" } }, { @@ -4608,17 +2571,17 @@ } }, { - "ID": "1611", + "ID": "8252", "typeID": "__group__", - "zOrder": "105", - "measuredW": "352", - "measuredH": "78", - "w": "352", - "h": "78", - "x": "885", - "y": "882", + "zOrder": "106", + "measuredW": "305", + "measuredH": "117", + "w": "305", + "h": "117", + "x": "151", + "y": "947", "properties": { - "controlName": "105-repo-hosting-services" + "controlName": "104-javascript:concepts" }, "children": { "controls": { @@ -4627,136 +2590,88 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "352", - "h": "78", + "w": "296", + "h": "113", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "9", + "y": "4", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "189", - "measuredW": "171", + "w": "247", + "measuredW": "246", "measuredH": "25", - "x": "77", - "y": "15", + "x": "34", + "y": "49", "properties": { - "bold": "true", "size": "17", - "text": "Repo hosting services" + "text": "Hoisting, Event Bubbling, Scope," } }, { "ID": "2", "typeID": "Label", "zOrder": "2", - "w": "279", - "measuredW": "275", - "measuredH": "23", - "x": "32", - "y": "41", - "properties": { - "size": "15", - "text": "Create account and Learn to use GitHub" - } - } - ] - } - } - }, - { - "ID": "1612", - "typeID": "Arrow", - "zOrder": "106", - "w": "96", - "h": "111", - "measuredW": "150", - "measuredH": "100", - "x": "318", - "y": "1626", - "properties": { - "color": "10027263", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4514556344894832, - "y": -0.030087755954868366 - }, - "p2": { - "x": 96, - "y": 111 - } - } - }, - { - "ID": "1613", - "typeID": "__group__", - "zOrder": "107", - "measuredW": "336", - "measuredH": "77", - "w": "336", - "h": "77", - "x": "522", - "y": "882", - "properties": { - "controlName": "104-version-control-systems" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "336", - "h": "77", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", + "w": "245", + "measuredW": "231", + "measuredH": "25", + "x": "36", + "y": "78", "properties": { - "color": "16776960" + "size": "17", + "text": "Prototype, Shadow DOM, strict" } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "201", - "measuredW": "189", + "zOrder": "3", + "w": "202", + "measuredW": "195", "measuredH": "25", - "x": "65", - "y": "15", + "x": "57", + "y": "19", "properties": { - "bold": "true", "size": "17", - "text": "Version Control Systems" + "text": "Understand the concepts" } }, { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "292", - "measuredW": "285", - "measuredH": "23", - "x": "19", - "y": "40", + "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": { - "size": "15", - "text": "What are they and why you should use one" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -4764,17 +2679,17 @@ } }, { - "ID": "1614", + "ID": "8253", "typeID": "__group__", - "zOrder": "108", - "measuredW": "211", - "measuredH": "53", - "w": "211", - "h": "53", - "x": "508", - "y": "1244", + "zOrder": "107", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", + "x": "152", + "y": "849", "properties": { - "controlName": "107-package-managers" + "controlName": "102-javascript:learn-fetch-api-ajax-xhr" }, "children": { "controls": { @@ -4783,29 +2698,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "211", - "h": "53", + "w": "296", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "8", + "y": "5", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "154", - "measuredW": "150", + "w": "234", + "measuredW": "224", "measuredH": "25", - "x": "29", - "y": "14", + "x": "40", + "y": "13", "properties": { - "bold": "true", "size": "17", - "text": "Package Managers" + "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" + } } } ] @@ -4813,17 +2759,17 @@ } }, { - "ID": "1615", + "ID": "8254", "typeID": "__group__", - "zOrder": "109", - "measuredW": "158", - "measuredH": "58", - "w": "158", - "h": "58", - "x": "228", - "y": "1229", + "zOrder": "108", + "measuredW": "305", + "measuredH": "47", + "w": "305", + "h": "47", + "x": "151", + "y": "895", "properties": { - "controlName": "100-package-managers:npm" + "controlName": "103-javascript:es6-and-modular-javascript" }, "children": { "controls": { @@ -4832,12 +2778,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "151", - "h": "49", + "w": "296", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "9", + "x": "9", + "y": "7", "properties": { "color": "16770457" } @@ -4846,15 +2792,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "36", - "measuredW": "34", + "w": "234", + "measuredW": "228", "measuredH": "25", - "x": "64", - "y": "21", + "x": "41", + "y": "15", "properties": { - "bold": "true", "size": "17", - "text": "npm" + "text": "ES6+ and modular JavaScript" } }, { @@ -4894,72 +2839,105 @@ } }, { - "ID": "1616", + "ID": "8255", "typeID": "__group__", - "zOrder": "110", - "measuredW": "297", - "measuredH": "107", - "w": "297", - "h": "107", - "x": "160", - "y": "1108", - "properties": { - "controlName": "100-package-managers" + "zOrder": "109", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "948", + "y": "250", + "properties": { + "controlName": "ext_link:roadmap.sh" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Canvas", "zOrder": "0", - "w": "297", - "h": "107", - "measuredW": "200", - "measuredH": "140", + "w": "320", + "h": "45", + "measuredW": "100", + "measuredH": "70", "x": "0", - "y": "0" + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "261", - "measuredW": "244", - "measuredH": "25", - "x": "16", - "y": "14", + "measuredW": "105", + "measuredH": "28", + "x": "139", + "y": "8", "properties": { - "size": "17", - "text": "npm and yarn both are fine, pick" + "color": "16777215", + "size": "20", + "text": "roadmap.sh" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", - "w": "132", - "measuredW": "127", - "measuredH": "25", - "x": "16", - "y": "67", + "measuredW": "35", + "measuredH": "28", + "x": "76", + "y": "8", "properties": { - "size": "17", - "text": "much difference." + "color": "16777215", + "size": "20", + "text": "http" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", - "w": "248", - "measuredW": "226", - "measuredH": "25", - "x": "16", - "y": "41", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", "properties": { - "size": "17", - "text": "one or learn both, there is not" + "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": "/" } } ] @@ -4967,17 +2945,17 @@ } }, { - "ID": "1617", + "ID": "8256", "typeID": "__group__", - "zOrder": "111", - "measuredW": "238", - "measuredH": "54", - "w": "238", - "h": "54", - "x": "996", - "y": "1090", + "zOrder": "110", + "measuredW": "187", + "measuredH": "60", + "w": "187", + "h": "60", + "x": "564", + "y": "439", "properties": { - "controlName": "102-repo-hosting-services:bitbucket" + "controlName": "100-internet" }, "children": { "controls": { @@ -4986,34 +2964,31 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", - "h": "49", + "w": "178", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "5", + "x": "9", + "y": "10", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "80", - "measuredW": "75", + "measuredW": "62", "measuredH": "25", - "x": "83", - "y": "17", + "x": "67", + "y": "23", "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "Bitbucket" + "text": "Internet", + "size": "17" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", @@ -5029,31 +3004,15 @@ } }, { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -5065,17 +3024,17 @@ } }, { - "ID": "1618", + "ID": "8257", "typeID": "__group__", - "zOrder": "112", - "measuredW": "238", - "measuredH": "55", - "w": "238", - "h": "55", - "x": "996", - "y": "1033", + "zOrder": "111", + "measuredW": "306", + "measuredH": "53", + "w": "306", + "h": "53", + "x": "153", + "y": "391", "properties": { - "controlName": "101-repo-hosting-services:gitlab" + "controlName": "100-internet:how-does-the-internet-work" }, "children": { "controls": { @@ -5084,12 +3043,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", - "h": "49", + "w": "299", + "h": "44", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "6", + "x": "7", + "y": "9", "properties": { "color": "16770457" } @@ -5098,19 +3057,18 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "52", + "w": "223", + "measuredW": "219", "measuredH": "25", - "x": "93", - "y": "18", + "x": "45", + "y": "19", "properties": { - "bold": "true", - "color": "3355443", "size": "17", - "text": "GitLab" + "text": "How does the internet work?" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", @@ -5126,7 +3084,7 @@ } }, { - "ID": "4", + "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", @@ -5134,23 +3092,7 @@ "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", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -5162,17 +3104,17 @@ } }, { - "ID": "1619", + "ID": "8258", "typeID": "__group__", - "zOrder": "113", - "measuredW": "381", - "measuredH": "62", - "w": "381", - "h": "62", - "x": "564", - "y": "1065", + "zOrder": "112", + "measuredW": "307", + "measuredH": "47", + "w": "307", + "h": "47", + "x": "152", + "y": "443", "properties": { - "controlName": "106-web-security-knowledge" + "controlName": "101-internet:what-is-http" }, "children": { "controls": { @@ -5181,29 +3123,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "372", - "h": "54", + "w": "299", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "8", + "x": "8", + "y": "7", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "203", - "measuredW": "192", + "w": "119", + "measuredW": "113", "measuredH": "25", - "x": "94", - "y": "23", + "x": "98", + "y": "15", "properties": { - "bold": "true", "size": "17", - "text": "Web Security Knowledge" + "text": "What is HTTP?" } }, { @@ -5231,7 +3172,7 @@ "x": "0", "y": "0", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -5243,43 +3184,47 @@ } }, { - "ID": "1620", + "ID": "8259", "typeID": "__group__", - "zOrder": "114", - "measuredW": "408", - "measuredH": "162", - "w": "408", - "h": "162", - "x": "151", - "y": "183", + "zOrder": "113", + "measuredW": "307", + "measuredH": "48", + "w": "307", + "h": "48", + "x": "152", + "y": "488", + "properties": { + "controlName": "102-internet:browsers-and-how-they-work" + }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" + "w": "299", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16770457" + } }, { "ID": "1", - "typeID": "Icon", + "typeID": "Label", "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", + "w": "230", + "measuredW": "225", + "measuredH": "25", + "x": "42", + "y": "16", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "17", + "text": "Browsers and how they work?" } }, { @@ -5288,80 +3233,8 @@ "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", + "x": "0", + "y": "0", "properties": { "color": "16777215", "icon": { @@ -5371,58 +3244,77 @@ } }, { - "ID": "8", + "ID": "3", "typeID": "Icon", - "zOrder": "8", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "86", + "x": "0", + "y": "0", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" } } - }, + } + ] + } + } + }, + { + "ID": "8260", + "typeID": "__group__", + "zOrder": "114", + "measuredW": "289", + "measuredH": "49", + "w": "289", + "h": "49", + "x": "875", + "y": "388", + "properties": { + "controlName": "103-internet:dns-and-how-it-works" + }, + "children": { + "controls": { + "control": [ { - "ID": "9", - "typeID": "Label", - "zOrder": "9", - "measuredW": "272", - "measuredH": "24", - "x": "59", - "y": "54", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" + "color": "16770457" } }, { - "ID": "10", - "typeID": "Icon", - "zOrder": "10", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "179", + "measuredW": "175", + "measuredH": "25", + "x": "51", + "y": "17", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "17", + "text": "DNS and how it works?" } }, { - "ID": "11", + "ID": "2", "typeID": "Icon", - "zOrder": "11", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "53", + "x": "265", + "y": "0", "properties": { "color": "16777215", "icon": { @@ -5432,15 +3324,15 @@ } }, { - "ID": "12", + "ID": "3", "typeID": "Icon", - "zOrder": "12", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "53", + "x": "265", + "y": "0", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -5452,28 +3344,17 @@ } }, { - "ID": "1621", - "typeID": "TextArea", - "zOrder": "115", - "w": "456", - "h": "161", - "measuredW": "200", - "measuredH": "140", - "x": "837", - "y": "1168" - }, - { - "ID": "1622", + "ID": "8261", "typeID": "__group__", - "zOrder": "116", - "measuredW": "163", - "measuredH": "48", - "w": "163", - "h": "48", - "x": "852", - "y": "1267", + "zOrder": "115", + "measuredW": "289", + "measuredH": "45", + "w": "289", + "h": "45", + "x": "874", + "y": "438", "properties": { - "controlName": "102-web-security-knowledge:cors" + "controlName": "104-internet:what-is-domain-name" }, "children": { "controls": { @@ -5482,12 +3363,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "163", - "h": "48", + "w": "280", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "5", "properties": { "color": "16770457" } @@ -5496,15 +3377,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "51", - "measuredW": "47", + "w": "189", + "measuredW": "180", "measuredH": "25", - "x": "56", - "y": "12", + "x": "51", + "y": "13", "properties": { - "bold": "true", "size": "17", - "text": "CORS" + "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" + } } } ] @@ -5512,17 +3424,17 @@ } }, { - "ID": "1623", + "ID": "8262", "typeID": "__group__", - "zOrder": "117", - "measuredW": "166", - "measuredH": "49", - "w": "166", - "h": "49", - "x": "851", - "y": "1212", + "zOrder": "116", + "measuredW": "288", + "measuredH": "46", + "w": "288", + "h": "46", + "x": "875", + "y": "483", "properties": { - "controlName": "100-web-security-knowledge:https" + "controlName": "105-internet:what-is-hosting" }, "children": { "controls": { @@ -5531,12 +3443,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "166", - "h": "49", + "w": "280", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "6", "properties": { "color": "16770457" } @@ -5545,15 +3457,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "63", - "measuredW": "53", + "w": "133", + "measuredW": "126", "measuredH": "25", - "x": "54", - "y": "12", + "x": "74", + "y": "14", "properties": { - "bold": "true", "size": "17", - "text": "HTTPS" + "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" + } } } ] @@ -5561,17 +3504,17 @@ } }, { - "ID": "1624", + "ID": "8263", "typeID": "__group__", - "zOrder": "118", - "measuredW": "257", - "measuredH": "49", - "w": "257", - "h": "49", - "x": "1022", - "y": "1212", + "zOrder": "117", + "measuredW": "288", + "measuredH": "48", + "w": "288", + "h": "48", + "x": "875", + "y": "581", "properties": { - "controlName": "101-web-security-knowledge:content-security-policy" + "controlName": "104-html:accessibility" }, "children": { "controls": { @@ -5580,12 +3523,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "280", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16770457" } @@ -5594,15 +3537,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "196", - "measuredW": "179", + "w": "101", + "measuredW": "94", "measuredH": "25", - "x": "31", - "y": "12", + "x": "89", + "y": "16", "properties": { - "bold": "true", "size": "17", - "text": "Content Security Policy" + "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" + } } } ] @@ -5610,17 +3584,17 @@ } }, { - "ID": "1625", + "ID": "8264", "typeID": "__group__", - "zOrder": "119", - "measuredW": "257", - "measuredH": "49", - "w": "257", - "h": "49", - "x": "1022", - "y": "1266", + "zOrder": "118", + "measuredW": "289", + "measuredH": "46", + "w": "289", + "h": "46", + "x": "875", + "y": "630", "properties": { - "controlName": "103-web-security-knowledge:owasp-security-risks" + "controlName": "105-html:seo-basics" }, "children": { "controls": { @@ -5629,358 +3603,78 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "280", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "6", "properties": { "color": "16770457" } }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "187", - "measuredW": "172", - "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "bold": "true", - "size": "17", - "text": "OWASP Security Risks" - } - } - ] - } - } - }, - { - "ID": "1626", - "typeID": "Label", - "zOrder": "120", - "w": "372", - "measuredW": "344", - "measuredH": "25", - "x": "853", - "y": "1181", - "properties": { - "size": "17", - "text": "Get at least a basic knowledge of all of these" - } - }, - { - "ID": "1627", - "typeID": "Icon", - "zOrder": "121", - "measuredW": "24", - "measuredH": "24", - "x": "828", - "y": "1159", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1628", - "typeID": "Icon", - "zOrder": "122", - "measuredW": "24", - "measuredH": "24", - "x": "828", - "y": "1159", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "1629", - "typeID": "Arrow", - "zOrder": "123", - "w": "201", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "603", - "y": "3042", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 200, - "y": 0 - }, - "p1": { - "x": 0.5976298194338792, - "y": 0.018096648917003643 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" - } - }, - { - "ID": "1630", - "typeID": "Arrow", - "zOrder": "124", - "w": "41", - "h": "124", - "measuredW": "150", - "measuredH": "100", - "x": "742", - "y": "2909", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 37, - "y": 0 - }, - "p1": { - "x": 0.5697582243361078, - "y": -0.30657946888624726 - }, - "p2": { - "x": 40, - "y": 123 - }, - "rightArrow": "false" - } - }, - { - "ID": "1631", - "typeID": "Arrow", - "zOrder": "125", - "w": "97", - "h": "17", - "measuredW": "150", - "measuredH": "100", - "x": "897", - "y": "2880", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 96, - "y": 0 - }, - "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967626 - }, - "p2": { - "x": 0, - "y": 16 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1632", - "typeID": "Arrow", - "zOrder": "126", - "w": "78", - "h": "22", - "measuredW": "150", - "measuredH": "100", - "x": "903", - "y": "2911", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 77, - "y": 21 - }, - "p1": { - "x": 0.4835193355826629, - "y": 0.0072670646249675805 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1633", - "typeID": "Arrow", - "zOrder": "127", - "w": "158", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "286", - "y": "2958", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4319942611190819, - "y": -0.006169296987087513 - }, - "p2": { - "x": 157, - "y": 71 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1634", - "typeID": "Arrow", - "zOrder": "128", - "w": "134", - "h": "145", - "measuredW": "150", - "measuredH": "100", - "x": "1059", - "y": "3059", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 133, - "y": 144 - }, - "p1": { - "x": 0.5642023346303501, - "y": 0.02723735408560301 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1635", - "typeID": "Arrow", - "zOrder": "129", - "w": "144", - "h": "111", - "measuredW": "150", - "measuredH": "100", - "x": "1049", - "y": "3049", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 143, - "y": 110 - }, - "p1": { - "x": 0.5591257349884183, - "y": 0.009087129536140616 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1636", - "typeID": "Arrow", - "zOrder": "130", - "w": "145", - "h": "78", - "measuredW": "150", - "measuredH": "100", - "x": "1053", - "y": "3043", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 144, - "y": 77 - }, - "p1": { - "x": 0.5642023346303502, - "y": 0.027237354085603124 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1637", - "typeID": "Arrow", - "zOrder": "131", - "w": "29", - "h": "229", - "measuredW": "150", - "measuredH": "100", - "x": "824", - "y": "2678", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 228 - }, - "p1": { - "x": 0.4409025564097753, - "y": -0.09294330895680976 - }, - "p2": { - "x": 15, - "y": 0 - }, - "rightArrow": "false" + { + "ID": "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": "1638", + "ID": "8265", "typeID": "__group__", - "zOrder": "132", - "measuredW": "392", - "measuredH": "141", - "w": "392", - "h": "141", - "x": "723", - "y": "1381", + "zOrder": "119", + "measuredW": "225", + "measuredH": "62", + "w": "225", + "h": "62", + "x": "513", + "y": "972", "properties": { - "controlName": "109-css-preprocessors" + "controlName": "100-version-control-systems:basic-usage-of-git" }, "children": { "controls": { @@ -5989,12 +3683,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "392", - "h": "141", + "w": "216", + "h": "54", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "9", + "y": "8", "properties": { "color": "16776960" } @@ -6003,57 +3697,124 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "157", - "measuredW": "151", + "measuredW": "144", "measuredH": "25", - "x": "113", - "y": "17", + "x": "45", + "y": "23", "properties": { - "bold": "true", - "size": "17", - "text": "CSS Preprocessors" + "text": "Basic Usage of Git", + "size": "17" } }, { "ID": "2", - "typeID": "Label", + "typeID": "Icon", "zOrder": "2", - "w": "350", - "measuredW": "332", - "measuredH": "23", - "x": "18", - "y": "49", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", "properties": { - "size": "15", - "text": "With how the modern frameworks there has been" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "3", - "typeID": "Label", + "typeID": "Icon", "zOrder": "3", - "w": "356", - "measuredW": "344", - "measuredH": "23", - "x": "18", - "y": "76", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", "properties": { - "size": "15", - "text": "more push towards CSS-in-JS so you may not need" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "8266", + "typeID": "__group__", + "zOrder": "120", + "measuredW": "240", + "measuredH": "58", + "w": "240", + "h": "58", + "x": "994", + "y": "974", + "properties": { + "controlName": "100-repo-hosting-services:github" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "9", + "properties": { + "color": "16776960" } }, { - "ID": "4", + "ID": "1", "typeID": "Label", - "zOrder": "4", - "w": "350", - "measuredW": "324", - "measuredH": "23", - "x": "18", - "y": "102", + "zOrder": "1", + "measuredW": "54", + "measuredH": "25", + "x": "98", + "y": "22", "properties": { - "size": "15", - "text": "these but still a good idea to familiarize yourself." + "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" + } } } ] @@ -6061,108 +3822,17 @@ } }, { - "ID": "1639", - "typeID": "Arrow", - "zOrder": "133", - "h": "33", - "measuredW": "150", - "measuredH": "100", - "x": "1049", - "y": "3040", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 149, - "y": 32 - }, - "p1": { - "x": 0.5905801701155262, - "y": -0.014345563031611016 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1640", - "typeID": "Arrow", - "zOrder": "134", - "w": "141", - "h": "16", - "measuredW": "150", - "measuredH": "100", - "x": "1054", - "y": "3022", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 140, - "y": 0 - }, - "p1": { - "x": 0.5446556671449067, - "y": -0.004842180774748907 - }, - "p2": { - "x": 0, - "y": 15 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1641", - "typeID": "Arrow", - "zOrder": "135", - "w": "144", - "h": "60", - "measuredW": "150", - "measuredH": "100", - "x": "1048", - "y": "2973", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 143, - "y": 0 - }, - "p1": { - "x": 0.5359734790789354, - "y": 0.012722874294418268 - }, - "p2": { - "x": 0, - "y": 59 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1642", + "ID": "8267", "typeID": "__group__", - "zOrder": "136", - "measuredW": "392", - "measuredH": "141", - "w": "392", - "h": "141", - "x": "312", - "y": "1378", + "zOrder": "121", + "measuredW": "352", + "measuredH": "78", + "w": "352", + "h": "78", + "x": "885", + "y": "882", "properties": { - "controlName": "108-css-architecture" + "controlName": "105-repo-hosting-services" }, "children": { "controls": { @@ -6171,8 +3841,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "392", - "h": "141", + "w": "352", + "h": "78", "measuredW": "200", "measuredH": "140", "x": "0", @@ -6185,57 +3855,88 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "148", - "measuredW": "133", + "measuredW": "172", "measuredH": "25", - "x": "122", - "y": "18", + "x": "90", + "y": "15", "properties": { - "bold": "true", - "size": "17", - "text": "CSS Architecture" + "text": "Repo hosting services", + "size": "17" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", - "w": "351", - "measuredW": "335", + "w": "279", + "measuredW": "275", "measuredH": "23", - "x": "19", - "y": "51", + "x": "32", + "y": "41", "properties": { "size": "15", - "text": "With modern frameworks and CSS-in-JS you don't" + "text": "Create account and Learn to use GitHub" + } + } + ] + } + } + }, + { + "ID": "8269", + "typeID": "__group__", + "zOrder": "122", + "measuredW": "336", + "measuredH": "77", + "w": "336", + "h": "77", + "x": "522", + "y": "882", + "properties": { + "controlName": "104-version-control-systems" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "336", + "h": "77", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "3", - "w": "359", - "measuredW": "344", - "measuredH": "23", - "x": "19", - "y": "77", + "zOrder": "1", + "measuredW": "186", + "measuredH": "25", + "x": "75", + "y": "15", "properties": { - "size": "15", - "text": "have to worry about these anymore but still it would" + "text": "Version Control Systems", + "size": "17" } }, { - "ID": "4", + "ID": "2", "typeID": "Label", - "zOrder": "4", - "w": "359", - "measuredW": "347", + "zOrder": "2", + "w": "292", + "measuredW": "285", "measuredH": "23", "x": "19", - "y": "103", + "y": "40", "properties": { "size": "15", - "text": "be a good idea to get familiarized with BEM atleast." + "text": "What are they and why you should use one" } } ] @@ -6243,17 +3944,17 @@ } }, { - "ID": "1643", + "ID": "8270", "typeID": "__group__", - "zOrder": "137", - "measuredW": "156", - "measuredH": "48", - "w": "156", - "h": "48", - "x": "141", - "y": "1369", + "zOrder": "123", + "measuredW": "211", + "measuredH": "53", + "w": "211", + "h": "53", + "x": "415", + "y": "1219", "properties": { - "controlName": "100-css-architecture:bem" + "controlName": "107-package-managers" }, "children": { "controls": { @@ -6262,12 +3963,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", - "h": "40", + "w": "211", + "h": "53", "measuredW": "200", "measuredH": "140", - "x": "10", - "y": "8", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -6276,14 +3977,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "45", - "measuredW": "38", + "measuredW": "149", "measuredH": "25", - "x": "66", - "y": "16", + "x": "31", + "y": "14", + "properties": { + "text": "Package Managers", + "size": "17" + } + } + ] + } + } + }, + { + "ID": "8271", + "typeID": "__group__", + "zOrder": "124", + "measuredW": "158", + "measuredH": "49", + "w": "158", + "h": "49", + "x": "154", + "y": "1114", + "properties": { + "controlName": "100-package-managers:npm" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "36", + "measuredW": "34", + "measuredH": "25", + "x": "65", + "y": "12", "properties": { "size": "17", - "text": "BEM" + "text": "npm" } }, { @@ -6293,7 +4041,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "11", "properties": { "color": "16777215", "icon": { @@ -6309,9 +4057,9 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "11", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -6323,17 +4071,17 @@ } }, { - "ID": "1644", + "ID": "8273", "typeID": "__group__", - "zOrder": "138", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "151", - "y": "1474", + "zOrder": "125", + "measuredW": "238", + "measuredH": "54", + "w": "238", + "h": "54", + "x": "996", + "y": "1090", "properties": { - "controlName": "102-css-architecture:smacss" + "controlName": "102-repo-hosting-services:bitbucket" }, "children": { "controls": { @@ -6342,116 +4090,76 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "44", + "w": "230", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "8", + "y": "5", "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "73", - "measuredW": "68", + "measuredW": "73", "measuredH": "25", - "x": "36", - "y": "10", + "x": "86", + "y": "17", "properties": { - "bold": "true", "color": "3355443", - "size": "17", - "text": "SMACSS" + "text": "Bitbucket", + "size": "17" } }, { - "ID": "2", - "typeID": "TextArea", + "ID": "3", + "typeID": "Icon", "zOrder": "2", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", + "measuredW": "24", + "measuredH": "24", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } - } - ] - } - } - }, - { - "ID": "1645", - "typeID": "__group__", - "zOrder": "139", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "152", - "y": "1423", - "properties": { - "controlName": "101-css-architecture:oocss" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", + "ID": "4", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "62", - "measuredW": "58", - "measuredH": "25", - "x": "42", - "y": "10", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "OOCSS" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", + "ID": "5", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -6459,165 +4167,17 @@ } }, { - "ID": "1646", - "typeID": "Arrow", - "zOrder": "140", - "w": "2", - "h": "104", - "measuredW": "150", - "measuredH": "100", - "x": "564", - "y": "3059", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.523291249455812, - "y": 0.00130605137135394 - }, - "p2": { - "x": 1, - "y": 103 - }, - "rightArrow": "false" - } - }, - { - "ID": "1647", - "typeID": "Arrow", - "zOrder": "141", - "w": "180", - "h": "45", - "measuredW": "150", - "measuredH": "100", - "x": "280", - "y": "3052", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 44 - }, - "p1": { - "x": 0.4319942611190816, - "y": -0.0061692969870875015 - }, - "p2": { - "x": 179, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1648", - "typeID": "Arrow", - "zOrder": "142", - "w": "87", - "h": "128", - "measuredW": "150", - "measuredH": "100", - "x": "995", - "y": "2689", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 86, - "y": 127 - }, - "p1": { - "x": 0.3984434389140272, - "y": 0.2406877828054298 - }, - "p2": { - "x": 1, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1649", - "typeID": "Arrow", - "zOrder": "143", - "w": "71", - "h": "81", - "measuredW": "150", - "measuredH": "100", - "x": "1007", - "y": "2686", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 70, - "y": 80 - }, - "p1": { - "x": 0.4436256975246818, - "y": 0.1679067105451423 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1650", - "typeID": "Arrow", - "zOrder": "144", - "w": "98", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "997", - "y": "2676", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 97, - "y": 0 - }, - "p1": { - "x": 0.48351933558266286, - "y": 0.007267064624967593 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1651", + "ID": "8274", "typeID": "__group__", - "zOrder": "145", - "measuredW": "214", - "measuredH": "50", - "w": "214", - "h": "50", - "x": "596", - "y": "1603", + "zOrder": "126", + "measuredW": "238", + "measuredH": "55", + "w": "238", + "h": "55", + "x": "996", + "y": "1033", "properties": { - "controlName": "110-build-tools" + "controlName": "101-repo-hosting-services:gitlab" }, "children": { "controls": { @@ -6626,134 +4186,94 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "214", - "h": "50", + "w": "230", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "8", + "y": "6", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "85", + "measuredW": "51", "measuredH": "25", - "x": "62", - "y": "13", + "x": "97", + "y": "18", "properties": { - "bold": "true", + "color": "3355443", "size": "17", - "text": "Build Tools" + "text": "GitLab" } - } - ] - } - } - }, - { - "ID": "1652", - "typeID": "Arrow", - "zOrder": "146", - "w": "134", - "h": "109", - "measuredW": "150", - "measuredH": "100", - "x": "697", - "y": "2562", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.6566784235546694, - "y": 0.1877932832387666 - }, - "p2": { - "x": 132, - "y": 108 - }, - "rightArrow": "false" - } - }, - { - "ID": "1653", - "typeID": "Arrow", - "zOrder": "147", - "w": "1", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "554", - "y": "2562", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4770488047048041, - "y": 0.005193614908729856 - }, - "p2": { - "x": 0, - "y": 85 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1654", - "typeID": "Arrow", - "zOrder": "148", - "w": "177", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "358", - "y": "2552", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 176, - "y": 0 - }, - "p1": { - "x": 0.477048804704804, - "y": 0.005193614908729856 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + }, + { + "ID": "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": "1655", + "ID": "8275", "typeID": "__group__", - "zOrder": "149", - "measuredW": "138", - "measuredH": "50", - "w": "138", - "h": "50", - "x": "365", - "y": "1546", + "zOrder": "127", + "measuredW": "381", + "measuredH": "62", + "w": "381", + "h": "62", + "x": "564", + "y": "1065", "properties": { - "controlName": "100-build-tools:task-runners" + "controlName": "106-web-security-knowledge" }, "children": { "controls": { @@ -6762,12 +4282,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "138", - "h": "50", + "w": "372", + "h": "54", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "9", + "y": "8", "properties": { "color": "16776960" } @@ -6776,14 +4296,45 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "105", + "measuredW": "189", "measuredH": "25", - "x": "17", - "y": "14", + "x": "100", + "y": "23", "properties": { - "bold": "true", - "size": "17", - "text": "Task Runners" + "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" + } } } ] @@ -6791,145 +4342,125 @@ } }, { - "ID": "1656", - "typeID": "Arrow", - "zOrder": "150", - "w": "116", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "729", - "y": "2551", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 115, - "y": 0 - }, - "p1": { - "x": 0.477048804704804, - "y": 0.005193614908729856 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" - } - }, - { - "ID": "1657", - "typeID": "Arrow", - "zOrder": "151", - "w": "119", - "h": "88", - "measuredW": "150", - "measuredH": "100", - "x": "800", - "y": "2446", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 118, - "y": 87 - }, - "p1": { - "x": 0.3818452519424929, - "y": -0.18457172102545016 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" - } - }, - { - "ID": "1658", - "typeID": "Arrow", - "zOrder": "152", - "w": "76", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "343", - "y": "2366", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 74, - "y": 1 - }, - "p1": { - "x": 0.5049180327868853, - "y": -0.02090163934426228 - }, - "p2": { - "x": 0, - "y": 3 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1659", + "ID": "8276", "typeID": "__group__", - "zOrder": "153", - "measuredW": "183", - "measuredH": "56", - "w": "183", - "h": "56", - "x": "146", - "y": "1536", - "properties": { - "controlName": "100-build-tools:task-runners:npm-scripts" - }, + "zOrder": "128", + "measuredW": "408", + "measuredH": "162", + "w": "408", + "h": "162", + "x": "151", + "y": "183", "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Canvas", "zOrder": "0", - "w": "176", - "h": "45", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "11", + "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": "16776960" + "color": "10066329", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", + "ID": "6", "typeID": "Label", - "zOrder": "1", - "w": "97", - "measuredW": "89", - "measuredH": "25", - "x": "47", - "y": "21", + "zOrder": "6", + "w": "324", + "measuredW": "315", + "measuredH": "24", + "x": "60", + "y": "86", "properties": { - "size": "17", - "text": "npm scripts" + "size": "16", + "text": "Order in roadmap not strict (Learn anytime)" } }, { - "ID": "2", + "ID": "7", "typeID": "Icon", - "zOrder": "2", + "zOrder": "7", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "23", + "y": "86", "properties": { "color": "16777215", "icon": { @@ -6939,184 +4470,58 @@ } }, { - "ID": "3", + "ID": "8", "typeID": "Icon", - "zOrder": "3", + "zOrder": "8", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "23", + "y": "86", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } - } - ] - } - } - }, - { - "ID": "1660", - "typeID": "Arrow", - "zOrder": "154", - "w": "1", - "h": "81", - "measuredW": "150", - "measuredH": "100", - "x": "616", - "y": "2209", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5750000000000001, - "y": 0 - }, - "p2": { - "x": 0, - "y": 80 - }, - "rightArrow": "false" - } - }, - { - "ID": "1661", - "typeID": "Arrow", - "zOrder": "155", - "w": "191", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "682", - "y": "2199", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 190, - "y": 2 - }, - "p1": { - "x": 0.5105398742417108, - "y": -0.0025761059250436276 - }, - "p2": { - "x": 0, - "y": 1 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1662", - "typeID": "__group__", - "zOrder": "156", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "868", - "y": "1604", - "properties": { - "controlName": "102-build-tools:linters-formatters" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "225", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } }, { - "ID": "1", + "ID": "9", "typeID": "Label", - "zOrder": "1", - "measuredW": "179", - "measuredH": "25", - "x": "19", - "y": "13", - "properties": { - "bold": "true", - "size": "17", - "text": "Linters and Formatters" - } - } - ] - } - } - }, - { - "ID": "1663", - "typeID": "__group__", - "zOrder": "157", - "measuredW": "155", - "measuredH": "46", - "w": "155", - "h": "46", - "x": "1150", - "y": "1549", - "properties": { - "controlName": "100-build-tools:linters-formatters:prettier" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "6", + "zOrder": "9", + "measuredW": "272", + "measuredH": "24", + "x": "59", + "y": "54", "properties": { - "color": "16776960" + "size": "16", + "text": "Alternative Option - Pick this or purple" } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "66", - "measuredW": "58", - "measuredH": "25", - "x": "44", - "y": "14", + "ID": "10", + "typeID": "Icon", + "zOrder": "10", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", "properties": { - "size": "17", - "text": "Prettier" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "2", + "ID": "11", "typeID": "Icon", - "zOrder": "2", + "zOrder": "11", "measuredW": "24", "measuredH": "24", - "x": "131", - "y": "0", + "x": "23", + "y": "53", "properties": { "color": "16777215", "icon": { @@ -7126,19 +4531,77 @@ } }, { - "ID": "3", + "ID": "12", "typeID": "Icon", - "zOrder": "3", + "zOrder": "12", "measuredW": "24", "measuredH": "24", - "x": "131", + "x": "23", + "y": "53", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "8277", + "typeID": "TextArea", + "zOrder": "129", + "w": "456", + "h": "161", + "measuredW": "200", + "measuredH": "140", + "x": "776", + "y": "1181" + }, + { + "ID": "8278", + "typeID": "__group__", + "zOrder": "130", + "measuredW": "163", + "measuredH": "48", + "w": "163", + "h": "48", + "x": "791", + "y": "1280", + "properties": { + "controlName": "102-web-security-knowledge:cors" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "163", + "h": "48", + "measuredW": "200", + "measuredH": "140", + "x": "0", "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "48", + "measuredH": "25", + "x": "58", + "y": "12", + "properties": { + "text": "CORS", + "size": "17" } } ] @@ -7146,17 +4609,17 @@ } }, { - "ID": "1664", + "ID": "8279", "typeID": "__group__", - "zOrder": "158", - "measuredW": "155", - "measuredH": "44", - "w": "155", - "h": "44", - "x": "1150", - "y": "1596", + "zOrder": "131", + "measuredW": "166", + "measuredH": "49", + "w": "166", + "h": "49", + "x": "790", + "y": "1225", "properties": { - "controlName": "101-build-tools:linters-formatters:eslint" + "controlName": "100-web-security-knowledge:https" }, "children": { "controls": { @@ -7165,60 +4628,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "40", + "w": "166", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "4", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "53", - "measuredW": "51", + "measuredW": "54", "measuredH": "25", - "x": "46", + "x": "56", "y": "12", "properties": { - "size": "17", - "text": "ESLint" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "HTTPS", + "size": "17" } } ] @@ -7226,17 +4656,17 @@ } }, { - "ID": "1665", + "ID": "8280", "typeID": "__group__", - "zOrder": "159", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "1151", - "y": "1646", + "zOrder": "132", + "measuredW": "257", + "measuredH": "49", + "w": "257", + "h": "49", + "x": "961", + "y": "1225", "properties": { - "controlName": "102-build-tools:linters-formatters:standardjs" + "controlName": "101-web-security-knowledge:content-security-policy" }, "children": { "controls": { @@ -7245,47 +4675,74 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "44", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "91", + "measuredW": "175", "measuredH": "25", - "x": "26", - "y": "10", + "x": "41", + "y": "12", "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "StandardJS" + "text": "Content Security Policy", + "size": "17" } - }, + } + ] + } + } + }, + { + "ID": "8281", + "typeID": "__group__", + "zOrder": "133", + "measuredW": "257", + "measuredH": "49", + "w": "257", + "h": "49", + "x": "961", + "y": "1279", + "properties": { + "controlName": "103-web-security-knowledge:owasp-security-risks" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", + "ID": "0", "typeID": "TextArea", - "zOrder": "2", - "w": "145", - "h": "44", + "zOrder": "0", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "169", + "measuredH": "25", + "x": "44", + "y": "12", + "properties": { + "text": "OWASP Security Risks", + "size": "17" } } ] @@ -7293,17 +4750,207 @@ } }, { - "ID": "1666", + "ID": "8282", + "typeID": "Label", + "zOrder": "134", + "w": "372", + "measuredW": "344", + "measuredH": "25", + "x": "792", + "y": "1194", + "properties": { + "size": "17", + "text": "Get at least a basic knowledge of all of these" + } + }, + { + "ID": "8285", + "typeID": "Arrow", + "zOrder": "12", + "w": "237", + "h": "128", + "measuredW": "150", + "measuredH": "100", + "x": "635", + "y": "2808", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 236.93170111364998, + "y": 0.019905173764982464 + }, + "p1": { + "x": 0.4776994561390996, + "y": 0.17651148133814792 + }, + "p2": { + "x": 0.11074525562162307, + "y": 126.11937517609203 + } + } + }, + { + "ID": "8288", + "typeID": "Arrow", + "zOrder": "136", + "w": "117", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "677", + "y": "2794", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 116.89058672187377, + "y": 0.1041226124775676 + }, + "p1": { + "x": 0.4835193355826629, + "y": 0.007267064624967576 + }, + "p2": { + "x": 0.017907207522057433, + "y": 0.1041226124775676 + } + } + }, + { + "ID": "8289", + "typeID": "Arrow", + "zOrder": "137", + "w": "158", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "286", + "y": "2848", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4319942611190819, + "y": -0.006169296987087513 + }, + "p2": { + "x": 157, + "y": 71 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "8290", + "typeID": "Arrow", + "zOrder": "138", + "w": "133", + "h": "223", + "measuredW": "150", + "measuredH": "100", + "x": "1007", + "y": "2688", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 133, + "y": 223 + }, + "p1": { + "x": 0.6210189562745637, + "y": 0.08206190581675968 + }, + "p2": { + "x": -0.43103046936073497, + "y": 0.31367188167814675 + } + } + }, + { + "ID": "8291", + "typeID": "Arrow", + "zOrder": "14", + "w": "120", + "h": "182", + "measuredW": "150", + "measuredH": "100", + "x": "1020", + "y": "2685", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 120, + "y": 182 + }, + "p1": { + "x": 0.5641506862188896, + "y": 0.10909777122517159 + }, + "p2": { + "x": 0.40915526260198476, + "y": 0.23807505235299686 + } + } + }, + { + "ID": "8292", + "typeID": "Arrow", + "zOrder": "139", + "w": "112", + "h": "137", + "measuredW": "150", + "measuredH": "100", + "x": "1033", + "y": "2691", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 112, + "y": 137 + }, + "p1": { + "x": 0.6177380381901717, + "y": 0.1158418847787249 + }, + "p2": { + "x": -0.28845742009775677, + "y": 0.38926871100329663 + } + } + }, + { + "ID": "8294", "typeID": "__group__", - "zOrder": "160", - "measuredW": "185", - "measuredH": "47", - "w": "185", - "h": "47", - "x": "143", - "y": "1601", + "zOrder": "140", + "measuredW": "216", + "measuredH": "50", + "w": "216", + "h": "50", + "x": "414", + "y": "1334", "properties": { - "controlName": "100-build-tools:module-bundlers:webpack" + "controlName": "109-css-preprocessors" }, "children": { "controls": { @@ -7312,12 +4959,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "176", - "h": "40", + "w": "216", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "7", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -7326,74 +4973,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "61", - "y": "15", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", - "properties": { - "color": "16776960" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "90", - "measuredW": "72", + "measuredW": "150", "measuredH": "25", - "x": "61", - "y": "15", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "x": "33", + "y": "12", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "CSS Preprocessors", + "size": "17" } } ] @@ -7401,123 +4987,138 @@ } }, { - "ID": "1667", + "ID": "8295", + "typeID": "Arrow", + "zOrder": "141", + "w": "107", + "h": "93", + "measuredW": "150", + "measuredH": "100", + "x": "1039", + "y": "2687", + "properties": { + "color": "2848996", + "curvature": "-1", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 107, + "y": 93 + }, + "p1": { + "x": 0.6105142874821432, + "y": 0.11615602631888519 + }, + "p2": { + "x": -0.13726376144768437, + "y": -0.2241265329844282 + } + } + }, + { + "ID": "8296", + "typeID": "Arrow", + "zOrder": "142", + "w": "100", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "1042", + "y": "2682", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 100, + "y": 48 + }, + "p1": { + "x": 0.5421630610591022, + "y": 0.059862777204942215 + }, + "p2": { + "x": -0.061666932122761864, + "y": 0.16247822302784698 + } + } + }, + { + "ID": "8297", + "typeID": "Arrow", + "zOrder": "143", + "w": "120", + "h": "12", + "measuredW": "150", + "measuredH": "100", + "x": "1019", + "y": "2669", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 120, + "y": 12 + }, + "p1": { + "x": 0.5359734790789354, + "y": 0.01272287429441829 + }, + "p2": { + "x": -0.12864315206059018, + "y": 0.09550200309013235 + } + } + }, + { + "ID": "8298", "typeID": "__group__", - "zOrder": "161", - "measuredW": "184", - "measuredH": "44", - "w": "184", - "h": "44", - "x": "143", - "y": "1696", + "zOrder": "144", + "measuredW": "213", + "measuredH": "50", + "w": "213", + "h": "50", + "x": "415", + "y": "1278", "properties": { - "controlName": "102-build-tools:module-bundlers:rollup" + "controlName": "108-css-architecture" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "73", - "y": "12", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "63", - "measuredW": "49", - "measuredH": "25", - "x": "73", - "y": "12", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "213", + "h": "50", + "measuredW": "200", + "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960" } }, { - "ID": "6", - "typeID": "Icon", - "zOrder": "6", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "131", + "measuredH": "25", + "x": "41", + "y": "12", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "CSS Architecture", + "size": "17" } } ] @@ -7525,87 +5126,57 @@ } }, { - "ID": "1668", + "ID": "8299", "typeID": "__group__", - "zOrder": "162", - "measuredW": "184", - "measuredH": "44", - "w": "184", - "h": "44", - "x": "143", - "y": "1741", + "zOrder": "145", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "153", + "y": "1283", "properties": { - "controlName": "103-build-tools:module-bundlers:parcel" + "controlName": "100-css-architecture:bem" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "73", - "y": "12", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "1", "typeID": "TextArea", - "zOrder": "1", - "w": "176", + "zOrder": "0", + "w": "151", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "4", + "x": "7", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", + "zOrder": "1", + "w": "45", + "measuredW": "38", "measuredH": "25", - "x": "73", - "y": "12", + "x": "60", + "y": "8", "properties": { "size": "17", - "text": "Parcel" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "text": "BEM" } }, { - "ID": "4", + "ID": "2", "typeID": "Icon", - "zOrder": "4", + "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -7615,15 +5186,15 @@ } }, { - "ID": "5", + "ID": "3", "typeID": "Icon", - "zOrder": "5", + "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -7635,17 +5206,136 @@ } }, { - "ID": "1669", + "ID": "8302", + "typeID": "Arrow", + "zOrder": "1", + "w": "2", + "h": "104", + "measuredW": "150", + "measuredH": "100", + "x": "564", + "y": "2939", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.523291249455812, + "y": 0.00130605137135394 + }, + "p2": { + "x": 1, + "y": 103 + }, + "rightArrow": "false" + } + }, + { + "ID": "8303", + "typeID": "Arrow", + "zOrder": "146", + "w": "180", + "h": "45", + "measuredW": "150", + "measuredH": "100", + "x": "280", + "y": "2942", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 44 + }, + "p1": { + "x": 0.4319942611190816, + "y": -0.0061692969870875015 + }, + "p2": { + "x": 179, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "8305", + "typeID": "Arrow", + "zOrder": "19", + "w": "95", + "h": "45", + "measuredW": "150", + "measuredH": "100", + "x": "935", + "y": "2508", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 95.0722855077529, + "y": 44.51658919665124 + }, + "p1": { + "x": 0.41486424298205116, + "y": -0.0922687528762081 + }, + "p2": { + "x": -0.2712162013234547, + "y": -0.07956482856161529 + } + } + }, + { + "ID": "8306", + "typeID": "Arrow", + "zOrder": "147", + "w": "98", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "946", + "y": "2502", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 97, + "y": 0 + }, + "p1": { + "x": 0.48351933558266286, + "y": 0.007267064624967593 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "8307", "typeID": "__group__", - "zOrder": "163", - "measuredW": "177", + "zOrder": "148", + "measuredW": "211", "measuredH": "50", - "w": "177", + "w": "211", "h": "50", - "x": "411", - "y": "1723", + "x": "516", + "y": "1500", "properties": { - "controlName": "101-build-tools:module-bundlers" + "controlName": "110-build-tools" }, "children": { "controls": { @@ -7654,7 +5344,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "177", + "w": "211", "h": "50", "measuredW": "200", "measuredH": "140", @@ -7668,14 +5358,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "133", + "measuredW": "83", "measuredH": "25", - "x": "23", + "x": "64", "y": "13", "properties": { - "bold": "true", "size": "17", - "text": "Module Bundlers" + "text": "Build Tools" } } ] @@ -7683,15 +5372,15 @@ } }, { - "ID": "1670", + "ID": "8309", "typeID": "Arrow", - "zOrder": "164", - "w": "79", - "h": "16", + "zOrder": "149", + "w": "1", + "h": "86", "measuredW": "150", "measuredH": "100", - "x": "1026", - "y": "2558", + "x": "554", + "y": "2371", "properties": { "color": "2848996", "curvature": "0", @@ -7701,60 +5390,59 @@ "y": 0 }, "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967568 + "x": 0.4770488047048041, + "y": 0.005193614908729856 }, "p2": { - "x": 78, - "y": 15 + "x": 0, + "y": 85 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1671", + "ID": "8310", "typeID": "Arrow", - "zOrder": "165", - "w": "85", - "h": "23", + "zOrder": "150", + "w": "177", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "1030", - "y": "2528", + "x": "358", + "y": "2361", "properties": { "color": "2848996", "curvature": "0", - "direction": "bottom", "leftArrow": "false", "p0": { - "x": 84, + "x": 176, "y": 0 }, "p1": { - "x": 0.48351933558266297, - "y": 0.007267064624967475 + "x": 0.477048804704804, + "y": 0.005193614908729856 }, "p2": { "x": 0, - "y": 22 + "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1672", + "ID": "8311", "typeID": "__group__", - "zOrder": "166", - "measuredW": "267", - "measuredH": "53", - "w": "267", - "h": "53", - "x": "622", - "y": "1840", + "zOrder": "151", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "811", + "y": "1497", "properties": { - "controlName": "111-pick-a-framework" + "controlName": "100-build-tools:task-runners" }, "children": { "controls": { @@ -7763,8 +5451,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "267", - "h": "53", + "w": "225", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", @@ -7777,15 +5465,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "142", - "measuredW": "138", + "measuredW": "105", "measuredH": "25", - "x": "63", + "x": "60", "y": "14", "properties": { - "bold": "true", "size": "17", - "text": "Pick a Framework" + "text": "Task Runners" } } ] @@ -7793,17 +5479,46 @@ } }, { - "ID": "1673", + "ID": "8312", + "typeID": "Arrow", + "zOrder": "152", + "w": "116", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "729", + "y": "2360", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 115, + "y": 0 + }, + "p1": { + "x": 0.477048804704804, + "y": 0.005193614908729856 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false" + } + }, + { + "ID": "8315", "typeID": "__group__", - "zOrder": "167", - "measuredW": "152", - "measuredH": "48", - "w": "152", - "h": "48", - "x": "913", - "y": "1742", + "zOrder": "153", + "measuredW": "156", + "measuredH": "45", + "w": "156", + "h": "45", + "x": "1084", + "y": "1501", "properties": { - "controlName": "100-pick-a-framework:react-js" + "controlName": "100-build-tools:task-runners:npm-scripts" }, "children": { "controls": { @@ -7813,27 +5528,26 @@ "typeID": "TextArea", "zOrder": "0", "w": "145", - "h": "40", + "h": "45", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "8", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "68", - "measuredW": "47", + "measuredW": "89", "measuredH": "25", - "x": "55", - "y": "16", + "x": "24", + "y": "10", "properties": { "size": "17", - "text": "React" + "text": "npm scripts" } }, { @@ -7842,8 +5556,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "132", + "y": "11", "properties": { "color": "16777215", "icon": { @@ -7858,8 +5572,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "132", + "y": "11", "properties": { "color": "10027263", "icon": { @@ -7873,17 +5587,123 @@ } }, { - "ID": "1674", + "ID": "8316", + "typeID": "Arrow", + "zOrder": "154", + "w": "239", + "h": "239", + "measuredW": "150", + "measuredH": "100", + "x": "464", + "y": "1761", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.4151212280816594, + "y": -0.22081521141240046 + }, + "p1": { + "x": 0.5082158938451313, + "y": 0.2259685964231505 + }, + "p2": { + "x": 239, + "y": 239 + } + } + }, + { + "ID": "8317", + "typeID": "Arrow", + "zOrder": "155", + "w": "191", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "913", + "y": "2042", + "properties": { + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 190, + "y": 2 + }, + "p1": { + "x": 0.5105398742417108, + "y": -0.0025761059250436276 + }, + "p2": { + "x": 0, + "y": 1 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "8318", "typeID": "__group__", - "zOrder": "168", - "measuredW": "153", + "zOrder": "41", + "measuredW": "225", "measuredH": "50", - "w": "153", + "w": "225", "h": "50", - "x": "944", - "y": "1833", + "x": "811", + "y": "1441", "properties": { - "controlName": "101-pick-a-framework:angular" + "controlName": "102-build-tools:linters-formatters" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "225", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "176", + "measuredH": "25", + "x": "25", + "y": "13", + "properties": { + "size": "17", + "text": "Linters and Formatters" + } + } + ] + } + } + }, + { + "ID": "8319", + "typeID": "__group__", + "zOrder": "42", + "measuredW": "155", + "measuredH": "40", + "w": "155", + "h": "40", + "x": "1084", + "y": "1408", + "properties": { + "controlName": "100-build-tools:linters-formatters:prettier" }, "children": { "controls": { @@ -7896,8 +5716,8 @@ "h": "40", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "10", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -7906,14 +5726,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "64", - "measuredW": "59", + "w": "66", + "measuredW": "58", "measuredH": "25", - "x": "49", - "y": "18", + "x": "44", + "y": "7", "properties": { "size": "17", - "text": "Angular" + "text": "Prettier" } }, { @@ -7922,8 +5742,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "131", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -7938,26 +5758,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "x": "131", + "y": "8", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -7969,17 +5773,17 @@ } }, { - "ID": "1675", + "ID": "8320", "typeID": "__group__", - "zOrder": "169", - "measuredW": "152", - "measuredH": "50", - "w": "152", - "h": "50", - "x": "945", - "y": "1917", + "zOrder": "43", + "measuredW": "155", + "measuredH": "40", + "w": "155", + "h": "40", + "x": "1084", + "y": "1453", "properties": { - "controlName": "102-pick-a-framework:vue-js" + "controlName": "101-build-tools:linters-formatters:eslint" }, "children": { "controls": { @@ -7992,8 +5796,8 @@ "h": "40", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "10", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -8002,39 +5806,24 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "45", + "w": "53", + "measuredW": "51", "measuredH": "25", - "x": "58", - "y": "17", - "properties": { - "text": "Vue.js", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "x": "46", + "y": "7", + "properties": { + "size": "17", + "text": "ESLint" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "131", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8044,15 +5833,15 @@ } }, { - "ID": "4", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "131", + "y": "8", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -8064,57 +5853,70 @@ } }, { - "ID": "1676", + "ID": "8322", "typeID": "__group__", - "zOrder": "170", - "measuredW": "185", - "measuredH": "47", - "w": "185", - "h": "47", - "x": "1155", - "y": "1719", + "zOrder": "156", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1084", + "y": "1647", "properties": { - "controlName": "100-pick-a-framework:react-js:redux" + "controlName": "100-build-tools:module-bundlers:webpack" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", - "w": "177", + "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": "7", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "52", - "measuredW": "50", + "zOrder": "2", + "measuredW": "72", "measuredH": "25", - "x": "63", - "y": "15", + "x": "42", + "y": "7", "properties": { - "size": "17", - "text": "Redux" + "text": "Webpack", + "size": "17" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8124,19 +5926,19 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "134", + "y": "8", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -8144,57 +5946,71 @@ } }, { - "ID": "1677", + "ID": "8323", "typeID": "__group__", - "zOrder": "171", - "measuredW": "88", - "measuredH": "43", - "w": "88", - "h": "43", - "x": "1155", - "y": "1768", + "zOrder": "157", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1084", + "y": "1692", "properties": { - "controlName": "101-pick-a-framework:react-js:mobx" + "controlName": "102-build-tools:module-bundlers:rollup" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", - "w": "84", + "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": "3", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "47", - "measuredW": "44", + "zOrder": "2", + "w": "63", + "measuredW": "49", "measuredH": "25", - "x": "13", - "y": "10", + "x": "55", + "y": "7", "properties": { "size": "17", - "text": "MobX" + "text": "Rollup" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "64", - "y": "0", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8204,13 +6020,13 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "64", - "y": "0", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8220,13 +6036,13 @@ } }, { - "ID": "4", + "ID": "6", "typeID": "Icon", - "zOrder": "4", + "zOrder": "5", "measuredW": "24", "measuredH": "24", - "x": "64", - "y": "0", + "x": "134", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -8240,78 +6056,127 @@ } }, { - "ID": "1678", - "typeID": "Arrow", - "zOrder": "172", - "w": "66", - "h": "23", - "measuredW": "150", - "measuredH": "100", - "x": "1169", - "y": "2677", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 65, - "y": 22 - }, - "p1": { - "x": 0.4835193355826627, - "y": 0.007267064624967518 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1679", - "typeID": "Arrow", - "zOrder": "173", - "w": "96", - "h": "27", - "measuredW": "150", - "measuredH": "100", - "x": "1168", - "y": "2651", + "ID": "8324", + "typeID": "__group__", + "zOrder": "158", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1084", + "y": "1738", "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 95, - "y": 0 - }, - "p1": { - "x": 0.48351933558266286, - "y": 0.007267064624967588 - }, - "p2": { - "x": 0, - "y": 26 - }, - "rightArrow": "false", - "stroke": "dotted" + "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": "1680", + "ID": "8325", "typeID": "__group__", - "zOrder": "174", - "measuredW": "203", + "zOrder": "159", + "measuredW": "225", "measuredH": "50", - "w": "203", + "w": "225", "h": "50", - "x": "483", - "y": "1942", + "x": "812", + "y": "1554", "properties": { - "controlName": "112-modern-css" + "controlName": "101-build-tools:module-bundlers" }, "children": { "controls": { @@ -8320,7 +6185,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "203", + "w": "225", "h": "50", "measuredW": "200", "measuredH": "140", @@ -8334,14 +6199,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "98", + "measuredW": "131", "measuredH": "25", - "x": "53", + "x": "47", "y": "13", "properties": { - "bold": "true", "size": "17", - "text": "Modern CSS" + "text": "Module Bundlers" } } ] @@ -8349,17 +6213,48 @@ } }, { - "ID": "1681", + "ID": "8327", + "typeID": "Arrow", + "zOrder": "160", + "w": "119", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "990", + "y": "2362", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 118.97944745965356, + "y": 0 + }, + "p1": { + "x": 0.4835193355826631, + "y": 0.007267064624967473 + }, + "p2": { + "x": 0.34217904266415644, + "y": 0 + } + } + }, + { + "ID": "8328", "typeID": "__group__", - "zOrder": "175", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "1148", - "y": "1476", + "zOrder": "161", + "measuredW": "213", + "measuredH": "53", + "w": "213", + "h": "53", + "x": "514", + "y": "1555", "properties": { - "controlName": "102-css-preprocessors:less" + "controlName": "111-pick-a-framework" }, "children": { "controls": { @@ -8368,48 +6263,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "44", + "w": "213", + "h": "53", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "41", - "measuredW": "37", + "w": "142", + "measuredW": "136", "measuredH": "25", - "x": "52", - "y": "10", + "x": "36", + "y": "14", "properties": { - "bold": "true", - "color": "3355443", "size": "17", - "text": "Less" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" + "text": "Pick a Framework" } } ] @@ -8417,17 +6292,17 @@ } }, { - "ID": "1682", + "ID": "8329", "typeID": "__group__", - "zOrder": "176", - "measuredW": "185", - "measuredH": "49", - "w": "185", - "h": "49", - "x": "1155", - "y": "1918", + "zOrder": "162", + "measuredW": "152", + "measuredH": "40", + "w": "152", + "h": "40", + "x": "154", + "y": "1469", "properties": { - "controlName": "100-pick-a-framework:vue-js:pinia" + "controlName": "100-pick-a-framework:react-js" }, "children": { "controls": { @@ -8436,28 +6311,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "177", + "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "9", + "x": "7", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "44", - "measuredW": "39", + "w": "68", + "measuredW": "47", "measuredH": "25", - "x": "64", - "y": "18", + "x": "55", + "y": "7", "properties": { "size": "17", - "text": "Pinia" + "text": "React" } }, { @@ -8466,8 +6341,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8482,26 +6357,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { - "color": "40463", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -8513,47 +6372,17 @@ } }, { - "ID": "1683", - "typeID": "Arrow", - "zOrder": "177", - "w": "65", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1172", - "y": "2763", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 3 - }, - "p1": { - "x": 0.4807692307692308, - "y": -0.01923076923076923 - }, - "p2": { - "x": 64, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1684", + "ID": "8330", "typeID": "__group__", - "zOrder": "178", - "measuredW": "185", - "measuredH": "48", - "w": "185", - "h": "48", - "x": "1155", - "y": "1818", + "zOrder": "163", + "measuredW": "153", + "measuredH": "40", + "w": "153", + "h": "40", + "x": "152", + "y": "1515", "properties": { - "controlName": "100-pick-a-framework:angular:rxjs" + "controlName": "101-pick-a-framework:angular" }, "children": { "controls": { @@ -8562,28 +6391,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "177", + "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "8", + "x": "8", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "44", - "measuredW": "40", + "w": "64", + "measuredW": "59", "measuredH": "25", - "x": "67", - "y": "16", + "x": "49", + "y": "7", "properties": { "size": "17", - "text": "RxJS" + "text": "Angular" } }, { @@ -8592,8 +6421,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8608,8 +6437,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8624,8 +6453,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -8639,47 +6468,17 @@ } }, { - "ID": "1685", - "typeID": "Arrow", - "zOrder": "179", - "w": "65", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1172", - "y": "2819", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4807692307692308, - "y": -0.01923076923076923 - }, - "p2": { - "x": 64, - "y": 1 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1686", + "ID": "8331", "typeID": "__group__", - "zOrder": "180", - "measuredW": "185", - "measuredH": "44", - "w": "185", - "h": "44", - "x": "1155", - "y": "1868", - "properties": { - "controlName": "101-pick-a-framework:angular:ngrx" + "zOrder": "164", + "measuredW": "152", + "measuredH": "40", + "w": "152", + "h": "40", + "x": "151", + "y": "1561", + "properties": { + "controlName": "102-pick-a-framework:vue-js" }, "children": { "controls": { @@ -8688,28 +6487,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "177", + "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "4", + "x": "7", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "46", - "measuredW": "43", + "measuredW": "45", "measuredH": "25", - "x": "67", - "y": "12", + "x": "58", + "y": "7", "properties": { - "size": "17", - "text": "NgRx" + "text": "Vue.js", + "size": "17" } }, { @@ -8718,8 +6516,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8734,8 +6532,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8750,8 +6548,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "161", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -8765,45 +6563,153 @@ } }, { - "ID": "1687", + "ID": "8335", "typeID": "Arrow", - "zOrder": "181", - "w": "87", - "h": "43", + "zOrder": "165", + "w": "95", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "673", - "y": "3175", + "x": "1117", + "y": "2503", "properties": { "color": "2848996", "curvature": "0", + "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { + "x": 94.5324984379306, + "y": 0 + }, + "p1": { + "x": 0.4835193355826628, + "y": 0.007267064624967587 + }, + "p2": { "x": 0, "y": 0 + } + } + }, + { + "ID": "8336", + "typeID": "__group__", + "zOrder": "166", + "measuredW": "203", + "measuredH": "50", + "w": "203", + "h": "50", + "x": "808", + "y": "1672", + "properties": { + "controlName": "112-modern-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "203", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "98", + "measuredH": "25", + "x": "53", + "y": "13", + "properties": { + "size": "17", + "text": "Modern CSS" + } + } + ] + } + } + }, + { + "ID": "8339", + "typeID": "Arrow", + "zOrder": "167", + "w": "65", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1121", + "y": "2550", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 3 }, "p1": { - "x": 0.43199426111908185, - "y": -0.006169296987087567 + "x": 0.4807692307692308, + "y": -0.01923076923076923 }, "p2": { - "x": 86, - "y": 42 + "x": 64, + "y": 0 }, "rightArrow": "false", "stroke": "dotted" } }, { - "ID": "1688", + "ID": "8341", "typeID": "Arrow", - "zOrder": "182", + "zOrder": "168", + "w": "65", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1122", + "y": "2600", + "properties": { + "color": "2848996", + "curvature": "-1", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4807692307692308, + "y": -0.01923076923076923 + }, + "p2": { + "x": 64, + "y": 1 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "8344", + "typeID": "Arrow", + "zOrder": "2", "w": "95", "h": "8", "measuredW": "150", "measuredH": "100", "x": "666", - "y": "3165", + "y": "3050", "properties": { "color": "2848996", "curvature": "0", @@ -8825,15 +6731,15 @@ } }, { - "ID": "1689", + "ID": "8345", "typeID": "Arrow", - "zOrder": "183", + "zOrder": "3", "w": "98", "h": "36", "measuredW": "150", "measuredH": "100", "x": "665", - "y": "3129", + "y": "3014", "properties": { "color": "2848996", "curvature": "0", @@ -8856,15 +6762,15 @@ } }, { - "ID": "1690", + "ID": "8346", "typeID": "__group__", - "zOrder": "184", - "measuredW": "229", - "measuredH": "48", - "w": "229", - "h": "48", - "x": "141", - "y": "1856", + "zOrder": "169", + "measuredW": "211", + "measuredH": "40", + "w": "211", + "h": "40", + "x": "809", + "y": "1764", "properties": { "controlName": "100-modern-css:styled-components" }, @@ -8875,14 +6781,14 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "221", + "w": "202", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "8", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -8892,8 +6798,8 @@ "w": "151", "measuredW": "150", "measuredH": "25", - "x": "43", - "y": "16", + "x": "25", + "y": "7", "properties": { "size": "17", "text": "Styled Components" @@ -8905,8 +6811,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "187", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8921,8 +6827,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "187", + "y": "8", "properties": { "color": "10027263", "icon": { @@ -8936,15 +6842,15 @@ } }, { - "ID": "1691", + "ID": "8347", "typeID": "__group__", - "zOrder": "185", - "measuredW": "230", - "measuredH": "44", - "w": "230", - "h": "44", - "x": "140", - "y": "1904", + "zOrder": "170", + "measuredW": "212", + "measuredH": "40", + "w": "212", + "h": "40", + "x": "809", + "y": "1809", "properties": { "controlName": "101-modern-css:css-modules" }, @@ -8955,14 +6861,14 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "221", + "w": "202", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "4", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -8972,8 +6878,8 @@ "w": "103", "measuredW": "103", "measuredH": "25", - "x": "68", - "y": "12", + "x": "49", + "y": "7", "properties": { "size": "17", "text": "CSS Modules" @@ -8985,8 +6891,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "188", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -9001,8 +6907,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "188", + "y": "8", "properties": { "color": "10027263", "icon": { @@ -9016,15 +6922,15 @@ } }, { - "ID": "1692", + "ID": "8348", "typeID": "Arrow", - "zOrder": "186", + "zOrder": "171", "w": "179", "h": "2", "measuredW": "150", "measuredH": "100", "x": "280", - "y": "3045", + "y": "2935", "properties": { "color": "2848996", "curvature": "0", @@ -9047,15 +6953,15 @@ } }, { - "ID": "1693", + "ID": "8349", "typeID": "Arrow", - "zOrder": "187", + "zOrder": "172", "w": "161", "h": "34", "measuredW": "150", "measuredH": "100", "x": "286", - "y": "3002", + "y": "2892", "properties": { "color": "2848996", "curvature": "0", @@ -9077,15 +6983,15 @@ } }, { - "ID": "1694", + "ID": "8350", "typeID": "__group__", - "zOrder": "188", - "measuredW": "229", - "measuredH": "44", - "w": "229", - "h": "44", - "x": "140", - "y": "1996", + "zOrder": "173", + "measuredW": "210", + "measuredH": "40", + "w": "210", + "h": "40", + "x": "809", + "y": "1899", "properties": { "controlName": "103-modern-css:emotion" }, @@ -9096,12 +7002,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "221", + "w": "201", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "4", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -9112,8 +7018,8 @@ "zOrder": "1", "measuredW": "64", "measuredH": "25", - "x": "88", - "y": "12", + "x": "69", + "y": "7", "properties": { "text": "Emotion", "size": "17" @@ -9125,8 +7031,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "186", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -9141,8 +7047,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "186", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -9157,8 +7063,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "186", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -9172,65 +7078,15 @@ } }, { - "ID": "1695", + "ID": "8352", "typeID": "__group__", - "zOrder": "189", - "measuredW": "199", + "zOrder": "174", + "measuredW": "175", "measuredH": "41", - "w": "199", + "w": "175", "h": "41", - "x": "1104", - "y": "2557", - "properties": { - "controlName": "101-type-checkers:flow" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "199", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "38", - "measuredW": "35", - "measuredH": "25", - "x": "81", - "y": "8", - "properties": { - "color": "3355443", - "size": "17", - "text": "Flow" - } - } - ] - } - } - }, - { - "ID": "1696", - "typeID": "__group__", - "zOrder": "190", - "measuredW": "177", - "measuredH": "47", - "w": "177", - "h": "47", - "x": "975", - "y": "2854", + "x": "530", + "y": "2773", "properties": { "controlName": "100-graphql:apollo" }, @@ -9245,10 +7101,10 @@ "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "6", + "x": "8", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -9258,8 +7114,8 @@ "w": "49", "measuredW": "48", "measuredH": "25", - "x": "50", - "y": "14", + "x": "58", + "y": "8", "properties": { "size": "17", "text": "Apollo" @@ -9271,8 +7127,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "153", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9287,8 +7143,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "153", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "10027263", "icon": { @@ -9302,15 +7158,15 @@ } }, { - "ID": "1697", + "ID": "8353", "typeID": "Arrow", - "zOrder": "191", + "zOrder": "4", "w": "2", "h": "89", "measuredW": "150", "measuredH": "100", "x": "296", - "y": "3529", + "y": "3409", "properties": { "color": "2848996", "curvature": "0", @@ -9332,15 +7188,15 @@ } }, { - "ID": "1698", + "ID": "8354", "typeID": "Arrow", - "zOrder": "192", + "zOrder": "5", "w": "8", "h": "166", "measuredW": "150", "measuredH": "100", "x": "286", - "y": "3351", + "y": "3231", "properties": { "color": "2848996", "curvature": "0", @@ -9361,15 +7217,15 @@ } }, { - "ID": "1699", + "ID": "8355", "typeID": "__group__", - "zOrder": "193", + "zOrder": "175", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", - "x": "776", - "y": "3006", + "x": "783", + "y": "2646", "properties": { "controlName": "120-static-site-generators" }, @@ -9394,14 +7250,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "172", + "measuredW": "169", "measuredH": "25", - "x": "49", + "x": "56", "y": "22", "properties": { "size": "17", - "text": "Static Site Generators", - "bold": "true" + "text": "Static Site Generators" } }, { @@ -9441,15 +7296,15 @@ } }, { - "ID": "1700", + "ID": "8356", "typeID": "__group__", - "zOrder": "194", + "zOrder": "176", "measuredW": "156", - "measuredH": "45", + "measuredH": "41", "w": "156", - "h": "45", - "x": "1183", - "y": "2995", + "h": "41", + "x": "1133", + "y": "2757", "properties": { "controlName": "101-static-site-generators:gatsbyjs" }, @@ -9465,9 +7320,9 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "4", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -9478,7 +7333,7 @@ "measuredW": "73", "measuredH": "25", "x": "35", - "y": "12", + "y": "8", "properties": { "size": "17", "text": "GatsbyJS" @@ -9491,7 +7346,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9507,13 +7362,13 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -9521,15 +7376,15 @@ } }, { - "ID": "1701", + "ID": "8357", "typeID": "__group__", - "zOrder": "195", + "zOrder": "177", "measuredW": "157", - "measuredH": "50", + "measuredH": "41", "w": "157", - "h": "50", - "x": "1183", - "y": "2944", + "h": "41", + "x": "1133", + "y": "2711", "properties": { "controlName": "100-static-site-generators:next-js" }, @@ -9545,9 +7400,9 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "9", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -9558,7 +7413,7 @@ "measuredW": "52", "measuredH": "25", "x": "45", - "y": "17", + "y": "8", "properties": { "size": "17", "text": "Next.js" @@ -9571,7 +7426,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9587,13 +7442,13 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "0", + "y": "9", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -9601,15 +7456,15 @@ } }, { - "ID": "1702", + "ID": "8358", "typeID": "__group__", - "zOrder": "196", + "zOrder": "178", "measuredW": "156", - "measuredH": "44", + "measuredH": "41", "w": "156", - "h": "44", - "x": "1183", - "y": "3042", + "h": "41", + "x": "1131", + "y": "2988", "properties": { "controlName": "102-static-site-generators:nuxt-js" }, @@ -9625,7 +7480,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "3", + "y": "0", "properties": { "color": "16770457" } @@ -9638,7 +7493,7 @@ "measuredW": "52", "measuredH": "25", "x": "46", - "y": "11", + "y": "8", "properties": { "size": "17", "text": "Nuxt.js" @@ -9651,7 +7506,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9667,7 +7522,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9683,7 +7538,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -9697,15 +7552,15 @@ } }, { - "ID": "1703", + "ID": "8359", "typeID": "__group__", - "zOrder": "197", + "zOrder": "179", "measuredW": "156", - "measuredH": "43", + "measuredH": "41", "w": "156", - "h": "43", - "x": "1183", - "y": "3088", + "h": "41", + "x": "1131", + "y": "2803", "properties": { "controlName": "103-static-site-generators:vuepress" }, @@ -9721,7 +7576,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "2", + "y": "0", "properties": { "color": "16770457" } @@ -9734,7 +7589,7 @@ "measuredW": "72", "measuredH": "25", "x": "40", - "y": "10", + "y": "8", "properties": { "size": "17", "text": "Vuepress" @@ -9747,7 +7602,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9763,7 +7618,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9779,7 +7634,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -9793,15 +7648,15 @@ } }, { - "ID": "1704", + "ID": "8360", "typeID": "__group__", - "zOrder": "198", + "zOrder": "180", "measuredW": "157", - "measuredH": "45", + "measuredH": "41", "w": "157", - "h": "45", - "x": "1183", - "y": "3132", + "h": "41", + "x": "1131", + "y": "2850", "properties": { "controlName": "104-static-site-generators:jekyll" }, @@ -9817,7 +7672,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "4", + "y": "0", "properties": { "color": "16770457" } @@ -9830,7 +7685,7 @@ "measuredW": "43", "measuredH": "25", "x": "52", - "y": "12", + "y": "8", "properties": { "size": "17", "text": "Jekyll" @@ -9843,7 +7698,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9859,7 +7714,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -9875,7 +7730,7 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -9889,44 +7744,44 @@ } }, { - "ID": "1705", + "ID": "8361", "typeID": "Arrow", - "zOrder": "199", - "w": "128", - "h": "180", + "zOrder": "15", + "w": "141", + "h": "261", "measuredW": "150", "measuredH": "100", - "x": "1055", - "y": "3064", + "x": "990", + "y": "2691", "properties": { "color": "2848996", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 128, - "y": 180 + "x": 141, + "y": 261 }, "p1": { - "x": 0.56420233463035, - "y": 0.027237354085603037 + "x": 0.5842350949114499, + "y": 0.06027644608497023 }, "p2": { - "x": 0.142857142856883, - "y": -0.12135922330026006 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": -0.3468130306484909, + "y": 0.38926871100329663 + } } }, { - "ID": "1706", + "ID": "8362", "typeID": "__group__", - "zOrder": "200", - "measuredW": "261", + "zOrder": "181", + "measuredW": "212", "measuredH": "50", - "w": "261", + "w": "212", "h": "50", - "x": "526", - "y": "2173", + "x": "277", + "y": "1733", "properties": { "controlName": "114-css-frameworks" }, @@ -9937,7 +7792,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "261", + "w": "212", "h": "50", "measuredW": "200", "measuredH": "140", @@ -9951,14 +7806,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "132", + "measuredW": "131", "measuredH": "25", - "x": "63", + "x": "40", "y": "13", "properties": { "size": "17", - "text": "CSS Frameworks", - "bold": "true" + "text": "CSS Frameworks" } } ] @@ -9966,15 +7820,15 @@ } }, { - "ID": "1707", + "ID": "8363", "typeID": "__group__", - "zOrder": "201", - "measuredW": "369", + "zOrder": "182", + "measuredW": "335", "measuredH": "137", - "w": "369", + "w": "335", "h": "137", - "x": "127", - "y": "2086", + "x": "155", + "y": "1806", "properties": { "controlName": "114-css-frameworks:css-first" }, @@ -9985,7 +7839,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "369", + "w": "335", "h": "137", "measuredW": "200", "measuredH": "140", @@ -9996,54 +7850,52 @@ "ID": "2", "typeID": "Label", "zOrder": "1", - "w": "206", - "measuredW": "195", + "measuredW": "150", "measuredH": "24", "x": "154", "y": "13", "properties": { "size": "16", - "text": "CSS first frameworks which" + "text": "CSS first frameworks" } }, { "ID": "3", "typeID": "Label", "zOrder": "2", - "w": "206", - "measuredW": "192", + "measuredW": "145", "measuredH": "24", "x": "154", "y": "41", "properties": { "size": "16", - "text": "don't come with JavaScript" + "text": "that don't come with" } }, { "ID": "4", "typeID": "Label", "zOrder": "3", - "measuredW": "190", + "measuredW": "99", "measuredH": "24", "x": "154", "y": "69", "properties": { "size": "16", - "text": "framework components by" + "text": "JS framework" } }, { "ID": "5", "typeID": "Label", "zOrder": "4", - "measuredW": "53", + "measuredW": "166", "measuredH": "24", "x": "153", "y": "97", "properties": { "size": "16", - "text": "default." + "text": "components by default." } } ] @@ -10051,15 +7903,15 @@ } }, { - "ID": "1708", + "ID": "8364", "typeID": "__group__", - "zOrder": "202", + "zOrder": "183", "measuredW": "130", "measuredH": "57", "w": "130", "h": "57", - "x": "143", - "y": "2096", + "x": "171", + "y": "1816", "properties": { "controlName": "100-css-frameworks:css-first:bootstrap" }, @@ -10131,15 +7983,15 @@ } }, { - "ID": "1709", + "ID": "8365", "typeID": "__group__", - "zOrder": "203", + "zOrder": "184", "measuredW": "133", "measuredH": "52", "w": "133", "h": "52", - "x": "143", - "y": "2155", + "x": "171", + "y": "1875", "properties": { "controlName": "101-css-frameworks:css-first:bulma" }, @@ -10227,15 +8079,15 @@ } }, { - "ID": "1710", + "ID": "8366", "typeID": "__group__", - "zOrder": "204", - "measuredW": "236", - "measuredH": "281", - "w": "236", - "h": "281", - "x": "836", - "y": "2149", + "zOrder": "185", + "measuredW": "333", + "measuredH": "228", + "w": "333", + "h": "228", + "x": "155", + "y": "1962", "properties": { "controlName": "114-css-frameworks:js-first" }, @@ -10246,8 +8098,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "236", - "h": "281", + "w": "333", + "h": "228", "measuredW": "200", "measuredH": "140", "x": "0", @@ -10257,42 +8109,26 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "205", - "measuredW": "196", + "measuredW": "263", "measuredH": "24", - "x": "16", - "y": "198", + "x": "19", + "y": "163", "properties": { "size": "16", - "text": "JS based and better to use" + "text": "JS based and better to use with your" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", - "w": "201", - "measuredW": "192", - "measuredH": "24", - "x": "16", - "y": "223", - "properties": { - "size": "16", - "text": "with your framework based" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "205", - "measuredW": "171", + "measuredW": "247", "measuredH": "24", - "x": "16", - "y": "247", + "x": "19", + "y": "189", "properties": { "size": "16", - "text": "JavaScript applications." + "text": "framework based JavaScript apps." } } ] @@ -10300,15 +8136,15 @@ } }, { - "ID": "1711", + "ID": "8367", "typeID": "__group__", - "zOrder": "205", - "measuredW": "210", - "measuredH": "46", - "w": "210", - "h": "46", - "x": "847", - "y": "2161", + "zOrder": "186", + "measuredW": "145", + "measuredH": "40", + "w": "145", + "h": "40", + "x": "331", + "y": "1978", "properties": { "controlName": "100-css-frameworks:js-first:tailwind-css" }, @@ -10319,12 +8155,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "205", + "w": "136", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "5", - "y": "6", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10333,13 +8169,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "98", + "measuredW": "61", "measuredH": "25", - "x": "59", - "y": "13", + "x": "37", + "y": "7", "properties": { "size": "17", - "text": "Tailwind CSS" + "text": "Tailwind" } }, { @@ -10348,8 +8184,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "121", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10364,8 +8200,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "121", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10380,14 +8216,14 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "121", + "y": "8", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -10395,15 +8231,15 @@ } }, { - "ID": "1712", + "ID": "8368", "typeID": "__group__", - "zOrder": "206", - "measuredW": "213", - "measuredH": "41", - "w": "213", - "h": "41", - "x": "844", - "y": "2256", + "zOrder": "187", + "measuredW": "150", + "measuredH": "37", + "w": "150", + "h": "37", + "x": "331", + "y": "2025", "properties": { "controlName": "102-css-frameworks:js-first:material-ui" }, @@ -10414,12 +8250,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "205", + "w": "137", "h": "37", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "4", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10430,8 +8266,8 @@ "zOrder": "1", "measuredW": "86", "measuredH": "25", - "x": "68", - "y": "11", + "x": "26", + "y": "6", "properties": { "size": "17", "text": "Material UI" @@ -10443,8 +8279,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "126", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -10459,8 +8295,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "126", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -10475,8 +8311,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "126", + "y": "7", "properties": { "color": "3700253", "icon": { @@ -10490,17 +8326,17 @@ } }, { - "ID": "1713", + "ID": "8369", "typeID": "__group__", - "zOrder": "207", - "measuredW": "213", - "measuredH": "42", - "w": "213", - "h": "42", - "x": "844", - "y": "2211", + "zOrder": "188", + "measuredW": "157", + "measuredH": "39", + "w": "157", + "h": "39", + "x": "167", + "y": "1979", "properties": { - "controlName": "101-css-frameworks:js-first:chakra-ui" + "controlName": "104-css-frameworks:js-first:mantine" }, "children": { "controls": { @@ -10509,12 +8345,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "205", + "w": "149", "h": "39", "measuredW": "200", "measuredH": "140", "x": "8", - "y": "3", + "y": "0", "properties": { "color": "16776960" } @@ -10523,13 +8359,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "78", + "measuredW": "63", "measuredH": "25", - "x": "72", - "y": "11", + "x": "51", + "y": "7", "properties": { "size": "17", - "text": "Chakra UI" + "text": "Mantine" } }, { @@ -10539,7 +8375,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10555,7 +8391,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10571,7 +8407,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -10585,15 +8421,15 @@ } }, { - "ID": "1714", + "ID": "8370", "typeID": "__group__", - "zOrder": "208", - "measuredW": "247", - "measuredH": "257", - "w": "247", - "h": "257", - "x": "125", - "y": "2255", + "zOrder": "189", + "measuredW": "232", + "measuredH": "313", + "w": "232", + "h": "313", + "x": "1068", + "y": "1838", "properties": { "controlName": "115-testing-your-apps" }, @@ -10604,8 +8440,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "247", - "h": "257", + "w": "232", + "h": "313", "measuredW": "200", "measuredH": "140", "x": "0", @@ -10615,28 +8451,26 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "205", "measuredW": "185", "measuredH": "24", - "x": "22", - "y": "193", + "x": "18", + "y": "236", "properties": { - "size": "16", - "text": "You can fill all your testing" + "text": "You can fill all your testing", + "size": "16" } }, { "ID": "2", "typeID": "Label", "zOrder": "2", - "w": "165", "measuredW": "155", "measuredH": "24", - "x": "22", - "y": "218", + "x": "18", + "y": "261", "properties": { - "size": "16", - "text": "needs with just these." + "text": "needs with just these.", + "size": "16" } } ] @@ -10644,15 +8478,15 @@ } }, { - "ID": "1715", + "ID": "8371", "typeID": "__group__", - "zOrder": "209", - "measuredW": "223", - "measuredH": "42", - "w": "223", - "h": "42", - "x": "134", - "y": "2312", + "zOrder": "190", + "measuredW": "207", + "measuredH": "40", + "w": "207", + "h": "40", + "x": "1084", + "y": "1896", "properties": { "controlName": "101-testing-your-apps:react-testing-library" }, @@ -10663,12 +8497,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", + "w": "195", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "2", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10677,14 +8511,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "164", "measuredW": "152", "measuredH": "25", - "x": "33", - "y": "10", + "x": "22", + "y": "7", "properties": { - "size": "17", - "text": "react-testing-library" + "text": "react-testing-library", + "size": "17" } }, { @@ -10693,8 +8526,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "183", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10709,8 +8542,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "183", + "y": "8", "properties": { "color": "10027263", "icon": { @@ -10724,15 +8557,15 @@ } }, { - "ID": "1716", + "ID": "8372", "typeID": "__group__", - "zOrder": "210", - "measuredW": "223", - "measuredH": "41", - "w": "223", - "h": "41", - "x": "134", - "y": "2398", + "zOrder": "191", + "measuredW": "207", + "measuredH": "37", + "w": "207", + "h": "37", + "x": "1083", + "y": "2029", "properties": { "controlName": "103-testing-your-apps:enzyme" }, @@ -10743,12 +8576,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", + "w": "197", "h": "37", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "4", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10757,14 +8590,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "68", "measuredW": "61", "measuredH": "25", - "x": "82", - "y": "10", + "x": "65", + "y": "6", "properties": { - "size": "17", - "text": "Enzyme" + "text": "Enzyme", + "size": "17" } }, { @@ -10773,8 +8605,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "183", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -10789,8 +8621,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "183", + "y": "7", "properties": { "color": "10027263", "icon": { @@ -10804,15 +8636,15 @@ } }, { - "ID": "1717", + "ID": "8373", "typeID": "__group__", - "zOrder": "211", - "measuredW": "223", - "measuredH": "46", - "w": "223", - "h": "46", - "x": "134", - "y": "2263", + "zOrder": "192", + "measuredW": "205", + "measuredH": "40", + "w": "205", + "h": "40", + "x": "1085", + "y": "1852", "properties": { "controlName": "100-testing-your-apps:jest" }, @@ -10823,12 +8655,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", + "w": "194", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "6", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10840,8 +8672,8 @@ "w": "39", "measuredW": "33", "measuredH": "25", - "x": "96", - "y": "14", + "x": "77", + "y": "8", "properties": { "size": "17", "text": "Jest" @@ -10853,8 +8685,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "181", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -10869,8 +8701,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "181", + "y": "7", "properties": { "color": "10027263", "icon": { @@ -10884,15 +8716,15 @@ } }, { - "ID": "1718", + "ID": "8374", "typeID": "__group__", - "zOrder": "212", - "measuredW": "223", - "measuredH": "42", - "w": "223", - "h": "42", - "x": "134", - "y": "2355", + "zOrder": "193", + "measuredW": "205", + "measuredH": "39", + "w": "205", + "h": "39", + "x": "1084", + "y": "1941", "properties": { "controlName": "102-testing-your-apps:cypress" }, @@ -10903,12 +8735,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", + "w": "195", "h": "39", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "3", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -10917,14 +8749,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "70", "measuredW": "63", "measuredH": "25", - "x": "81", - "y": "10", + "x": "63", + "y": "7", "properties": { - "size": "17", - "text": "Cypress" + "text": "Cypress", + "size": "17" } }, { @@ -10933,8 +8764,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "181", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -10949,8 +8780,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "181", + "y": "8", "properties": { "color": "10027263", "icon": { @@ -10964,15 +8795,15 @@ } }, { - "ID": "1719", + "ID": "8375", "typeID": "__group__", - "zOrder": "213", + "zOrder": "194", "measuredW": "405", "measuredH": "158", "w": "405", "h": "158", - "x": "395", - "y": "2259", + "x": "609", + "y": "1980", "properties": { "controlName": "115-testing-your-apps" }, @@ -11003,8 +8834,7 @@ "y": "19", "properties": { "size": "18", - "text": "Testing your Apps", - "bold": "true" + "text": "Testing your Apps" } }, { @@ -11054,299 +8884,15 @@ } }, { - "ID": "1720", - "typeID": "__group__", - "zOrder": "214", - "measuredW": "405", - "measuredH": "44", - "w": "405", - "h": "44", - "x": "395", - "y": "2425", - "properties": { - "controlName": "104-testing-your-apps:other-options" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "__group__", - "zOrder": "0", - "measuredW": "93", - "measuredH": "43", - "w": "93", - "h": "43", - "x": "109", - "y": "1", - "properties": { - "controlName": "testing-your-apps:chai" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "93", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "38", - "measuredW": "36", - "measuredH": "25", - "x": "28", - "y": "9", - "properties": { - "size": "17", - "text": "Chai" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "93", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - }, - { - "ID": "1", - "typeID": "__group__", - "zOrder": "1", - "measuredW": "75", - "measuredH": "43", - "w": "75", - "h": "43", - "x": "210", - "y": "1", - "properties": { - "controlName": "testing-your-apps:ava" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "75", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "32", - "measuredW": "28", - "measuredH": "25", - "x": "22", - "y": "9", - "properties": { - "size": "17", - "text": "Ava" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "75", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "112", - "measuredH": "43", - "w": "112", - "h": "43", - "x": "293", - "y": "0", - "properties": { - "controlName": "testing-your-apps:jasmine" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "112", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "67", - "measuredW": "65", - "measuredH": "25", - "x": "23", - "y": "9", - "properties": { - "size": "17", - "text": "Jasmine" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "112", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "3", - "measuredW": "101", - "measuredH": "43", - "w": "101", - "h": "43", - "x": "0", - "y": "0", - "properties": { - "controlName": "testing-your-apps:mocha" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "101", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "55", - "measuredW": "53", - "measuredH": "25", - "x": "23", - "y": "9", - "properties": { - "size": "17", - "text": "Mocha" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "101", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "1721", + "ID": "8377", "typeID": "__group__", - "zOrder": "215", + "zOrder": "195", "measuredW": "234", "measuredH": "60", "w": "234", "h": "60", - "x": "819", - "y": "2517", + "x": "784", + "y": "2328", "properties": { "controlName": "116-type-checkers" }, @@ -11377,7 +8923,6 @@ "y": "23", "properties": { "size": "17", - "bold": "true", "text": "Type Checkers" } }, @@ -11418,15 +8963,15 @@ } }, { - "ID": "1722", + "ID": "8378", "typeID": "__group__", - "zOrder": "216", + "zOrder": "196", "measuredW": "206", "measuredH": "48", "w": "206", "h": "48", - "x": "1104", - "y": "2501", + "x": "1095", + "y": "2334", "properties": { "controlName": "100-type-checkers:typescript" }, @@ -11444,7 +8989,7 @@ "x": "0", "y": "7", "properties": { - "color": "16776960" + "color": "16770457" } }, { @@ -11530,15 +9075,15 @@ } }, { - "ID": "1723", + "ID": "8379", "typeID": "__group__", - "zOrder": "217", + "zOrder": "197", "measuredW": "247", "measuredH": "61", "w": "247", "h": "61", "x": "496", - "y": "2516", + "y": "2325", "properties": { "controlName": "117-progressive-web-apps" }, @@ -11563,14 +9108,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "173", + "measuredW": "172", "measuredH": "25", - "x": "37", + "x": "41", "y": "24", "properties": { "size": "17", - "text": "Progressive Web Apps", - "bold": "true" + "text": "Progressive Web Apps" } }, { @@ -11610,15 +9154,15 @@ } }, { - "ID": "1724", + "ID": "8380", "typeID": "__group__", - "zOrder": "218", + "zOrder": "198", "measuredW": "237", "measuredH": "400", "w": "237", "h": "400", "x": "134", - "y": "2516", + "y": "2325", "properties": { "controlName": "100-progressive-web-apps:apis" }, @@ -11829,15 +9373,15 @@ } }, { - "ID": "1725", + "ID": "8381", "typeID": "__group__", - "zOrder": "219", + "zOrder": "199", "measuredW": "269", "measuredH": "290", "w": "269", "h": "290", "x": "388", - "y": "2626", + "y": "2435", "properties": { "controlName": "101-progressive-web-apps:performance" }, @@ -12000,15 +9544,15 @@ } }, { - "ID": "1726", + "ID": "8382", "typeID": "__group__", - "zOrder": "220", + "zOrder": "200", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", - "x": "740", - "y": "2641", + "x": "679", + "y": "2471", "properties": { "controlName": "118-server-side-rendering" }, @@ -12039,8 +9583,7 @@ "y": "22", "properties": { "size": "17", - "text": "Server Side Rendering (SSR)", - "bold": "true" + "text": "Server Side Rendering (SSR)" } }, { @@ -12080,15 +9623,15 @@ } }, { - "ID": "1727", + "ID": "8383", "typeID": "__group__", - "zOrder": "221", + "zOrder": "201", "measuredW": "125", - "measuredH": "52", + "measuredH": "41", "w": "125", - "h": "52", - "x": "1062", - "y": "2644", + "h": "41", + "x": "1011", + "y": "2483", "properties": { "controlName": "100-server-side-rendering:react-js" }, @@ -12104,23 +9647,22 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "11", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "69", "measuredW": "47", "measuredH": "25", - "x": "30", - "y": "19", + "x": "34", + "y": "8", "properties": { - "size": "17", - "text": "React" + "text": "React", + "size": "17" } }, { @@ -12130,7 +9672,7 @@ "measuredW": "24", "measuredH": "24", "x": "101", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12146,7 +9688,7 @@ "measuredW": "24", "measuredH": "24", "x": "101", - "y": "0", + "y": "9", "properties": { "color": "10027263", "icon": { @@ -12160,15 +9702,15 @@ } }, { - "ID": "1728", + "ID": "8384", "typeID": "__group__", - "zOrder": "222", - "measuredW": "104", - "measuredH": "49", - "w": "104", - "h": "49", - "x": "1235", - "y": "2627", + "zOrder": "202", + "measuredW": "116", + "measuredH": "41", + "w": "116", + "h": "41", + "x": "1173", + "y": "2482", "properties": { "controlName": "100-server-side-rendering:react-js:next-js" }, @@ -12179,25 +9721,24 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "94", + "w": "106", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "8", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "61", "measuredW": "52", "measuredH": "25", - "x": "20", - "y": "16", + "x": "27", + "y": "8", "properties": { "size": "17", "text": "Next.js" @@ -12209,8 +9750,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "80", - "y": "0", + "x": "92", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12225,8 +9766,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "80", - "y": "0", + "x": "92", + "y": "9", "properties": { "color": "10027263", "icon": { @@ -12240,65 +9781,15 @@ } }, { - "ID": "1729", - "typeID": "__group__", - "zOrder": "223", - "measuredW": "94", - "measuredH": "41", - "w": "94", - "h": "41", - "x": "1235", - "y": "2682", - "properties": { - "controlName": "101-server-side-rendering:react-js:after-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "94", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "60", - "measuredW": "52", - "measuredH": "25", - "x": "21", - "y": "8", - "properties": { - "color": "3355443", - "size": "17", - "text": "After.js" - } - } - ] - } - } - }, - { - "ID": "1730", + "ID": "8386", "typeID": "__group__", - "zOrder": "224", + "zOrder": "203", "measuredW": "123", - "measuredH": "52", + "measuredH": "41", "w": "123", - "h": "52", - "x": "1066", - "y": "2735", + "h": "41", + "x": "1015", + "y": "2531", "properties": { "controlName": "101-server-side-rendering:angular" }, @@ -12314,7 +9805,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "11", + "y": "0", "properties": { "color": "16770457" } @@ -12327,7 +9818,7 @@ "measuredW": "59", "measuredH": "25", "x": "31", - "y": "19", + "y": "8", "properties": { "size": "17", "text": "Angular" @@ -12340,7 +9831,7 @@ "measuredW": "24", "measuredH": "24", "x": "99", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12356,7 +9847,7 @@ "measuredW": "24", "measuredH": "24", "x": "99", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12372,7 +9863,7 @@ "measuredW": "24", "measuredH": "24", "x": "99", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -12386,15 +9877,15 @@ } }, { - "ID": "1731", + "ID": "8387", "typeID": "__group__", - "zOrder": "225", + "zOrder": "204", "measuredW": "121", - "measuredH": "52", - "w": "121", - "h": "52", - "x": "1218", - "y": "2735", + "measuredH": "41", + "w": "121", + "h": "41", + "x": "1170", + "y": "2532", "properties": { "controlName": "100-server-side-rendering:angular:universal" }, @@ -12410,7 +9901,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "11", + "y": "0", "properties": { "color": "16770457" } @@ -12423,7 +9914,7 @@ "measuredW": "72", "measuredH": "25", "x": "19", - "y": "19", + "y": "8", "properties": { "size": "17", "text": "Universal" @@ -12436,7 +9927,7 @@ "measuredW": "24", "measuredH": "24", "x": "97", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12452,7 +9943,7 @@ "measuredW": "24", "measuredH": "24", "x": "97", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12468,7 +9959,7 @@ "measuredW": "24", "measuredH": "24", "x": "97", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -12482,15 +9973,15 @@ } }, { - "ID": "1732", + "ID": "8388", "typeID": "__group__", - "zOrder": "226", + "zOrder": "205", "measuredW": "124", - "measuredH": "51", + "measuredH": "41", "w": "124", - "h": "51", - "x": "1066", - "y": "2789", + "h": "41", + "x": "1016", + "y": "2581", "properties": { "controlName": "102-server-side-rendering:vue-js" }, @@ -12506,7 +9997,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "10", + "y": "0", "properties": { "color": "16770457" } @@ -12519,10 +10010,10 @@ "measuredW": "45", "measuredH": "25", "x": "34", - "y": "18", + "y": "8", "properties": { - "size": "17", - "text": "Vue.js" + "text": "Vue.js", + "size": "17" } }, { @@ -12532,7 +10023,7 @@ "measuredW": "24", "measuredH": "24", "x": "100", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12548,7 +10039,7 @@ "measuredW": "24", "measuredH": "24", "x": "100", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12564,7 +10055,7 @@ "measuredW": "24", "measuredH": "24", "x": "100", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -12578,15 +10069,15 @@ } }, { - "ID": "1733", + "ID": "8389", "typeID": "__group__", - "zOrder": "227", + "zOrder": "206", "measuredW": "122", - "measuredH": "51", + "measuredH": "41", "w": "122", - "h": "51", - "x": "1218", - "y": "2789", + "h": "41", + "x": "1168", + "y": "2581", "properties": { "controlName": "100-server-side-rendering:vue-js:nuxt-js" }, @@ -12602,7 +10093,7 @@ "measuredW": "200", "measuredH": "140", "x": "0", - "y": "10", + "y": "0", "properties": { "color": "16770457" } @@ -12615,7 +10106,7 @@ "measuredW": "52", "measuredH": "25", "x": "28", - "y": "18", + "y": "8", "properties": { "size": "17", "text": "Nuxt.js" @@ -12628,7 +10119,7 @@ "measuredW": "24", "measuredH": "24", "x": "98", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12644,7 +10135,7 @@ "measuredW": "24", "measuredH": "24", "x": "98", - "y": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12660,7 +10151,7 @@ "measuredW": "24", "measuredH": "24", "x": "98", - "y": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -12674,15 +10165,15 @@ } }, { - "ID": "1734", + "ID": "8390", "typeID": "__group__", - "zOrder": "228", + "zOrder": "6", "measuredW": "249", "measuredH": "59", "w": "249", "h": "59", "x": "441", - "y": "3131", + "y": "3011", "properties": { "controlName": "122-desktop-applications" }, @@ -12707,14 +10198,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "163", + "measuredW": "162", "measuredH": "25", - "x": "43", + "x": "40", "y": "22", "properties": { "size": "17", - "text": "Desktop Applications", - "bold": "true" + "text": "Desktop Applications" } }, { @@ -12754,15 +10244,15 @@ } }, { - "ID": "1735", + "ID": "8391", "typeID": "__group__", - "zOrder": "229", + "zOrder": "7", "measuredW": "196", "measuredH": "47", "w": "196", "h": "47", "x": "755", - "y": "3097", + "y": "2982", "properties": { "controlName": "100-desktop-applications:electron" }, @@ -12834,15 +10324,15 @@ } }, { - "ID": "1737", + "ID": "8392", "typeID": "__group__", - "zOrder": "230", + "zOrder": "207", "measuredW": "220", "measuredH": "59", "w": "220", "h": "59", "x": "437", - "y": "3009", + "y": "2899", "properties": { "controlName": "121-mobile-applications" }, @@ -12868,14 +10358,13 @@ "typeID": "Label", "zOrder": "1", "w": "169", - "measuredW": "152", + "measuredW": "150", "measuredH": "25", "x": "27", "y": "22", "properties": { "size": "17", - "text": "Mobile Applications", - "bold": "true" + "text": "Mobile Applications" } }, { @@ -12900,10 +10389,217 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "196", - "y": "0", + "x": "196", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "8393", + "typeID": "__group__", + "zOrder": "208", + "measuredW": "156", + "measuredH": "41", + "w": "156", + "h": "41", + "x": "137", + "y": "2824", + "properties": { + "controlName": "100-mobile-applications:react-native" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "100", + "measuredH": "25", + "x": "32", + "y": "8", + "properties": { + "size": "17", + "text": "React Native" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "7", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "7", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "8394", + "typeID": "__group__", + "zOrder": "209", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "2964", + "properties": { + "controlName": "101-mobile-applications:nativescript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "94", + "measuredH": "25", + "x": "27", + "y": "8", + "properties": { + "text": "NativeScript", + "size": "17" + } + } + ] + } + } + }, + { + "ID": "8395", + "typeID": "__group__", + "zOrder": "210", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "136", + "y": "2871", + "properties": { + "controlName": "102-mobile-applications:flutter" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "53", + "measuredW": "50", + "measuredH": "25", + "x": "57", + "y": "8", + "properties": { + "size": "17", + "text": "Flutter" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "7", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "7", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -12915,17 +10611,17 @@ } }, { - "ID": "1738", + "ID": "8396", "typeID": "__group__", - "zOrder": "231", - "measuredW": "156", - "measuredH": "51", - "w": "156", - "h": "51", - "x": "137", - "y": "2928", + "zOrder": "211", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1131", + "y": "2896", "properties": { - "controlName": "100-mobile-applications:react-native" + "controlName": "105-static-site-generators:hugo" }, "children": { "controls": { @@ -12938,24 +10634,24 @@ "h": "41", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "10", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "100", + "w": "43", + "measuredW": "42", "measuredH": "25", - "x": "32", - "y": "18", + "x": "52", + "y": "8", "properties": { "size": "17", - "text": "React Native" + "text": "Hugo" } }, { @@ -12964,8 +10660,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "133", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12980,10 +10676,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "133", + "y": "9", "properties": { - "color": "10027263", + "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" @@ -12995,17 +10707,17 @@ } }, { - "ID": "1739", + "ID": "8397", "typeID": "__group__", - "zOrder": "232", + "zOrder": "212", "measuredW": "147", "measuredH": "41", "w": "147", "h": "41", "x": "146", - "y": "2983", + "y": "2918", "properties": { - "controlName": "101-mobile-applications:nativescript" + "controlName": "103-mobile-applications:ionic" }, "children": { "controls": { @@ -13028,14 +10740,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "94", + "w": "40", + "measuredW": "38", "measuredH": "25", - "x": "23", + "x": "54", "y": "8", "properties": { "size": "17", - "text": "NativeScript" + "text": "Ionic" } } ] @@ -13043,17 +10755,17 @@ } }, { - "ID": "1740", + "ID": "8398", "typeID": "__group__", - "zOrder": "233", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "146", - "y": "3029", + "zOrder": "213", + "measuredW": "152", + "measuredH": "50", + "w": "152", + "h": "50", + "x": "782", + "y": "2773", "properties": { - "controlName": "102-mobile-applications:flutter" + "controlName": "119-graphql" }, "children": { "controls": { @@ -13062,28 +10774,59 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "146", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "53", - "measuredW": "50", + "measuredW": "71", "measuredH": "25", - "x": "47", - "y": "8", + "x": "37", + "y": "12", "properties": { "size": "17", - "text": "Flutter" + "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" + } } } ] @@ -13091,17 +10834,17 @@ } }, { - "ID": "1741", + "ID": "8399", "typeID": "__group__", - "zOrder": "234", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "1183", - "y": "3179", + "zOrder": "214", + "measuredW": "175", + "measuredH": "41", + "w": "175", + "h": "41", + "x": "531", + "y": "2820", "properties": { - "controlName": "105-static-site-generators:hugo" + "controlName": "101-graphql:relay-modern" }, "children": { "controls": { @@ -13110,12 +10853,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", + "w": "168", "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "3", + "x": "7", + "y": "0", "properties": { "color": "16770457" } @@ -13124,14 +10867,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "43", - "measuredW": "42", + "w": "115", + "measuredW": "107", "measuredH": "25", - "x": "52", - "y": "11", + "x": "40", + "y": "8", "properties": { "size": "17", - "text": "Hugo" + "text": "Relay Modern" } }, { @@ -13140,8 +10883,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -13156,8 +10899,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -13172,8 +10915,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -13187,17 +10930,96 @@ } }, { - "ID": "1742", + "ID": "8400", "typeID": "__group__", - "zOrder": "235", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "146", - "y": "3075", + "zOrder": "8", + "measuredW": "221", + "measuredH": "50", + "w": "221", + "h": "50", + "x": "176", + "y": "3199", "properties": { - "controlName": "103-mobile-applications:ionic" + "controlName": "123-web-assembly" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "11", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "111", + "measuredH": "25", + "x": "57", + "y": "12", + "properties": { + "size": "17", + "text": "Web Assembly" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "8401", + "typeID": "__group__", + "zOrder": "9", + "measuredW": "207", + "measuredH": "50", + "w": "207", + "h": "50", + "x": "201", + "y": "3380", + "properties": { + "controlName": "ext_link:google.com" }, "children": { "controls": { @@ -13206,28 +11028,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "207", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "40", - "measuredW": "38", + "measuredW": "114", "measuredH": "25", - "x": "54", - "y": "8", + "x": "45", + "y": "13", "properties": { "size": "17", - "text": "Ionic" + "text": "Keep Learning" } } ] @@ -13235,18 +11056,15 @@ } }, { - "ID": "1743", + "ID": "8402", "typeID": "__group__", - "zOrder": "236", - "measuredW": "154", - "measuredH": "59", - "w": "154", - "h": "59", - "x": "759", - "y": "2869", - "properties": { - "controlName": "119-graphql" - }, + "zOrder": "10", + "measuredW": "582", + "measuredH": "188", + "w": "582", + "h": "188", + "x": "464", + "y": "3176", "children": { "controls": { "control": [ @@ -13254,60 +11072,81 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", - "h": "50", + "w": "582", + "h": "188", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "9", - "properties": { - "color": "16776960" - } + "x": "0", + "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "71", + "w": "536", + "measuredW": "498", "measuredH": "25", - "x": "45", - "y": "22", + "x": "20", + "y": "20", "properties": { "size": "17", - "text": "GraphQL", - "bold": "true" + "text": "Web Assembly or WASM is the binary instructions generated from" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "Label", "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "w": "537", + "measuredW": "508", + "measuredH": "25", + "x": "20", + "y": "50", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "17", + "text": "higher level languages such as Go, C, C++ or Rust. It is faster than" } }, { "ID": "3", - "typeID": "Icon", + "typeID": "Label", "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "w": "528", + "measuredW": "523", + "measuredH": "25", + "x": "19", + "y": "81", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "JavaScript and WASM 1.0 has already shipped in the major browsers." + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "536", + "measuredW": "360", + "measuredH": "25", + "x": "19", + "y": "142", + "properties": { + "size": "17", + "text": "take quite some time to go mainstream though." + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "w": "539", + "measuredW": "520", + "measuredH": "25", + "x": "19", + "y": "111", + "properties": { + "size": "17", + "text": "W3C accepted it as an official standard at the end of 2019. It will still" } } ] @@ -13315,17 +11154,17 @@ } }, { - "ID": "1744", + "ID": "8403", "typeID": "__group__", - "zOrder": "237", - "measuredW": "178", - "measuredH": "45", - "w": "178", - "h": "45", - "x": "975", - "y": "2905", + "zOrder": "215", + "measuredW": "238", + "measuredH": "60", + "w": "238", + "h": "60", + "x": "782", + "y": "2213", "properties": { - "controlName": "101-graphql:relay-modern" + "controlName": "113-web-components" }, "children": { "controls": { @@ -13334,12 +11173,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "168", - "h": "41", + "w": "230", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "4", + "y": "10", "properties": { "color": "16776960" } @@ -13348,14 +11187,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "115", - "measuredW": "107", + "measuredW": "137", "measuredH": "25", - "x": "33", - "y": "12", + "x": "44", + "y": "23", "properties": { "size": "17", - "text": "Relay Modern" + "text": "Web Components" } }, { @@ -13364,7 +11202,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "154", + "x": "214", "y": "0", "properties": { "color": "16777215", @@ -13380,26 +11218,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "154", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "154", + "x": "214", "y": "0", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -13411,17 +11233,17 @@ } }, { - "ID": "1745", + "ID": "8404", "typeID": "__group__", - "zOrder": "238", - "measuredW": "221", - "measuredH": "61", - "w": "221", - "h": "61", - "x": "176", - "y": "3313", + "zOrder": "216", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "1107", + "y": "2181", "properties": { - "controlName": "123-web-assembly" + "controlName": "100-web-components:html-templates" }, "children": { "controls": { @@ -13430,28 +11252,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "210", - "h": "50", + "w": "190", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "11", - "y": "11", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "112", + "w": "132", + "measuredW": "131", "measuredH": "25", - "x": "57", - "y": "24", + "x": "30", + "y": "7", "properties": { "size": "17", - "text": "Web Assembly", - "bold": "true" + "text": "HTML Templates" } }, { @@ -13460,8 +11282,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "175", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -13476,8 +11298,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "175", + "y": "8", "properties": { "color": "10066329", "icon": { @@ -13491,17 +11313,17 @@ } }, { - "ID": "1746", + "ID": "8405", "typeID": "__group__", - "zOrder": "239", - "measuredW": "207", - "measuredH": "50", - "w": "207", - "h": "50", - "x": "201", - "y": "3500", + "zOrder": "217", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "1107", + "y": "2227", "properties": { - "controlName": "ext_link:google.com" + "controlName": "101-web-components:custom-elements" }, "children": { "controls": { @@ -13510,44 +11332,79 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "207", - "h": "50", + "w": "190", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "114", + "w": "139", + "measuredW": "136", "measuredH": "25", - "x": "45", - "y": "13", + "x": "30", + "y": "7", "properties": { "size": "17", - "text": "Keep Learning", - "bold": "true" + "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": "1747", - "typeID": "__group__", - "zOrder": "240", - "measuredW": "582", - "measuredH": "188", - "w": "582", - "h": "188", - "x": "464", - "y": "3296", + { + "ID": "8406", + "typeID": "__group__", + "zOrder": "218", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "1107", + "y": "2272", + "properties": { + "controlName": "102-web-components:shadow-dom" + }, "children": { "controls": { "control": [ @@ -13555,81 +11412,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "582", - "h": "188", + "w": "190", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0" + "y": "0", + "properties": { + "color": "16770457" + } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "536", - "measuredW": "498", + "w": "105", + "measuredW": "105", "measuredH": "25", - "x": "20", - "y": "20", + "x": "38", + "y": "7", "properties": { "size": "17", - "text": "Web Assembly or WASM is the binary instructions generated from" + "text": "Shadow DOM" } }, { "ID": "2", - "typeID": "Label", + "typeID": "Icon", "zOrder": "2", - "w": "537", - "measuredW": "508", - "measuredH": "25", - "x": "20", - "y": "50", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", "properties": { - "size": "17", - "text": "higher level languages such as Go, C, C++ or Rust. It is faster than" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "3", - "typeID": "Label", + "typeID": "Icon", "zOrder": "3", - "w": "528", - "measuredW": "523", - "measuredH": "25", - "x": "19", - "y": "81", - "properties": { - "size": "17", - "text": "JavaScript and WASM 1.0 has already shipped in the major browsers." - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "w": "536", - "measuredW": "360", - "measuredH": "25", - "x": "19", - "y": "142", - "properties": { - "size": "17", - "text": "take quite some time to go mainstream though." - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "w": "539", - "measuredW": "520", - "measuredH": "25", - "x": "19", - "y": "111", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", "properties": { - "size": "17", - "text": "W3C accepted it as an official standard at the end of 2019. It will still" + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -13637,17 +11473,17 @@ } }, { - "ID": "1748", + "ID": "8408", "typeID": "__group__", - "zOrder": "241", - "measuredW": "238", - "measuredH": "60", - "w": "238", - "h": "60", - "x": "722", - "y": "2028", + "zOrder": "219", + "measuredW": "156", + "measuredH": "43", + "w": "156", + "h": "43", + "x": "149", + "y": "1383", "properties": { - "controlName": "113-web-components" + "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { @@ -13656,28 +11492,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", - "h": "50", + "w": "146", + "h": "43", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "10", + "x": "10", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "138", + "w": "74", + "measuredW": "66", "measuredH": "25", - "x": "44", - "y": "23", + "x": "49", + "y": "9", "properties": { - "bold": "true", "size": "17", - "text": "Web Components" + "text": "PostCSS" } }, { @@ -13686,8 +11522,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "214", - "y": "0", + "x": "0", + "y": "10", "properties": { "color": "16777215", "icon": { @@ -13702,8 +11538,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "214", - "y": "0", + "x": "0", + "y": "10", "properties": { "color": "10066329", "icon": { @@ -13717,17 +11553,17 @@ } }, { - "ID": "1749", + "ID": "8409", "typeID": "__group__", - "zOrder": "242", - "measuredW": "199", - "measuredH": "46", - "w": "199", - "h": "46", - "x": "1047", - "y": "1991", + "zOrder": "220", + "measuredW": "156", + "measuredH": "41", + "w": "156", + "h": "41", + "x": "149", + "y": "1336", "properties": { - "controlName": "100-web-components:html-templates" + "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { @@ -13736,12 +11572,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "190", - "h": "40", + "w": "146", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "6", + "x": "10", + "y": "0", "properties": { "color": "16770457" } @@ -13750,14 +11586,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "132", - "measuredW": "131", + "w": "46", + "measuredW": "37", "measuredH": "25", - "x": "30", - "y": "14", + "x": "60", + "y": "8", "properties": { "size": "17", - "text": "HTML Templates" + "text": "Sass" } }, { @@ -13766,8 +11602,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -13782,8 +11618,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "0", + "y": "9", "properties": { "color": "10066329", "icon": { @@ -13797,17 +11633,17 @@ } }, { - "ID": "1750", + "ID": "8410", "typeID": "__group__", - "zOrder": "243", - "measuredW": "199", - "measuredH": "42", - "w": "199", - "h": "42", - "x": "1047", - "y": "2040", + "zOrder": "221", + "measuredW": "212", + "measuredH": "40", + "w": "212", + "h": "40", + "x": "809", + "y": "1854", "properties": { - "controlName": "101-web-components:custom-elements" + "controlName": "102-modern-css:styled-jsx" }, "children": { "controls": { @@ -13816,12 +11652,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "190", + "w": "201", "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "2", + "y": "0", "properties": { "color": "16770457" } @@ -13830,14 +11666,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "139", - "measuredW": "136", + "w": "90", + "measuredW": "80", "measuredH": "25", - "x": "30", - "y": "10", + "x": "56", + "y": "7", "properties": { "size": "17", - "text": "Custom Elements" + "text": "Styled JSX" } }, { @@ -13846,8 +11682,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "188", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -13862,10 +11698,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "188", + "y": "8", "properties": { - "color": "10066329", + "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" @@ -13877,57 +11729,70 @@ } }, { - "ID": "1751", + "ID": "8411", "typeID": "__group__", - "zOrder": "244", - "measuredW": "199", - "measuredH": "44", - "w": "199", - "h": "44", - "x": "1047", - "y": "2083", + "zOrder": "222", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1083", + "y": "1602", "properties": { - "controlName": "102-web-components:shadow-dom" + "controlName": "101-build-tools:module-bundlers:esbuild" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", - "w": "190", + "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": "4", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "105", - "measuredW": "105", + "zOrder": "2", + "measuredW": "55", "measuredH": "25", - "x": "38", - "y": "12", + "x": "50", + "y": "7", "properties": { "size": "17", - "text": "Shadow DOM" + "text": "esbuild" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "135", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -13937,15 +11802,15 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "175", - "y": "0", + "x": "135", + "y": "8", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -13957,66 +11822,108 @@ } }, { - "ID": "1752", + "ID": "8412", "typeID": "__group__", - "zOrder": "245", - "measuredW": "188", - "measuredH": "42", - "w": "188", - "h": "42", - "x": "756", - "y": "3199", + "zOrder": "223", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1083", + "y": "1557", "properties": { - "controlName": "102-desktop-applications:proton-native" + "controlName": "104-build-tools:module-bundlers:vite" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Label", "zOrder": "0", - "w": "188", - "h": "41", + "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": "1", + "y": "0", "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "13421772", - "textColor": "3355443" + "color": "16770457" } }, { - "ID": "1", + "ID": "2", "typeID": "Label", - "zOrder": "1", - "w": "115", - "measuredW": "104", + "zOrder": "2", + "measuredW": "30", "measuredH": "25", - "x": "42", - "y": "9", + "x": "53", + "y": "7", "properties": { - "color": "3355443", "size": "17", - "text": "Proton Native" + "text": "Vite" } }, { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "186", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1", - "y": "0", + "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": { - "backgroundAlpha": "0.5", - "color": "10066329" + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" } } ] @@ -14024,17 +11931,17 @@ } }, { - "ID": "1753", + "ID": "8414", "typeID": "__group__", - "zOrder": "246", - "measuredW": "155", - "measuredH": "48", - "w": "155", - "h": "48", - "x": "1147", - "y": "1423", + "zOrder": "224", + "measuredW": "149", + "measuredH": "37", + "w": "149", + "h": "37", + "x": "331", + "y": "2070", "properties": { - "controlName": "101-css-preprocessors:postcss" + "controlName": "103-css-frameworks:js-first:radix-ui" }, "children": { "controls": { @@ -14043,28 +11950,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", - "h": "43", + "w": "139", + "h": "37", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "5", + "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "74", "measuredW": "66", "measuredH": "25", - "x": "39", - "y": "15", + "x": "34", + "y": "6", "properties": { "size": "17", - "text": "PostCSS" + "text": "Radix UI" } }, { @@ -14073,8 +11979,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "131", - "y": "0", + "x": "125", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -14089,10 +11995,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "131", - "y": "0", + "x": "125", + "y": "7", "properties": { - "color": "10066329", + "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" @@ -14104,17 +12026,17 @@ } }, { - "ID": "1754", + "ID": "8415", "typeID": "__group__", - "zOrder": "247", - "measuredW": "156", - "measuredH": "48", - "w": "156", - "h": "48", - "x": "1147", - "y": "1374", + "zOrder": "225", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1132", + "y": "2665", "properties": { - "controlName": "100-css-preprocessors:sass" + "controlName": "107-static-site-generators:eleventy" }, "children": { "controls": { @@ -14123,38 +12045,26 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", + "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "7", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457", + "align": "center", + "size": "17" } }, { "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "46", - "measuredW": "37", - "measuredH": "25", - "x": "50", - "y": "15", - "properties": { - "size": "17", - "text": "Sass" - } - }, - { - "ID": "2", "typeID": "Icon", - "zOrder": "2", + "zOrder": "1", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "0", + "x": "133", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -14164,19 +12074,32 @@ } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "0", + "x": "133", + "y": "9", "properties": { - "color": "10066329", "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" } } ] @@ -14184,17 +12107,17 @@ } }, { - "ID": "1755", + "ID": "8416", "typeID": "__group__", - "zOrder": "248", - "measuredW": "230", - "measuredH": "44", - "w": "230", - "h": "44", - "x": "139", - "y": "1950", + "zOrder": "11", + "measuredW": "196", + "measuredH": "47", + "w": "196", + "h": "47", + "x": "755", + "y": "3031", "properties": { - "controlName": "102-modern-css:styled-jsx" + "controlName": "101-desktop-applications:tauri" }, "children": { "controls": { @@ -14203,12 +12126,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "221", - "h": "40", + "w": "188", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "4", + "x": "0", + "y": "6", "properties": { "color": "16770457" } @@ -14217,14 +12140,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "90", - "measuredW": "80", + "measuredW": "38", "measuredH": "25", - "x": "75", - "y": "12", + "x": "83", + "y": "14", "properties": { "size": "17", - "text": "Styled JSX" + "text": "Tauri" } }, { @@ -14233,7 +12155,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "172", "y": "0", "properties": { "color": "16777215", @@ -14246,33 +12168,17 @@ { "ID": "3", "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "172", "y": "0", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "40463" } } ] @@ -14280,17 +12186,17 @@ } }, { - "ID": "1756", + "ID": "8418", "typeID": "__group__", - "zOrder": "249", - "measuredW": "185", - "measuredH": "47", - "w": "185", - "h": "47", - "x": "142", - "y": "1648", + "zOrder": "226", + "measuredW": "158", + "measuredH": "49", + "w": "158", + "h": "49", + "x": "153", + "y": "1221", "properties": { - "controlName": "101-build-tools:module-bundlers:esbuild" + "controlName": "102-package-managers:pnpm" }, "children": { "controls": { @@ -14299,61 +12205,82 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "176", - "h": "40", + "w": "151", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "7", + "x": "7", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "72", - "measuredW": "72", + "measuredW": "44", "measuredH": "25", "x": "61", - "y": "15", + "y": "12", "properties": { "size": "17", - "text": "Webpack" + "text": "pnpm" } }, { "ID": "2", - "typeID": "TextArea", + "typeID": "Icon", "zOrder": "2", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", "properties": { - "color": "16776960" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "3", - "typeID": "Label", + "typeID": "Icon", "zOrder": "3", - "measuredW": "55", - "measuredH": "25", - "x": "69", - "y": "14", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", "properties": { - "size": "17", - "text": "esbuild" + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" } - }, + } + ] + } + } + }, + { + "ID": "8421", + "typeID": "__group__", + "zOrder": "135", + "measuredW": "24", + "measuredH": "24", + "w": "24", + "h": "24", + "x": "1218", + "y": "1172", + "children": { + "controls": { + "control": [ { - "ID": "4", + "ID": "0", "typeID": "Icon", - "zOrder": "4", + "zOrder": "0", "measuredW": "24", "measuredH": "24", "x": "0", @@ -14367,15 +12294,15 @@ } }, { - "ID": "5", + "ID": "1", "typeID": "Icon", - "zOrder": "5", + "zOrder": "1", "measuredW": "24", "measuredH": "24", "x": "0", "y": "0", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -14387,70 +12314,203 @@ } }, { - "ID": "1757", + "ID": "8422", + "typeID": "Arrow", + "zOrder": "47", + "w": "140", + "h": "56", + "measuredW": "150", + "measuredH": "100", + "x": "294", + "y": "1188", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 139.22596641392124, + "y": 56.50887328728595 + }, + "p1": { + "x": 0.5179188602929942, + "y": 0.0589061054914393 + }, + "p2": { + "x": -0.3748152660157871, + "y": 0.3948335924094408 + } + } + }, + { + "ID": "8423", + "typeID": "Arrow", + "zOrder": "45", + "w": "144", + "h": "47", + "measuredW": "150", + "measuredH": "100", + "x": "293", + "y": "1363", + "properties": { + "color": "2848996", + "curvature": "-1", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 143.59460152843042, + "y": -0.36895266648821234 + }, + "p1": { + "x": 0.5621049174944583, + "y": -0.05820540185534891 + }, + "p2": { + "x": -0.11208549503413678, + "y": 46.16464122682419 + } + } + }, + { + "ID": "8424", + "typeID": "Arrow", + "zOrder": "44", + "w": "94", + "h": "177", + "measuredW": "150", + "measuredH": "100", + "x": "504", + "y": "1354", + "properties": { + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.342277860619447, + "y": -0.4198717504148135 + }, + "p1": { + "x": 0.5100925147182503, + "y": -0.13330529857022685 + }, + "p2": { + "x": 94.09354504051441, + "y": 176.13405802127022 + } + } + }, + { + "ID": "8425", + "typeID": "Arrow", + "zOrder": "37", + "w": "119", + "h": "59", + "measuredW": "150", + "measuredH": "100", + "x": "709", + "y": "1458", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.047010684241513445, + "y": 58.44770687617847 + }, + "p1": { + "x": 0.5673179018899986, + "y": -0.10798471012953849 + }, + "p2": { + "x": 119.02424427805772, + "y": -0.40360304771661504 + } + } + }, + { + "ID": "8426", + "typeID": "Arrow", + "zOrder": "36", + "w": "135", + "h": "53", + "measuredW": "150", + "measuredH": "100", + "x": "699", + "y": "1534", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.3725435141941489, + "y": 0.23996336479785896 + }, + "p1": { + "x": 0.4960254372019082, + "y": 0.07419183889772205 + }, + "p2": { + "x": 135.8674198506036, + "y": 53.61673283065602 + } + } + }, + { + "ID": "8427", "typeID": "__group__", - "zOrder": "250", - "measuredW": "184", - "measuredH": "44", - "w": "184", - "h": "44", - "x": "143", - "y": "1787", + "zOrder": "227", + "measuredW": "152", + "measuredH": "40", + "w": "152", + "h": "40", + "x": "151", + "y": "1607", "properties": { - "controlName": "104-build-tools:module-bundlers:vite" + "controlName": "103-pick-a-framework:svelte" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "73", - "y": "12", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "1", "typeID": "TextArea", - "zOrder": "1", - "w": "176", + "zOrder": "0", + "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "4", + "x": "7", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "measuredW": "30", + "zOrder": "1", + "measuredW": "48", "measuredH": "25", - "x": "81", - "y": "11", + "x": "58", + "y": "7", "properties": { "size": "17", - "text": "Vite" + "text": "Svelte" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14460,13 +12520,13 @@ } }, { - "ID": "4", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14476,13 +12536,13 @@ } }, { - "ID": "5", + "ID": "4", "typeID": "Icon", - "zOrder": "5", + "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -14496,17 +12556,17 @@ } }, { - "ID": "1758", + "ID": "8428", "typeID": "__group__", - "zOrder": "251", - "measuredW": "93", - "measuredH": "41", - "w": "93", - "h": "41", - "x": "1246", - "y": "1770", + "zOrder": "228", + "measuredW": "152", + "measuredH": "40", + "w": "152", + "h": "40", + "x": "151", + "y": "1653", "properties": { - "controlName": "102-pick-a-framework:react-js:recoil" + "controlName": "104-pick-a-framework:solid-js" }, "children": { "controls": { @@ -14515,12 +12575,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "85", + "w": "145", "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "1", + "x": "7", + "y": "0", "properties": { "color": "16770457" } @@ -14529,13 +12589,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "49", + "measuredW": "61", "measuredH": "25", - "x": "14", - "y": "8", + "x": "58", + "y": "7", "properties": { "size": "17", - "text": "Recoil" + "text": "Solid JS" } }, { @@ -14544,8 +12604,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "69", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14560,8 +12620,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "69", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14576,8 +12636,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "69", - "y": "0", + "x": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -14591,17 +12651,364 @@ } }, { - "ID": "1759", - "typeID": "__group__", - "zOrder": "252", - "measuredW": "213", - "measuredH": "41", - "w": "213", + "ID": "8430", + "typeID": "Arrow", + "zOrder": "35", + "w": "253", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "279", + "y": "1581", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.20156335987400098, + "y": 1.4049221436009702 + }, + "p1": { + "x": 0.46937327878105334, + "y": 0.004541857492184635 + }, + "p2": { + "x": 253.39905954407345, + "y": 1.5108274871286085 + } + } + }, + { + "ID": "8431", + "typeID": "Arrow", + "zOrder": "34", + "w": "244", "h": "41", - "x": "844", - "y": "2300", + "measuredW": "150", + "measuredH": "100", + "x": "283", + "y": "1529", "properties": { - "controlName": "103-css-frameworks:js-first:radix-ui" + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.3074687034015824, + "y": 0.1340580212702207 + }, + "p1": { + "x": 0.4718266633930761, + "y": -0.03283820279891953 + }, + "p2": { + "x": 243.92451908603675, + "y": 41.19311145654592 + } + } + }, + { + "ID": "8432", + "typeID": "Arrow", + "zOrder": "33", + "w": "238", + "h": "77", + "measuredW": "150", + "measuredH": "100", + "x": "293", + "y": "1485", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.11208549503413678, + "y": 0.337734356976398 + }, + "p1": { + "x": 0.46318687896564104, + "y": -0.04633065964324165 + }, + "p2": { + "x": 238.03042442956428, + "y": 76.98130076949064 + } + } + }, + { + "ID": "8433", + "typeID": "Arrow", + "zOrder": "32", + "w": "252", + "h": "42", + "measuredW": "150", + "measuredH": "100", + "x": "290", + "y": "1593", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.1506442759475135, + "y": 41.51896183847771 + }, + "p1": { + "x": 0.4628056985241305, + "y": 0.0422931043816104 + }, + "p2": { + "x": 252.39905954407345, + "y": -0.4891725128713915 + } + } + }, + { + "ID": "8434", + "typeID": "Arrow", + "zOrder": "31", + "w": "250", + "h": "78", + "measuredW": "150", + "measuredH": "100", + "x": "289", + "y": "1599", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.2179908385617182, + "y": 77.94665038826247 + }, + "p1": { + "x": 0.46280569852413056, + "y": 0.04229310438161035 + }, + "p2": { + "x": 250.24223511661944, + "y": -0.06555113876129326 + } + } + }, + { + "ID": "8435", + "typeID": "Arrow", + "zOrder": "30", + "w": "83", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1024", + "y": "1573", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4310686842693701, + "y": -0.01854562577101437 + }, + "p2": { + "x": 82.75126717989497, + "y": 3.553612219705883 + } + } + }, + { + "ID": "8436", + "typeID": "Arrow", + "zOrder": "29", + "w": "77", + "h": "33", + "measuredW": "150", + "measuredH": "100", + "x": "1029", + "y": "1591", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.21360611090813109, + "y": 0.7226381741836576 + }, + "p1": { + "x": 0.34627916069334047, + "y": 0.08067248794474031 + }, + "p2": { + "x": 76.8571725234226, + "y": 33.04442138044078 + } + } + }, + { + "ID": "8437", + "typeID": "Arrow", + "zOrder": "28", + "w": "88", + "h": "71", + "measuredW": "150", + "measuredH": "100", + "x": "1010", + "y": "1597", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.052714507779455744, + "y": 0.19717863222035703 + }, + "p1": { + "x": 0.45588235294117674, + "y": 0.0735294117647052 + }, + "p2": { + "x": 87.64536183636733, + "y": 71.36620458669813 + } + } + }, + { + "ID": "8438", + "typeID": "Arrow", + "zOrder": "27", + "w": "103", + "h": "125", + "measuredW": "150", + "measuredH": "100", + "x": "992", + "y": "1590", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.26045801916006894, + "y": 0.35400305967436907 + }, + "p1": { + "x": 0.45588235294117674, + "y": 0.0735294117647052 + }, + "p2": { + "x": 102.90809160734898, + "y": 124.8997984800103 + } + } + }, + { + "ID": "8439", + "typeID": "Arrow", + "zOrder": "26", + "w": "130", + "h": "172", + "measuredW": "150", + "measuredH": "100", + "x": "970", + "y": "1590", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.3622961870130439, + "y": 0.35400305967436907 + }, + "p1": { + "x": 0.45588235294117685, + "y": 0.07352941176470515 + }, + "p2": { + "x": 130.38263206538568, + "y": 172.802027487832 + } + } + }, + { + "ID": "8440", + "typeID": "Arrow", + "zOrder": "25", + "w": "1", + "h": "102", + "measuredW": "150", + "measuredH": "100", + "x": "914", + "y": "1692", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356263, + "y": 0.007133769851020943 + }, + "p2": { + "x": -0.260934347128682, + "y": 101.80609466350643 + } + } + }, + { + "ID": "8442", + "typeID": "Arrow", + "zOrder": "24", + "w": "413", + "h": "47", + "measuredW": "150", + "measuredH": "100", + "x": "413", + "y": "1693", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.32780458177427363, + "y": 46.53523054117568 + }, + "p1": { + "x": 0.45894348755426007, + "y": 0.060942254353755484 + }, + "p2": { + "x": 413.65560916354855, + "y": 8.213447334918555 + } + } + }, + { + "ID": "8443", + "typeID": "__group__", + "zOrder": "229", + "measuredW": "161", + "measuredH": "39", + "w": "161", + "h": "39", + "x": "163", + "y": "2024", + "properties": { + "controlName": "101-css-frameworks:js-first:chakra-ui" }, "children": { "controls": { @@ -14610,12 +13017,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "205", - "h": "37", + "w": "152", + "h": "39", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "4", + "x": "9", + "y": "0", "properties": { "color": "16776960" } @@ -14624,13 +13031,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "66", + "measuredW": "78", "measuredH": "25", - "x": "78", - "y": "11", + "x": "44", + "y": "8", "properties": { "size": "17", - "text": "Radix UI" + "text": "Chakra UI" } }, { @@ -14640,7 +13047,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14656,7 +13063,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14672,7 +13079,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -14686,17 +13093,17 @@ } }, { - "ID": "1760", + "ID": "8444", "typeID": "__group__", - "zOrder": "253", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1184", - "y": "3274", + "zOrder": "230", + "measuredW": "161", + "measuredH": "39", + "w": "161", + "h": "39", + "x": "164", + "y": "2069", "properties": { - "controlName": "107-static-site-generators:eleventy" + "controlName": "105-css-frameworks:js-first:daisy-ui" }, "children": { "controls": { @@ -14705,26 +13112,37 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "152", + "h": "39", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "9", "y": "0", "properties": { - "color": "16770457", - "align": "center", - "size": "17" + "color": "16776960" } }, { "ID": "1", - "typeID": "Icon", + "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": "133", - "y": "5", + "x": "0", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14734,32 +13152,35 @@ } }, { - "ID": "2", + "ID": "3", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "5", + "x": "0", + "y": "8", "properties": { - "color": "3700253", + "color": "16777215", "icon": { - "ID": "check-circle", + "ID": "circle", "size": "small" } } }, { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "66", - "measuredH": "25", - "x": "41", + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", "y": "8", "properties": { - "text": "Eleventy", - "size": "17" + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -14767,17 +13188,46 @@ } }, { - "ID": "1761", + "ID": "8445", + "typeID": "Arrow", + "zOrder": "23", + "w": "2", + "h": "235", + "measuredW": "150", + "measuredH": "100", + "x": "382", + "y": "1764", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.43339050633562626, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 234.2072671834119 + } + } + }, + { + "ID": "8446", "typeID": "__group__", - "zOrder": "254", - "measuredW": "196", - "measuredH": "47", - "w": "196", - "h": "47", - "x": "755", - "y": "3146", + "zOrder": "231", + "measuredW": "204", + "measuredH": "39", + "w": "204", + "h": "39", + "x": "1082", + "y": "1985", "properties": { - "controlName": "101-desktop-applications:tauri" + "controlName": "104-testing-your-apps:playwright" }, "children": { "controls": { @@ -14786,27 +13236,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "188", - "h": "41", + "w": "197", + "h": "39", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "6", + "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "38", + "measuredW": "78", "measuredH": "25", - "x": "83", - "y": "14", + "x": "60", + "y": "7", "properties": { "size": "17", - "text": "Tauri" + "text": "Playwright" } }, { @@ -14815,8 +13265,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "172", - "y": "0", + "x": "180", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -14831,34 +13281,209 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "172", - "y": "0", + "x": "180", + "y": "8", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "40463" + } } } ] } } + }, + { + "ID": "8447", + "typeID": "Arrow", + "zOrder": "22", + "w": "101", + "h": "149", + "measuredW": "150", + "measuredH": "100", + "x": "703", + "y": "2096", + "properties": { + "color": "2848996", + "curvature": "-1", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 101.26857086849895, + "y": 149.1856854072821 + }, + "p1": { + "x": 0.3947497596799731, + "y": 0.20168089559184466 + }, + "p2": { + "x": -0.2261244992274669, + "y": 0.019239185017340787 + } + } + }, + { + "ID": "8448", + "typeID": "Arrow", + "zOrder": "21", + "w": "1", + "h": "105", + "measuredW": "150", + "measuredH": "100", + "x": "898", + "y": "2260", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 1, + "y": 105.13396175095886 + }, + "p1": { + "x": 0.47704880470480404, + "y": 0.005193614908729857 + }, + "p2": { + "x": 1, + "y": 0 + } + } + }, + { + "ID": "8449", + "typeID": "Arrow", + "zOrder": "20", + "w": "85", + "h": "103", + "measuredW": "150", + "measuredH": "100", + "x": "939", + "y": "2509", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 84.92109184910282, + "y": 103.49072736848984 + }, + "p1": { + "x": 0.414864242982051, + "y": -0.092268752876208 + }, + "p2": { + "x": 0.34217904266415644, + "y": 0.45823358610095966 + } + } + }, + { + "ID": "8450", + "typeID": "Arrow", + "zOrder": "18", + "w": "184", + "h": "318", + "measuredW": "150", + "measuredH": "100", + "x": "713", + "y": "2368", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 183.53647574825027, + "y": 318.53383041542565 + }, + "p1": { + "x": 0.4830556042799506, + "y": 0.1764076477810915 + }, + "p2": { + "x": 0.5384644034102166, + "y": 0.20955858028401053 + } + } + }, + { + "ID": "8451", + "typeID": "Arrow", + "zOrder": "17", + "w": "112", + "h": "38", + "measuredW": "150", + "measuredH": "100", + "x": "686", + "y": "2809", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 112.50398196586139, + "y": 0.4821067591024075 + }, + "p1": { + "x": 0.5064432989690714, + "y": -0.10824742268041054 + }, + "p2": { + "x": 0.2446976954972797, + "y": 37.3892687110033 + } + } + }, + { + "ID": "8452", + "typeID": "Arrow", + "zOrder": "13", + "w": "1", + "h": "105", + "measuredW": "150", + "measuredH": "100", + "x": "890", + "y": "2691", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 1, + "y": 105.13396175095886 + }, + "p1": { + "x": 0.47704880470480404, + "y": 0.005193614908729857 + }, + "p2": { + "x": 1, + "y": 0 + } + } } ] }, "attributes": { - "name": "frontend", - "order": 1000000, + "name": "New Wireframe 1 copy 2", + "order": 1000006.8992828326, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597", - "mockupH": "3449", - "mockupW": "1216", - "measuredW": "1341", - "measuredH": "3618", + "resourceID": "4BE92169-157F-4FC5-8E20-403CBCF7A6C6", + "mockupH": "3329", + "mockupW": "1172", + "measuredW": "1306", + "measuredH": "3498", "version": "1.0" }, "groupOffset": {