From 5ab2c0f07bd23fc4d1fda83df5455529a6d8e7b3 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Fri, 19 Nov 2021 18:25:23 +0100 Subject: [PATCH] Add grouping to frontend roadmap --- public/project/frontend.json | 22617 +++++++++++++++++++-------------- 1 file changed, 12815 insertions(+), 9802 deletions(-) diff --git a/public/project/frontend.json b/public/project/frontend.json index 20a0e3010..0b3586c46 100644 --- a/public/project/frontend.json +++ b/public/project/frontend.json @@ -3,9 +3,9 @@ "controls": { "control": [ { - "ID": "0", + "ID": "711", "typeID": "Arrow", - "zOrder": "3", + "zOrder": "6", "w": "105", "h": "43", "measuredW": "150", @@ -34,9 +34,9 @@ } }, { - "ID": "1", + "ID": "712", "typeID": "Arrow", - "zOrder": "4", + "zOrder": "7", "w": "128", "h": "9", "measuredW": "150", @@ -65,9 +65,9 @@ } }, { - "ID": "2", + "ID": "713", "typeID": "Arrow", - "zOrder": "5", + "zOrder": "8", "w": "129", "h": "34", "measuredW": "150", @@ -95,22 +95,23 @@ } }, { - "ID": "3", + "ID": "714", "typeID": "Arrow", - "zOrder": "6", - "w": "168", - "h": "138", + "zOrder": "9", + "w": "119", + "h": "123", "measuredW": "150", "measuredH": "100", - "x": "569", - "y": "2066", + "x": "617", + "y": "2067", "properties": { "color": "2848996", "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", "p0": { - "x": 167, - "y": 1 + "x": 119, + "y": 0 }, "p1": { "x": 0.5330602565484531, @@ -118,15 +119,14 @@ }, "p2": { "x": 0, - "y": 137 - }, - "rightArrow": "false" + "y": 122.5 + } } }, { - "ID": "4", + "ID": "715", "typeID": "Arrow", - "zOrder": "7", + "zOrder": "10", "w": "140", "h": "73", "measuredW": "150", @@ -153,9 +153,9 @@ } }, { - "ID": "5", + "ID": "716", "typeID": "Arrow", - "zOrder": "8", + "zOrder": "11", "w": "135", "h": "49", "measuredW": "150", @@ -184,9 +184,9 @@ } }, { - "ID": "6", + "ID": "717", "typeID": "Arrow", - "zOrder": "9", + "zOrder": "12", "w": "98", "h": "3", "measuredW": "150", @@ -213,40 +213,9 @@ } }, { - "ID": "7", - "typeID": "Arrow", - "zOrder": "10", - "w": "122", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "369", - "y": "1982", - "properties": { - "color": "10027263", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 121, - "y": 0 - }, - "p1": { - "x": 0.5036228023441662, - "y": 0.00367607884922756 - }, - "p2": { - "x": 0, - "y": 85 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "8", + "ID": "719", "typeID": "Arrow", - "zOrder": "11", + "zOrder": "13", "w": "148", "h": "1", "measuredW": "150", @@ -274,9 +243,9 @@ } }, { - "ID": "9", + "ID": "720", "typeID": "Arrow", - "zOrder": "12", + "zOrder": "14", "w": "137", "h": "33", "measuredW": "150", @@ -304,9 +273,9 @@ } }, { - "ID": "10", + "ID": "721", "typeID": "Arrow", - "zOrder": "13", + "zOrder": "15", "w": "146", "h": "65", "measuredW": "150", @@ -334,9 +303,9 @@ } }, { - "ID": "11", + "ID": "722", "typeID": "Arrow", - "zOrder": "14", + "zOrder": "16", "w": "105", "h": "89", "measuredW": "150", @@ -364,9 +333,9 @@ } }, { - "ID": "12", + "ID": "723", "typeID": "Arrow", - "zOrder": "15", + "zOrder": "17", "w": "118", "h": "26", "measuredW": "150", @@ -394,9 +363,9 @@ } }, { - "ID": "13", + "ID": "724", "typeID": "Arrow", - "zOrder": "16", + "zOrder": "18", "w": "124", "h": "21", "measuredW": "150", @@ -425,9 +394,9 @@ } }, { - "ID": "14", + "ID": "725", "typeID": "Arrow", - "zOrder": "17", + "zOrder": "19", "w": "117", "h": "18", "measuredW": "150", @@ -454,9 +423,9 @@ } }, { - "ID": "15", + "ID": "726", "typeID": "Arrow", - "zOrder": "18", + "zOrder": "20", "w": "108", "h": "23", "measuredW": "150", @@ -484,9 +453,9 @@ } }, { - "ID": "16", + "ID": "727", "typeID": "Arrow", - "zOrder": "19", + "zOrder": "21", "w": "112", "h": "58", "measuredW": "150", @@ -513,9 +482,9 @@ } }, { - "ID": "17", + "ID": "728", "typeID": "Arrow", - "zOrder": "20", + "zOrder": "22", "w": "117", "h": "5", "measuredW": "150", @@ -543,9 +512,9 @@ } }, { - "ID": "18", + "ID": "729", "typeID": "Arrow", - "zOrder": "21", + "zOrder": "23", "w": "86", "h": "96", "measuredW": "150", @@ -573,9 +542,9 @@ } }, { - "ID": "19", + "ID": "730", "typeID": "Arrow", - "zOrder": "22", + "zOrder": "24", "w": "57", "h": "244", "measuredW": "150", @@ -602,9 +571,9 @@ } }, { - "ID": "20", + "ID": "731", "typeID": "Arrow", - "zOrder": "23", + "zOrder": "25", "w": "51", "h": "116", "measuredW": "150", @@ -633,69 +602,69 @@ } }, { - "ID": "21", + "ID": "732", "typeID": "Arrow", - "zOrder": "24", - "w": "107", - "h": "47", + "zOrder": "26", + "w": "116", + "h": "8", "measuredW": "150", "measuredH": "100", - "x": "312", + "x": "302", "y": "1753", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { "x": 0, - "y": 46 + "y": 8 }, "p1": { - "x": 0.4438697642869257, - "y": -0.021282007800576576 + "x": 0.44386976428692576, + "y": -0.021282007800576565 }, "p2": { - "x": 106, + "x": 116, "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + } } }, { - "ID": "22", + "ID": "733", "typeID": "Arrow", - "zOrder": "25", - "w": "114", - "h": "7", + "zOrder": "27", + "w": "102", + "h": "75", "measuredW": "150", "measuredH": "100", - "x": "305", - "y": "1747", + "x": "316", + "y": "1672", "properties": { "color": "10027263", "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { "x": 0, - "y": 6 + "y": 0 }, "p1": { - "x": 0.4438697642869257, - "y": -0.02128200780057656 + "x": 0.40594249201277954, + "y": -0.011437699680511216 }, "p2": { - "x": 113, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 102, + "y": 75 + } } }, { - "ID": "23", + "ID": "734", "typeID": "Arrow", - "zOrder": "26", + "zOrder": "28", "w": "71", "h": "36", "measuredW": "150", @@ -723,9 +692,9 @@ } }, { - "ID": "24", + "ID": "735", "typeID": "Arrow", - "zOrder": "27", + "zOrder": "29", "w": "106", "h": "10", "measuredW": "150", @@ -753,9 +722,9 @@ } }, { - "ID": "25", + "ID": "736", "typeID": "Arrow", - "zOrder": "28", + "zOrder": "30", "w": "85", "h": "59", "measuredW": "150", @@ -783,9 +752,9 @@ } }, { - "ID": "26", + "ID": "737", "typeID": "Arrow", - "zOrder": "29", + "zOrder": "31", "w": "133", "h": "4", "measuredW": "150", @@ -812,98 +781,67 @@ } }, { - "ID": "27", + "ID": "738", "typeID": "Arrow", - "zOrder": "30", - "w": "110", - "h": "3", + "zOrder": "32", + "w": "129", + "h": "54", "measuredW": "150", "measuredH": "100", - "x": "513", - "y": "1628", + "x": "482", + "y": "1572", "properties": { "color": "2848996", "leftArrow": "false", - "p0": { - "x": 0, - "y": 2 - }, - "p1": { - "x": 0.443430033616767, - "y": 0.014243775690876898 - }, - "p2": { - "x": 109, - "y": 2 - }, "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "28", - "typeID": "Arrow", - "zOrder": "31", - "w": "101", - "h": "16", - "measuredW": "150", - "measuredH": "100", - "x": "327", - "y": "1638", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", + "stroke": "dotted", "p0": { "x": 0, - "y": 15 + "y": 0.5 }, "p1": { - "x": 0.443430033616767, - "y": 0.014243775690876906 + "x": 0.3865623561895996, + "y": 0.07654548243595644 }, "p2": { - "x": 100, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 129, + "y": 54.5 + } } }, { - "ID": "29", + "ID": "740", "typeID": "Arrow", - "zOrder": "32", - "w": "108", - "h": "33", + "zOrder": "33", + "w": "104", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "318", - "y": "1596", + "x": "297", + "y": "1569", "properties": { "color": "2848996", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { "x": 0, - "y": 0 + "y": 0.5 }, "p1": { - "x": 0.443430033616767, - "y": 0.014243775690876896 + "x": 0.44339622641509424, + "y": 0.014150943396226412 }, "p2": { - "x": 107, - "y": 32 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 104, + "y": 2.5 + } } }, { - "ID": "30", + "ID": "741", "typeID": "Arrow", - "zOrder": "33", + "zOrder": "34", "w": "41", "h": "110", "measuredW": "150", @@ -931,9 +869,9 @@ } }, { - "ID": "31", + "ID": "742", "typeID": "Arrow", - "zOrder": "34", + "zOrder": "35", "w": "50", "h": "2", "measuredW": "150", @@ -961,9 +899,9 @@ } }, { - "ID": "32", + "ID": "743", "typeID": "Arrow", - "zOrder": "35", + "zOrder": "36", "w": "165", "h": "43", "measuredW": "150", @@ -990,9 +928,9 @@ } }, { - "ID": "33", + "ID": "744", "typeID": "Arrow", - "zOrder": "36", + "zOrder": "37", "w": "85", "h": "3", "measuredW": "150", @@ -1020,9 +958,9 @@ } }, { - "ID": "34", + "ID": "745", "typeID": "Arrow", - "zOrder": "37", + "zOrder": "38", "w": "54", "h": "129", "measuredW": "150", @@ -1049,9 +987,9 @@ } }, { - "ID": "35", + "ID": "746", "typeID": "Arrow", - "zOrder": "38", + "zOrder": "39", "w": "21", "h": "98", "measuredW": "150", @@ -1079,9 +1017,9 @@ } }, { - "ID": "36", + "ID": "747", "typeID": "Arrow", - "zOrder": "39", + "zOrder": "40", "w": "117", "h": "139", "measuredW": "150", @@ -1108,9 +1046,9 @@ } }, { - "ID": "37", + "ID": "748", "typeID": "Arrow", - "zOrder": "40", + "zOrder": "41", "w": "175", "h": "55", "measuredW": "150", @@ -1139,23 +1077,9 @@ } }, { - "ID": "38", - "typeID": "TextArea", - "zOrder": "41", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "235", - "y": "1297", - "properties": { - "color": "16770457" - } - }, - { - "ID": "39", + "ID": "750", "typeID": "Arrow", - "zOrder": "42", + "zOrder": "43", "w": "171", "h": "9", "measuredW": "150", @@ -1183,9 +1107,9 @@ } }, { - "ID": "40", + "ID": "751", "typeID": "Arrow", - "zOrder": "43", + "zOrder": "44", "w": "109", "h": "161", "measuredW": "150", @@ -1211,9 +1135,9 @@ } }, { - "ID": "41", + "ID": "752", "typeID": "Arrow", - "zOrder": "44", + "zOrder": "45", "w": "1", "h": "77", "measuredW": "150", @@ -1241,9 +1165,9 @@ } }, { - "ID": "42", + "ID": "753", "typeID": "Arrow", - "zOrder": "45", + "zOrder": "46", "w": "85", "h": "3", "measuredW": "150", @@ -1271,9 +1195,9 @@ } }, { - "ID": "43", + "ID": "754", "typeID": "Arrow", - "zOrder": "46", + "zOrder": "47", "w": "2", "h": "74", "measuredW": "150", @@ -1301,9 +1225,9 @@ } }, { - "ID": "44", + "ID": "755", "typeID": "Arrow", - "zOrder": "47", + "zOrder": "48", "w": "120", "h": "3", "measuredW": "150", @@ -1331,9 +1255,9 @@ } }, { - "ID": "45", + "ID": "756", "typeID": "Arrow", - "zOrder": "48", + "zOrder": "49", "w": "108", "h": "5", "measuredW": "150", @@ -1360,9 +1284,9 @@ } }, { - "ID": "46", + "ID": "757", "typeID": "Arrow", - "zOrder": "49", + "zOrder": "50", "w": "100", "h": "45", "measuredW": "150", @@ -1390,9 +1314,9 @@ } }, { - "ID": "47", + "ID": "758", "typeID": "Arrow", - "zOrder": "50", + "zOrder": "51", "w": "40", "h": "139", "measuredW": "150", @@ -1418,9 +1342,9 @@ } }, { - "ID": "48", + "ID": "759", "typeID": "Arrow", - "zOrder": "51", + "zOrder": "52", "w": "151", "h": "29", "measuredW": "150", @@ -1447,9 +1371,9 @@ } }, { - "ID": "49", + "ID": "760", "typeID": "Arrow", - "zOrder": "52", + "zOrder": "53", "w": "153", "h": "13", "measuredW": "150", @@ -1478,9 +1402,9 @@ } }, { - "ID": "50", + "ID": "761", "typeID": "Arrow", - "zOrder": "53", + "zOrder": "54", "h": "60", "measuredW": "150", "measuredH": "100", @@ -1507,9 +1431,9 @@ } }, { - "ID": "51", + "ID": "762", "typeID": "Arrow", - "zOrder": "54", + "zOrder": "55", "w": "134", "h": "36", "measuredW": "150", @@ -1538,9 +1462,9 @@ } }, { - "ID": "52", + "ID": "763", "typeID": "Arrow", - "zOrder": "55", + "zOrder": "56", "w": "131", "h": "9", "measuredW": "150", @@ -1568,9 +1492,9 @@ } }, { - "ID": "53", + "ID": "764", "typeID": "Arrow", - "zOrder": "56", + "zOrder": "57", "w": "143", "h": "53", "measuredW": "150", @@ -1598,9 +1522,9 @@ } }, { - "ID": "54", + "ID": "765", "typeID": "Arrow", - "zOrder": "57", + "zOrder": "58", "w": "45", "h": "139", "measuredW": "150", @@ -1627,9 +1551,9 @@ } }, { - "ID": "55", + "ID": "766", "typeID": "HRule", - "zOrder": "58", + "zOrder": "59", "measuredW": "100", "measuredH": "10", "x": "1136", @@ -1640,9 +1564,9 @@ } }, { - "ID": "56", + "ID": "767", "typeID": "Arrow", - "zOrder": "59", + "zOrder": "60", "w": "71", "h": "134", "measuredW": "150", @@ -1669,9 +1593,9 @@ } }, { - "ID": "57", + "ID": "768", "typeID": "Arrow", - "zOrder": "60", + "zOrder": "61", "w": "130", "h": "213", "measuredW": "150", @@ -1700,9 +1624,9 @@ } }, { - "ID": "58", + "ID": "769", "typeID": "Arrow", - "zOrder": "61", + "zOrder": "62", "w": "110", "h": "157", "measuredW": "150", @@ -1731,9 +1655,9 @@ } }, { - "ID": "59", + "ID": "770", "typeID": "Arrow", - "zOrder": "62", + "zOrder": "63", "w": "119", "h": "120", "measuredW": "150", @@ -1762,9 +1686,9 @@ } }, { - "ID": "60", + "ID": "771", "typeID": "Arrow", - "zOrder": "63", + "zOrder": "64", "w": "128", "h": "82", "measuredW": "150", @@ -1793,9 +1717,9 @@ } }, { - "ID": "61", + "ID": "772", "typeID": "Arrow", - "zOrder": "64", + "zOrder": "65", "w": "123", "h": "34", "measuredW": "150", @@ -1824,9 +1748,9 @@ } }, { - "ID": "62", + "ID": "773", "typeID": "Arrow", - "zOrder": "65", + "zOrder": "66", "w": "106", "h": "99", "measuredW": "150", @@ -1854,9 +1778,9 @@ } }, { - "ID": "63", + "ID": "774", "typeID": "Arrow", - "zOrder": "66", + "zOrder": "67", "w": "109", "h": "54", "measuredW": "150", @@ -1884,9 +1808,9 @@ } }, { - "ID": "64", + "ID": "775", "typeID": "Arrow", - "zOrder": "67", + "zOrder": "68", "w": "111", "h": "59", "measuredW": "150", @@ -1914,9 +1838,9 @@ } }, { - "ID": "65", + "ID": "776", "typeID": "Arrow", - "zOrder": "68", + "zOrder": "69", "w": "112", "h": "58", "measuredW": "150", @@ -1945,9 +1869,9 @@ } }, { - "ID": "66", + "ID": "777", "typeID": "Arrow", - "zOrder": "69", + "zOrder": "70", "w": "112", "h": "23", "measuredW": "150", @@ -1976,9 +1900,9 @@ } }, { - "ID": "67", + "ID": "778", "typeID": "Arrow", - "zOrder": "70", + "zOrder": "71", "w": "120", "h": "20", "measuredW": "150", @@ -2006,43 +1930,15 @@ } }, { - "ID": "68", - "typeID": "TextArea", - "zOrder": "71", - "w": "250", - "h": "55", - "measuredW": "200", - "measuredH": "140", - "x": "543", - "y": "619", - "properties": { - "color": "16776960" - } - }, - { - "ID": "69", - "typeID": "Label", - "zOrder": "72", - "measuredW": "149", - "measuredH": "40", - "x": "624", - "y": "273", - "properties": { - "bold": "true", - "size": "32", - "text": "Front-end" - } - }, - { - "ID": "70", - "typeID": "Arrow", - "zOrder": "73", - "w": "19", - "h": "80", - "measuredW": "150", - "measuredH": "100", - "x": "721", - "y": "186", + "ID": "781", + "typeID": "Arrow", + "zOrder": "74", + "w": "19", + "h": "80", + "measuredW": "150", + "measuredH": "100", + "x": "721", + "y": "186", "properties": { "color": "2848996", "curvature": "-1", @@ -2065,9847 +1961,12964 @@ } }, { - "ID": "71", - "typeID": "TextArea", - "zOrder": "74", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "559", - "properties": { - "color": "16770457" - } + "ID": "816", + "typeID": "Canvas", + "zOrder": "90", + "w": "350", + "h": "141", + "measuredW": "100", + "measuredH": "70", + "x": "933", + "y": "169" }, { - "ID": "72", + "ID": "817", "typeID": "Label", - "zOrder": "75", - "w": "134", - "measuredW": "131", + "zOrder": "91", + "measuredW": "314", "measuredH": "25", - "x": "242", - "y": "567", + "x": "947", + "y": "186", "properties": { "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "73", - "typeID": "TextArea", - "zOrder": "76", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "606", - "properties": { - "color": "16770457" + "text": "Find the detailed version of this roadmap" } }, { - "ID": "74", + "ID": "818", "typeID": "Label", - "zOrder": "77", - "w": "189", - "measuredW": "186", + "zOrder": "92", + "measuredW": "319", "measuredH": "25", - "x": "215", - "y": "614", + "x": "947", + "y": "214", "properties": { "size": "17", - "text": "Writing Semantic HTML" - } - }, - { - "ID": "75", - "typeID": "TextArea", - "zOrder": "78", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "652", - "properties": { - "color": "16770457" + "text": "along with resources and other roadmaps" } }, { - "ID": "76", - "typeID": "TextArea", - "zOrder": "79", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "699", + "ID": "923", + "typeID": "Arrow", + "zOrder": "127", + "w": "96", + "h": "111", + "measuredW": "150", + "measuredH": "100", + "x": "318", + "y": "1626", "properties": { - "color": "16770457" + "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": "77", - "typeID": "Label", - "zOrder": "80", - "w": "248", - "measuredW": "247", - "measuredH": "25", - "x": "185", - "y": "707", + "ID": "976", + "typeID": "Arrow", + "zOrder": "147", + "w": "201", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "603", + "y": "3042", "properties": { - "size": "17", - "text": "Conventions and Best Practices" + "color": "2848996", + "leftArrow": "false", + "p0": { + "x": 200, + "y": 0 + }, + "p1": { + "x": 0.5976298194338792, + "y": 0.018096648917003643 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false" } }, { - "ID": "78", - "typeID": "TextArea", - "zOrder": "81", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "543", - "y": "683", + "ID": "977", + "typeID": "Arrow", + "zOrder": "148", + "w": "41", + "h": "124", + "measuredW": "150", + "measuredH": "100", + "x": "742", + "y": "2909", "properties": { - "color": "16776960" + "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": "79", - "typeID": "TextArea", - "zOrder": "82", - "w": "116", - "h": "185", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "660", + "ID": "978", + "typeID": "Arrow", + "zOrder": "149", + "w": "97", + "h": "17", + "measuredW": "150", + "measuredH": "100", + "x": "897", + "y": "2880", "properties": { - "color": "16770457" + "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": "80", - "typeID": "TextArea", - "zOrder": "83", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "875", - "y": "683", + "ID": "979", + "typeID": "Arrow", + "zOrder": "150", + "w": "78", + "h": "22", + "measuredW": "150", + "measuredH": "100", + "x": "903", + "y": "2911", "properties": { - "color": "16770457" + "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": "81", - "typeID": "Label", - "zOrder": "84", - "w": "140", - "measuredW": "131", - "measuredH": "25", - "x": "945", - "y": "692", + "ID": "981", + "typeID": "Arrow", + "zOrder": "152", + "w": "158", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "286", + "y": "2958", "properties": { - "size": "17", - "text": "Learn the basics" + "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": "82", - "typeID": "TextArea", - "zOrder": "85", - "w": "281", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "874", - "y": "732", + "ID": "982", + "typeID": "Arrow", + "zOrder": "153", + "w": "134", + "h": "145", + "measuredW": "150", + "measuredH": "100", + "x": "1059", + "y": "3059", "properties": { - "color": "16770457" + "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": "83", - "typeID": "Label", - "zOrder": "86", - "w": "130", - "measuredW": "122", - "measuredH": "25", - "x": "950", - "y": "743", - "properties": { - "size": "17", - "text": "Making Layouts" - } - }, - { - "ID": "84", - "typeID": "Label", - "zOrder": "87", - "measuredW": "46", - "measuredH": "25", - "x": "1218", - "y": "673", + "ID": "983", + "typeID": "Arrow", + "zOrder": "154", + "w": "144", + "h": "111", + "measuredW": "150", + "measuredH": "100", + "x": "1049", + "y": "3049", "properties": { - "size": "17", - "text": "Floats" + "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": "85", - "typeID": "TextArea", - "zOrder": "88", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "875", - "y": "785", + "ID": "984", + "typeID": "Arrow", + "zOrder": "155", + "w": "145", + "h": "78", + "measuredW": "150", + "measuredH": "100", + "x": "1053", + "y": "3043", "properties": { - "color": "16770457" + "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": "86", - "typeID": "Label", - "zOrder": "89", - "w": "248", - "measuredW": "246", - "measuredH": "22", - "x": "893", - "y": "795", + "ID": "985", + "typeID": "Arrow", + "zOrder": "156", + "w": "29", + "h": "229", + "measuredW": "150", + "measuredH": "100", + "x": "824", + "y": "2678", "properties": { - "size": "14", - "text": "Responsive design and Media Queries" + "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": "87", - "typeID": "Label", - "zOrder": "90", - "measuredW": "84", - "measuredH": "25", - "x": "1199", - "y": "700", + "ID": "986", + "typeID": "Arrow", + "zOrder": "157", + "h": "33", + "measuredW": "150", + "measuredH": "100", + "x": "1049", + "y": "3040", "properties": { - "size": "17", - "text": "Positioning" + "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": "88", - "typeID": "Label", - "zOrder": "91", - "measuredW": "56", - "measuredH": "25", - "x": "1213", - "y": "727", + "ID": "987", + "typeID": "Arrow", + "zOrder": "158", + "w": "141", + "h": "16", + "measuredW": "150", + "measuredH": "100", + "x": "1054", + "y": "3022", "properties": { - "size": "17", - "text": "Display" + "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": "89", - "typeID": "Label", - "zOrder": "92", - "measuredW": "79", - "measuredH": "25", - "x": "1202", - "y": "754", + "ID": "988", + "typeID": "Arrow", + "zOrder": "159", + "w": "144", + "h": "60", + "measuredW": "150", + "measuredH": "100", + "x": "1048", + "y": "2973", "properties": { - "size": "17", - "text": "Box Model" + "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": "90", - "typeID": "Label", - "zOrder": "93", - "measuredW": "73", - "measuredH": "25", - "x": "1205", - "y": "781", + "ID": "1001", + "typeID": "Arrow", + "zOrder": "166", + "w": "2", + "h": "104", + "measuredW": "150", + "measuredH": "100", + "x": "564", + "y": "3059", "properties": { - "size": "17", - "text": "CSS Grid" + "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": "91", - "typeID": "Label", - "zOrder": "94", - "measuredW": "65", - "measuredH": "25", - "x": "1209", - "y": "808", + "ID": "1002", + "typeID": "Arrow", + "zOrder": "167", + "w": "180", + "h": "45", + "measuredW": "150", + "measuredH": "100", + "x": "280", + "y": "3052", "properties": { - "size": "17", - "text": "Flex Box" + "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": "92", - "typeID": "TextArea", - "zOrder": "95", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "543", - "y": "738", + "ID": "1003", + "typeID": "Arrow", + "zOrder": "168", + "w": "87", + "h": "128", + "measuredW": "150", + "measuredH": "100", + "x": "995", + "y": "2689", "properties": { - "color": "16776960" - } - }, - { - "ID": "93", - "typeID": "TextArea", - "zOrder": "96", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "761", - "properties": { - "color": "16770457" - } - }, - { - "ID": "94", - "typeID": "Label", - "zOrder": "97", - "w": "228", - "measuredW": "228", - "measuredH": "25", - "x": "195", - "y": "769", - "properties": { - "size": "17", - "text": "Syntax and Basic Constructs" + "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": "95", - "typeID": "TextArea", - "zOrder": "98", - "w": "297", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "807", + "ID": "1004", + "typeID": "Arrow", + "zOrder": "169", + "w": "71", + "h": "81", + "measuredW": "150", + "measuredH": "100", + "x": "1007", + "y": "2686", "properties": { - "color": "16770457" + "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": "96", - "typeID": "Label", - "zOrder": "99", - "w": "197", - "measuredW": "190", - "measuredH": "25", - "x": "211", - "y": "815", + "ID": "1005", + "typeID": "Arrow", + "zOrder": "170", + "w": "98", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "997", + "y": "2676", "properties": { - "size": "17", - "text": "Learn DOM Manipulation" + "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": "97", - "typeID": "TextArea", - "zOrder": "100", - "w": "296", - "h": "113", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "951", + "ID": "1006", + "typeID": "Arrow", + "zOrder": "171", + "w": "134", + "h": "109", + "measuredW": "150", + "measuredH": "100", + "x": "697", + "y": "2562", "properties": { - "color": "16770457" + "color": "2848996", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.6566784235546694, + "y": 0.1877932832387666 + }, + "p2": { + "x": 132, + "y": 108 + }, + "rightArrow": "false" } }, { - "ID": "98", - "typeID": "Label", - "zOrder": "101", - "w": "247", - "measuredW": "245", - "measuredH": "25", - "x": "185", - "y": "996", + "ID": "1007", + "typeID": "Arrow", + "zOrder": "172", + "w": "1", + "h": "86", + "measuredW": "150", + "measuredH": "100", + "x": "554", + "y": "2562", "properties": { - "size": "17", - "text": "Hoisting, Event Bubbling, Scope," + "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": "99", - "typeID": "Label", - "zOrder": "102", - "w": "245", - "measuredW": "243", - "measuredH": "25", - "x": "187", - "y": "1025", + "ID": "1008", + "typeID": "Arrow", + "zOrder": "173", + "w": "177", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "358", + "y": "2552", "properties": { - "size": "17", - "text": "Prototype, Shadow DOM, strict," + "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": "100", - "typeID": "Label", - "zOrder": "103", - "w": "202", - "measuredW": "197", - "measuredH": "25", - "x": "208", - "y": "966", + "ID": "1009", + "typeID": "Arrow", + "zOrder": "174", + "w": "116", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "729", + "y": "2551", "properties": { - "size": "17", - "text": "Understand the concepts" + "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": "101", - "typeID": "TextArea", - "zOrder": "104", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "854", + "ID": "1010", + "typeID": "Arrow", + "zOrder": "175", + "w": "119", + "h": "88", + "measuredW": "150", + "measuredH": "100", + "x": "800", + "y": "2446", "properties": { - "color": "16770457" + "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": "102", - "typeID": "Label", - "zOrder": "105", - "w": "234", - "measuredW": "230", - "measuredH": "25", - "x": "192", - "y": "862", + "ID": "1011", + "typeID": "Arrow", + "zOrder": "176", + "w": "76", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "343", + "y": "2366", "properties": { - "size": "17", - "text": "Learn Fetch API / Ajax (XHR)" + "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": "103", - "typeID": "TextArea", - "zOrder": "106", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "902", + "ID": "1012", + "typeID": "Arrow", + "zOrder": "177", + "w": "1", + "h": "81", + "measuredW": "150", + "measuredH": "100", + "x": "616", + "y": "2209", "properties": { - "color": "16770457" + "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": "104", - "typeID": "Label", - "zOrder": "107", - "w": "234", - "measuredW": "232", - "measuredH": "25", - "x": "192", - "y": "910", + "ID": "1013", + "typeID": "Arrow", + "zOrder": "178", + "w": "191", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "682", + "y": "2199", "properties": { - "size": "17", - "text": "ES6+ and modular JavaScript" + "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": "105", - "typeID": "Canvas", - "zOrder": "108", - "w": "350", - "h": "141", - "measuredW": "100", - "measuredH": "70", - "x": "933", - "y": "169" - }, - { - "ID": "106", - "typeID": "Label", - "zOrder": "109", - "measuredW": "314", - "measuredH": "25", - "x": "947", - "y": "186", + "ID": "1066", + "typeID": "Arrow", + "zOrder": "194", + "w": "79", + "h": "16", + "measuredW": "150", + "measuredH": "100", + "x": "1026", + "y": "2558", "properties": { - "size": "17", - "text": "Find the detailed version of this roadmap" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4835193355826628, + "y": 0.007267064624967568 + }, + "p2": { + "x": 78, + "y": 15 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "107", - "typeID": "Label", - "zOrder": "110", - "measuredW": "321", - "measuredH": "25", - "x": "947", - "y": "214", + "ID": "1067", + "typeID": "Arrow", + "zOrder": "195", + "w": "85", + "h": "23", + "measuredW": "150", + "measuredH": "100", + "x": "1030", + "y": "2528", "properties": { - "size": "17", - "text": "along with resources and other roadmaps" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 84, + "y": 0 + }, + "p1": { + "x": 0.48351933558266297, + "y": 0.007267064624967475 + }, + "p2": { + "x": 0, + "y": 22 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "108", - "typeID": "Canvas", - "zOrder": "111", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "948", - "y": "250", + "ID": "1095", + "typeID": "Arrow", + "zOrder": "202", + "w": "66", + "h": "23", + "measuredW": "150", + "measuredH": "100", + "x": "1169", + "y": "2677", "properties": { - "borderColor": "4273622", - "color": "4273622" + "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": "109", - "typeID": "Label", - "zOrder": "112", - "measuredW": "102", - "measuredH": "28", - "x": "1089", - "y": "258", + "ID": "1096", + "typeID": "Arrow", + "zOrder": "203", + "w": "96", + "h": "27", + "measuredW": "150", + "measuredH": "100", + "x": "1168", + "y": "2651", "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 95, + "y": 0 + }, + "p1": { + "x": 0.48351933558266286, + "y": 0.007267064624967588 + }, + "p2": { + "x": 0, + "y": 26 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "110", - "typeID": "Label", - "zOrder": "113", - "measuredW": "36", - "measuredH": "28", - "x": "1024", - "y": "258", + "ID": "1103", + "typeID": "Arrow", + "zOrder": "207", + "w": "65", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1172", + "y": "2763", "properties": { - "color": "16777215", - "size": "20", - "text": "http" + "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": "111", - "typeID": "Label", - "zOrder": "114", - "measuredW": "5", - "measuredH": "28", - "x": "1061", - "y": "258", + "ID": "1108", + "typeID": "Arrow", + "zOrder": "210", + "w": "65", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1172", + "y": "2819", "properties": { - "bold": "true", - "color": "16777215", - "size": "20", - "text": ":" + "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": "112", - "typeID": "Label", - "zOrder": "115", - "measuredW": "9", - "measuredH": "28", - "x": "1068", - "y": "259", + "ID": "1113", + "typeID": "Arrow", + "zOrder": "213", + "w": "87", + "h": "43", + "measuredW": "150", + "measuredH": "100", + "x": "673", + "y": "3175", "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - }, - { - "ID": "113", - "typeID": "Label", - "zOrder": "116", - "measuredW": "9", - "measuredH": "28", - "x": "1076", - "y": "259", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.43199426111908185, + "y": -0.006169296987087567 + }, + "p2": { + "x": 86, + "y": 42 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "114", - "typeID": "Label", - "zOrder": "117", - "w": "172", - "measuredW": "169", - "measuredH": "25", - "x": "223", - "y": "660", + "ID": "1114", + "typeID": "Arrow", + "zOrder": "214", + "w": "95", + "h": "8", + "measuredW": "150", + "measuredH": "100", + "x": "666", + "y": "3165", "properties": { - "size": "17", - "text": "Forms and Validations" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.43199426111908185, + "y": -0.006169296987087555 + }, + "p2": { + "x": 94, + "y": 7 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "115", - "typeID": "TextArea", - "zOrder": "118", - "w": "178", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "573", - "y": "449", + "ID": "1115", + "typeID": "Arrow", + "zOrder": "215", + "w": "98", + "h": "36", + "measuredW": "150", + "measuredH": "100", + "x": "665", + "y": "3129", "properties": { - "color": "16776960" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 35 + }, + "p1": { + "x": 0.4319942611190818, + "y": -0.006169296987087552 + }, + "p2": { + "x": 97, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "116", - "typeID": "Label", - "zOrder": "119", - "w": "75", - "measuredW": "68", - "measuredH": "25", - "x": "628", - "y": "462", + "ID": "1122", + "typeID": "Arrow", + "zOrder": "219", + "w": "179", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "280", + "y": "3045", "properties": { - "bold": "true", - "size": "17", - "text": "Internet" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 1 + }, + "p1": { + "x": 0.431994261119082, + "y": -0.006169296987087527 + }, + "p2": { + "x": 178, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "117", - "typeID": "TextArea", - "zOrder": "120", - "w": "299", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "400", + "ID": "1123", + "typeID": "Arrow", + "zOrder": "220", + "w": "161", + "h": "34", + "measuredW": "150", + "measuredH": "100", + "x": "286", + "y": "3002", "properties": { - "color": "16770457" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4319942611190819, + "y": -0.006169296987087513 + }, + "p2": { + "x": 160, + "y": 33 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "118", - "typeID": "Label", - "zOrder": "121", - "w": "223", - "measuredW": "221", - "measuredH": "25", - "x": "198", - "y": "410", + "ID": "1141", + "typeID": "Arrow", + "zOrder": "229", + "w": "2", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "296", + "y": "3529", "properties": { - "size": "17", - "text": "How does the internet work?" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 1, + "y": 88 + }, + "p1": { + "x": 0.4072427393330943, + "y": 0.00953746862674794 + }, + "p2": { + "x": 1, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "119", - "typeID": "TextArea", - "zOrder": "122", - "w": "299", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "450", + "ID": "1142", + "typeID": "Arrow", + "zOrder": "1", + "w": "166", + "h": "171", + "measuredW": "150", + "measuredH": "100", + "x": "279", + "y": "3163", "properties": { - "color": "16770457" + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 165, + "y": 0 + }, + "p1": { + "x": 0.5101799412144239, + "y": -0.2666499390637321 + }, + "p2": { + "x": 1, + "y": 170 + }, + "rightArrow": "false" } }, { - "ID": "120", - "typeID": "Label", - "zOrder": "123", - "w": "119", - "measuredW": "117", - "measuredH": "25", - "x": "250", - "y": "458", + "ID": "1143", + "typeID": "Arrow", + "zOrder": "230", + "w": "8", + "h": "166", + "measuredW": "150", + "measuredH": "100", + "x": "286", + "y": "3351", "properties": { - "size": "17", - "text": "What is HTTP?" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 7, + "y": 165 + }, + "p1": { + "x": 0.4072427393330943, + "y": 0.009537468626747932 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false" } }, { - "ID": "121", - "typeID": "TextArea", - "zOrder": "124", - "w": "299", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "496", + "ID": "1395", + "typeID": "Arrow", + "zOrder": "242", + "w": "128", + "h": "180", + "measuredW": "150", + "measuredH": "100", + "x": "1055", + "y": "3064", "properties": { - "color": "16770457" + "color": "2848996", + "leftArrow": "false", + "p0": { + "x": 128, + "y": 180 + }, + "p1": { + "x": 0.56420233463035, + "y": 0.027237354085603037 + }, + "p2": { + "x": 0.142857142856883, + "y": -0.12135922330026006 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "122", - "typeID": "Label", - "zOrder": "125", - "w": "230", - "measuredW": "229", - "measuredH": "25", - "x": "194", - "y": "504", + "ID": "1396", + "typeID": "__group__", + "zOrder": "113", + "measuredW": "408", + "measuredH": "162", + "w": "408", + "h": "162", + "x": "151", + "y": "183", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "408", + "h": "162", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "269", + "measuredH": "24", + "x": "59", + "y": "21", + "properties": { + "size": "16", + "text": "Personal Recommendation / Opinion" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "159", + "measuredH": "24", + "x": "59", + "y": "118", + "properties": { + "size": "16", + "text": "I wouldn't recommend" + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "118", + "properties": { + "color": "10066329", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "6", + "typeID": "Label", + "zOrder": "6", + "w": "324", + "measuredW": "315", + "measuredH": "24", + "x": "60", + "y": "86", + "properties": { + "size": "16", + "text": "Order in roadmap not strict (Learn anytime)" + } + }, + { + "ID": "7", + "typeID": "Icon", + "zOrder": "7", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "86", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "8", + "typeID": "Icon", + "zOrder": "8", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "86", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "9", + "typeID": "Label", + "zOrder": "9", + "measuredW": "272", + "measuredH": "24", + "x": "59", + "y": "54", + "properties": { + "size": "16", + "text": "Alternative Option - Pick this or purple" + } + }, + { + "ID": "10", + "typeID": "Icon", + "zOrder": "10", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "11", + "typeID": "Icon", + "zOrder": "11", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "12", + "typeID": "Icon", + "zOrder": "12", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1398", + "typeID": "__group__", + "zOrder": "93", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "948", + "y": "250", "properties": { - "size": "17", - "text": "Browsers and how they work?" - } - }, - { - "ID": "123", - "typeID": "TextArea", - "zOrder": "126", - "w": "280", + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "320", + "h": "45", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "28", + "x": "139", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "roadmap.sh" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "35", + "measuredH": "28", + "x": "76", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "http" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", + "properties": { + "bold": "true", + "color": "16777215", + "size": "20", + "text": ":" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "10", + "measuredH": "28", + "x": "120", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "10", + "measuredH": "28", + "x": "128", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + } + ] + } + } + }, + { + "ID": "1399", + "typeID": "__group__", + "zOrder": "73", + "measuredW": "145", + "measuredH": "40", + "w": "145", "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "875", - "y": "397", + "x": "624", + "y": "273", "properties": { - "color": "16770457" - } - }, - { - "ID": "124", - "typeID": "Label", - "zOrder": "127", - "w": "179", - "measuredW": "178", - "measuredH": "25", - "x": "926", - "y": "405", + "controlName": "roadmap:frontend" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "measuredW": "145", + "measuredH": "40", + "x": "0", + "y": "0", + "properties": { + "bold": "true", + "size": "32", + "text": "Front-end" + } + } + ] + } + } + }, + { + "ID": "1400", + "typeID": "__group__", + "zOrder": "95", + "measuredW": "306", + "measuredH": "53", + "w": "306", + "h": "53", + "x": "153", + "y": "391", "properties": { - "size": "17", - "text": "DNS and how it works?" - } - }, - { - "ID": "125", - "typeID": "TextArea", - "zOrder": "128", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "874", + "controlName": "100-internet:how-does-the-internet-work" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "223", + "measuredW": "219", + "measuredH": "25", + "x": "45", + "y": "19", + "properties": { + "size": "17", + "text": "How does the internet work?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1401", + "typeID": "__group__", + "zOrder": "94", + "measuredW": "187", + "measuredH": "60", + "w": "187", + "h": "60", + "x": "564", + "y": "439", + "properties": { + "controlName": "100-internet" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "178", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "75", + "measuredW": "63", + "measuredH": "25", + "x": "64", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Internet" + } + }, + { + "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": "1402", + "typeID": "__group__", + "zOrder": "96", + "measuredW": "307", + "measuredH": "47", + "w": "307", + "h": "47", + "x": "152", "y": "443", "properties": { - "color": "16770457" - } - }, - { - "ID": "126", - "typeID": "Label", - "zOrder": "129", - "w": "189", - "measuredW": "179", - "measuredH": "25", - "x": "925", - "y": "451", + "controlName": "101-internet:what-is-http" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "7", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "119", + "measuredW": "113", + "measuredH": "25", + "x": "98", + "y": "15", + "properties": { + "size": "17", + "text": "What is HTTP?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1403", + "typeID": "__group__", + "zOrder": "97", + "measuredW": "307", + "measuredH": "48", + "w": "307", + "h": "48", + "x": "152", + "y": "488", "properties": { - "size": "17", - "text": "What is Domain Name?" - } - }, - { - "ID": "127", - "typeID": "TextArea", - "zOrder": "130", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "controlName": "102-internet:browsers-and-how-they-work" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "230", + "measuredW": "225", + "measuredH": "25", + "x": "42", + "y": "16", + "properties": { + "size": "17", + "text": "Browsers and how they work?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1404", + "typeID": "__group__", + "zOrder": "98", + "measuredW": "289", + "measuredH": "49", + "w": "289", + "h": "49", "x": "875", - "y": "489", + "y": "388", "properties": { - "color": "16770457" - } - }, - { - "ID": "128", - "typeID": "Label", - "zOrder": "131", - "w": "133", - "measuredW": "129", - "measuredH": "25", - "x": "949", - "y": "497", + "controlName": "103-internet:dns-and-how-it-works" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "179", + "measuredW": "175", + "measuredH": "25", + "x": "51", + "y": "17", + "properties": { + "size": "17", + "text": "DNS and how it works?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1405", + "typeID": "__group__", + "zOrder": "99", + "measuredW": "289", + "measuredH": "45", + "w": "289", + "h": "45", + "x": "874", + "y": "438", "properties": { - "size": "17", - "text": "What is hosting?" - } - }, - { - "ID": "129", - "typeID": "TextArea", - "zOrder": "132", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "controlName": "104-internet:what-is-domain-name" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "189", + "measuredW": "180", + "measuredH": "25", + "x": "51", + "y": "13", + "properties": { + "size": "17", + "text": "What is Domain Name?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1406", + "typeID": "__group__", + "zOrder": "100", + "measuredW": "288", + "measuredH": "46", + "w": "288", + "h": "46", "x": "875", - "y": "589", + "y": "483", "properties": { - "color": "16770457" - } - }, - { - "ID": "130", - "typeID": "Label", - "zOrder": "133", - "w": "101", - "measuredW": "97", - "measuredH": "25", - "x": "964", - "y": "597", + "controlName": "105-internet:what-is-hosting" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "133", + "measuredW": "126", + "measuredH": "25", + "x": "74", + "y": "14", + "properties": { + "size": "17", + "text": "What is hosting?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1407", + "typeID": "__group__", + "zOrder": "72", + "measuredW": "250", + "measuredH": "55", + "w": "250", + "h": "55", + "x": "543", + "y": "619", "properties": { - "size": "17", - "text": "Accessibility" - } - }, - { - "ID": "131", - "typeID": "TextArea", - "zOrder": "134", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "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": "1409", + "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": "1410", + "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": "1411", + "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": "1412", + "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": "1413", + "typeID": "__group__", + "zOrder": "101", + "measuredW": "288", + "measuredH": "48", + "w": "288", + "h": "48", "x": "875", - "y": "636", + "y": "581", "properties": { - "color": "16770457" - } - }, - { - "ID": "132", - "typeID": "Label", - "zOrder": "135", - "w": "94", - "measuredW": "92", - "measuredH": "25", - "x": "968", - "y": "644", + "controlName": "104-html:accessibility" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "94", + "measuredH": "25", + "x": "89", + "y": "16", + "properties": { + "size": "17", + "text": "Accessibility" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1415", + "typeID": "__group__", + "zOrder": "102", + "measuredW": "289", + "measuredH": "46", + "w": "289", + "h": "46", + "x": "875", + "y": "630", "properties": { - "size": "17", - "text": "SEO Basics" - } - }, - { - "ID": "133", - "typeID": "TextArea", - "zOrder": "136", - "w": "216", - "h": "54", - "measuredW": "200", - "measuredH": "140", - "x": "522", - "y": "980", + "controlName": "105-html:seo-basics" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "94", + "measuredW": "90", + "measuredH": "25", + "x": "93", + "y": "14", + "properties": { + "size": "17", + "text": "SEO Basics" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1416", + "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": "1417", + "typeID": "__group__", + "zOrder": "81", + "measuredW": "289", + "measuredH": "47", + "w": "289", + "h": "47", + "x": "875", + "y": "679", "properties": { - "color": "16776960" - } - }, - { - "ID": "134", - "typeID": "Label", - "zOrder": "137", - "w": "155", - "measuredW": "153", - "measuredH": "25", - "x": "553", - "y": "995", + "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": "1418", + "typeID": "__group__", + "zOrder": "82", + "measuredW": "290", + "measuredH": "51", + "w": "290", + "h": "51", + "x": "874", + "y": "728", "properties": { - "bold": "true", - "size": "17", - "text": "Basic Usage of Git" - } - }, - { - "ID": "135", - "typeID": "TextArea", - "zOrder": "138", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1004", - "y": "983", + "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": "1419", + "typeID": "__group__", + "zOrder": "83", + "measuredW": "288", + "measuredH": "45", + "w": "288", + "h": "45", + "x": "874", + "y": "783", "properties": { - "color": "16776960" - } - }, - { - "ID": "136", - "typeID": "Label", - "zOrder": "139", - "w": "64", - "measuredW": "56", - "measuredH": "25", - "x": "1091", - "y": "996", + "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": "1420", + "typeID": "__group__", + "zOrder": "80", + "measuredW": "123", + "measuredH": "193", + "w": "123", + "h": "193", + "x": "1183", + "y": "652", "properties": { - "bold": "true", - "size": "17", - "text": "GitHub" - } - }, - { - "ID": "137", - "typeID": "TextArea", - "zOrder": "140", - "w": "352", - "h": "78", - "measuredW": "200", - "measuredH": "140", - "x": "885", - "y": "882", + "controlName": "css:100-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": "1421", + "typeID": "__group__", + "zOrder": "84", + "measuredW": "250", + "measuredH": "50", + "w": "250", + "h": "50", + "x": "543", + "y": "738", "properties": { - "color": "16776960" - } - }, - { - "ID": "138", - "typeID": "Label", - "zOrder": "141", - "w": "189", - "measuredW": "180", - "measuredH": "25", - "x": "962", - "y": "897", + "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": "1424", + "typeID": "__group__", + "zOrder": "85", + "measuredW": "304", + "measuredH": "48", + "w": "304", + "h": "48", + "x": "152", + "y": "753", "properties": { - "bold": "true", - "size": "17", - "text": "Repo hosting services" - } - }, - { - "ID": "139", - "typeID": "Label", - "zOrder": "142", - "w": "279", - "measuredW": "278", - "measuredH": "23", - "x": "917", - "y": "923", + "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": "1425", + "typeID": "__group__", + "zOrder": "86", + "measuredW": "305", + "measuredH": "45", + "w": "305", + "h": "45", + "x": "152", + "y": "802", "properties": { - "size": "15", - "text": "Create account and Learn to use GitHub" - } - }, - { - "ID": "140", - "typeID": "TextArea", - "zOrder": "143", + "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": "1426", + "typeID": "__group__", + "zOrder": "88", + "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": "1427", + "typeID": "__group__", + "zOrder": "89", + "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": "1428", + "typeID": "__group__", + "zOrder": "87", + "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": "234", + "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": "1429", + "typeID": "__group__", + "zOrder": "106", + "measuredW": "336", + "measuredH": "77", "w": "336", "h": "77", - "measuredW": "200", - "measuredH": "140", "x": "522", "y": "882", "properties": { - "color": "16776960" - } - }, - { - "ID": "141", - "typeID": "Label", - "zOrder": "144", - "w": "201", - "measuredW": "199", - "measuredH": "25", - "x": "587", - "y": "897", + "controlName": "104-version-control-systems" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "336", + "h": "77", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "201", + "measuredW": "189", + "measuredH": "25", + "x": "65", + "y": "15", + "properties": { + "bold": "true", + "size": "17", + "text": "Version Control Systems" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "292", + "measuredW": "285", + "measuredH": "23", + "x": "19", + "y": "40", + "properties": { + "size": "15", + "text": "What are they and why you should use one" + } + } + ] + } + } + }, + { + "ID": "1430", + "typeID": "__group__", + "zOrder": "103", + "measuredW": "225", + "measuredH": "62", + "w": "225", + "h": "62", + "x": "513", + "y": "972", "properties": { - "bold": "true", - "size": "17", - "text": "Version Control Systems" - } - }, - { - "ID": "142", - "typeID": "Label", - "zOrder": "145", - "w": "292", - "measuredW": "290", - "measuredH": "23", - "x": "541", - "y": "922", - "properties": { - "size": "15", - "text": "What are they and why you should use one" - } - }, - { - "ID": "143", - "typeID": "TextArea", - "zOrder": "146", - "w": "211", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "508", - "y": "1244", - "properties": { - "color": "16776960" - } - }, - { - "ID": "144", - "typeID": "Label", - "zOrder": "147", - "w": "154", - "measuredW": "150", - "measuredH": "25", - "x": "537", - "y": "1258", - "properties": { - "bold": "true", - "size": "17", - "text": "Package Managers" - } - }, - { - "ID": "145", - "typeID": "TextArea", - "zOrder": "148", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "235", - "y": "1238", - "properties": { - "color": "16770457" - } - }, - { - "ID": "146", - "typeID": "Label", - "zOrder": "149", - "measuredW": "48", - "measuredH": "25", - "x": "644", - "y": "635", - "properties": { - "bold": "true", - "size": "17", - "text": "HTML" - } - }, - { - "ID": "147", - "typeID": "Label", - "zOrder": "150", - "measuredW": "35", - "measuredH": "25", - "x": "651", - "y": "697", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS" - } - }, - { - "ID": "148", - "typeID": "Label", - "zOrder": "151", - "measuredW": "86", - "measuredH": "25", - "x": "625", - "y": "751", - "properties": { - "bold": "true", - "size": "17", - "text": "JavaScript" - } - }, - { - "ID": "149", - "typeID": "Label", - "zOrder": "152", - "w": "36", - "measuredW": "34", - "measuredH": "25", - "x": "292", - "y": "1250", - "properties": { - "bold": "true", - "size": "17", - "text": "npm" - } - }, - { - "ID": "150", - "typeID": "Label", - "zOrder": "153", - "w": "36", - "measuredW": "35", - "measuredH": "25", - "x": "293", - "y": "1309", - "properties": { - "bold": "true", - "size": "17", - "text": "yarn" - } - }, - { - "ID": "151", - "typeID": "TextArea", - "zOrder": "154", - "w": "297", - "h": "107", - "measuredW": "200", - "measuredH": "140", - "x": "160", - "y": "1108" - }, - { - "ID": "152", - "typeID": "Label", - "zOrder": "155", - "w": "261", - "measuredW": "246", - "measuredH": "25", - "x": "176", - "y": "1122", - "properties": { - "size": "17", - "text": "npm and yarn both are fine, pick" - } - }, - { - "ID": "153", - "typeID": "Label", - "zOrder": "156", - "w": "132", - "measuredW": "125", - "measuredH": "25", - "x": "176", - "y": "1175", - "properties": { - "size": "17", - "text": "much difference." - } - }, - { - "ID": "154", - "typeID": "Label", - "zOrder": "157", - "w": "248", - "measuredW": "228", - "measuredH": "25", - "x": "176", - "y": "1149", - "properties": { - "size": "17", - "text": "one or learn both, there is not" - } - }, - { - "ID": "155", - "typeID": "TextArea", - "zOrder": "158", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1004", - "y": "1095", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "156", - "typeID": "Label", - "zOrder": "159", - "w": "80", - "measuredW": "78", - "measuredH": "25", - "x": "1079", - "y": "1107", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "Bitbucket" - } - }, - { - "ID": "157", - "typeID": "TextArea", - "zOrder": "160", - "w": "230", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "1004", - "y": "1095", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "158", - "typeID": "TextArea", - "zOrder": "161", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1004", - "y": "1039", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "159", - "typeID": "Label", - "zOrder": "162", - "measuredW": "55", - "measuredH": "25", - "x": "1089", - "y": "1051", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "GitLab" - } - }, - { - "ID": "160", - "typeID": "TextArea", - "zOrder": "163", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1004", - "y": "1039", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "161", - "typeID": "TextArea", - "zOrder": "164", - "w": "372", - "h": "54", - "measuredW": "200", - "measuredH": "140", - "x": "573", - "y": "1073", - "properties": { - "color": "16776960" - } - }, - { - "ID": "162", - "typeID": "Label", - "zOrder": "165", - "w": "203", - "measuredW": "202", - "measuredH": "25", - "x": "658", - "y": "1088", - "properties": { - "bold": "true", - "size": "17", - "text": "Web Security Knowledge" - } - }, - { - "ID": "163", - "typeID": "Canvas", - "zOrder": "166", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", - "x": "151", - "y": "183" - }, - { - "ID": "164", - "typeID": "Icon", - "zOrder": "167", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "204", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "165", - "typeID": "Icon", - "zOrder": "168", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "204", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "166", - "typeID": "Label", - "zOrder": "169", - "measuredW": "263", - "measuredH": "24", - "x": "210", - "y": "204", - "properties": { - "size": "16", - "text": "Personal Recommendation / Opinion" - } - }, - { - "ID": "167", - "typeID": "TextArea", - "zOrder": "170", - "w": "456", - "h": "161", - "measuredW": "200", - "measuredH": "140", - "x": "837", - "y": "1168" - }, - { - "ID": "168", - "typeID": "TextArea", - "zOrder": "171", - "w": "163", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "852", - "y": "1267", - "properties": { - "color": "16770457" - } - }, - { - "ID": "169", - "typeID": "Label", - "zOrder": "172", - "w": "51", - "measuredW": "49", - "measuredH": "25", - "x": "894", - "y": "1279", - "properties": { - "bold": "true", - "size": "17", - "text": "CORS" - } - }, - { - "ID": "170", - "typeID": "TextArea", - "zOrder": "173", - "w": "166", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "851", - "y": "1212", - "properties": { - "color": "16770457" - } - }, - { - "ID": "171", - "typeID": "Label", - "zOrder": "174", - "w": "63", - "measuredW": "57", - "measuredH": "25", - "x": "905", - "y": "1224", - "properties": { - "bold": "true", - "size": "17", - "text": "HTTPS" - } - }, - { - "ID": "172", - "typeID": "TextArea", - "zOrder": "175", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1022", - "y": "1212", - "properties": { - "color": "16770457" - } - }, - { - "ID": "173", - "typeID": "Label", - "zOrder": "176", - "w": "196", - "measuredW": "191", - "measuredH": "25", - "x": "1053", - "y": "1224", - "properties": { - "bold": "true", - "size": "17", - "text": "Content Security Policy" - } - }, - { - "ID": "174", - "typeID": "TextArea", - "zOrder": "177", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1022", - "y": "1266", - "properties": { - "color": "16770457" - } - }, - { - "ID": "175", - "typeID": "Label", - "zOrder": "178", - "w": "187", - "measuredW": "182", - "measuredH": "25", - "x": "1065", - "y": "1278", - "properties": { - "bold": "true", - "size": "17", - "text": "OWASP Security Risks" - } - }, - { - "ID": "176", - "typeID": "Label", - "zOrder": "179", - "w": "372", - "measuredW": "352", - "measuredH": "25", - "x": "853", - "y": "1181", - "properties": { - "size": "17", - "text": "Get at least a basic knowledge of all of these" - } - }, - { - "ID": "177", - "typeID": "TextArea", - "zOrder": "180", - "w": "392", - "h": "141", - "measuredW": "200", - "measuredH": "140", - "x": "723", - "y": "1381", - "properties": { - "color": "16776960" - } - }, - { - "ID": "178", - "typeID": "Label", - "zOrder": "181", - "w": "157", - "measuredW": "157", - "measuredH": "25", - "x": "836", - "y": "1398", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS Preprocessors" - } - }, - { - "ID": "179", - "typeID": "Label", - "zOrder": "182", - "w": "350", - "measuredW": "332", - "measuredH": "23", - "x": "741", - "y": "1430", - "properties": { - "size": "15", - "text": "With how the modern frameworks there has been" - } - }, - { - "ID": "180", - "typeID": "Label", - "zOrder": "183", - "w": "356", - "measuredW": "351", - "measuredH": "23", - "x": "741", - "y": "1457", - "properties": { - "size": "15", - "text": "more push towards CSS-in-JS so you may not need" - } - }, - { - "ID": "181", - "typeID": "Label", - "zOrder": "184", - "w": "350", - "measuredW": "327", - "measuredH": "23", - "x": "741", - "y": "1483", - "properties": { - "size": "15", - "text": "these but still a good idea to familiarize yourself." - } - }, - { - "ID": "182", - "typeID": "TextArea", - "zOrder": "185", - "w": "392", - "h": "141", - "measuredW": "200", - "measuredH": "140", - "x": "312", - "y": "1378", - "properties": { - "color": "16776960" - } - }, - { - "ID": "183", - "typeID": "Label", - "zOrder": "186", - "w": "148", - "measuredW": "142", - "measuredH": "25", - "x": "434", - "y": "1396", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS Architecture" - } - }, - { - "ID": "184", - "typeID": "Label", - "zOrder": "187", - "w": "351", - "measuredW": "342", - "measuredH": "23", - "x": "331", - "y": "1430", - "properties": { - "size": "15", - "text": "With modern frameworks and CSS-in-JS you don't" - } - }, - { - "ID": "185", - "typeID": "Label", - "zOrder": "188", - "w": "359", - "measuredW": "349", - "measuredH": "23", - "x": "331", - "y": "1454", - "properties": { - "size": "15", - "text": "have to worry about these anymore but still it would" - } - }, - { - "ID": "186", - "typeID": "TextArea", - "zOrder": "189", - "w": "146", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1377", - "properties": { - "color": "16776960" - } - }, - { - "ID": "187", - "typeID": "Label", - "zOrder": "190", - "w": "45", - "measuredW": "35", - "measuredH": "25", - "x": "207", - "y": "1385", - "properties": { - "size": "17", - "text": "BEM" - } - }, - { - "ID": "188", - "typeID": "TextArea", - "zOrder": "191", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1474", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "189", - "typeID": "Label", - "zOrder": "192", - "w": "73", - "measuredW": "71", - "measuredH": "25", - "x": "187", - "y": "1484", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "SMACSS" - } - }, - { - "ID": "190", - "typeID": "TextArea", - "zOrder": "193", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1474", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "191", - "typeID": "TextArea", - "zOrder": "194", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1423", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "192", - "typeID": "Label", - "zOrder": "195", - "w": "62", - "measuredW": "62", - "measuredH": "25", - "x": "194", - "y": "1433", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "OOCSS" - } - }, - { - "ID": "193", - "typeID": "TextArea", - "zOrder": "196", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1423", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "194", - "typeID": "Label", - "zOrder": "197", - "w": "359", - "measuredW": "349", - "measuredH": "23", - "x": "331", - "y": "1482", - "properties": { - "size": "15", - "text": "be a good idea to get familiarized with BEM atleast." - } - }, - { - "ID": "195", - "typeID": "TextArea", - "zOrder": "198", - "w": "214", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "596", - "y": "1603", - "properties": { - "color": "16776960" - } - }, - { - "ID": "196", - "typeID": "Label", - "zOrder": "199", - "measuredW": "87", - "measuredH": "25", - "x": "658", - "y": "1616", - "properties": { - "bold": "true", - "size": "17", - "text": "Build Tools" - } - }, - { - "ID": "197", - "typeID": "TextArea", - "zOrder": "200", - "w": "138", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "385", - "y": "1605", - "properties": { - "color": "16776960" - } - }, - { - "ID": "198", - "typeID": "Label", - "zOrder": "201", - "measuredW": "109", - "measuredH": "25", - "x": "402", - "y": "1619", - "properties": { - "bold": "true", - "size": "17", - "text": "Task Runners" - } - }, - { - "ID": "199", - "typeID": "TextArea", - "zOrder": "202", - "w": "176", - "h": "45", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1577", - "properties": { - "color": "16776960" - } - }, - { - "ID": "200", - "typeID": "Label", - "zOrder": "203", - "w": "97", - "measuredW": "92", - "measuredH": "25", - "x": "191", - "y": "1587", - "properties": { - "size": "17", - "text": "npm scripts" - } - }, - { - "ID": "201", - "typeID": "TextArea", - "zOrder": "204", - "w": "174", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1627", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "202", - "typeID": "Label", - "zOrder": "205", - "w": "41", - "measuredW": "37", - "measuredH": "25", - "x": "219", - "y": "1637", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "Gulp" - } - }, - { - "ID": "203", - "typeID": "TextArea", - "zOrder": "206", - "w": "174", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1628", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "204", - "typeID": "TextArea", - "zOrder": "207", - "w": "225", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "868", - "y": "1604", - "properties": { - "color": "16776960" - } - }, - { - "ID": "205", - "typeID": "Label", - "zOrder": "208", - "measuredW": "187", - "measuredH": "25", - "x": "887", - "y": "1617", - "properties": { - "bold": "true", - "size": "17", - "text": "Linters and Formatters" - } - }, - { - "ID": "206", - "typeID": "TextArea", - "zOrder": "209", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1150", - "y": "1555", - "properties": { - "color": "16776960" - } - }, - { - "ID": "207", - "typeID": "Label", - "zOrder": "210", - "w": "66", - "measuredW": "59", - "measuredH": "25", - "x": "1194", - "y": "1563", - "properties": { - "size": "17", - "text": "Prettier" - } - }, - { - "ID": "208", - "typeID": "TextArea", - "zOrder": "211", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1150", - "y": "1600", - "properties": { - "color": "16776960" - } - }, - { - "ID": "209", - "typeID": "Label", - "zOrder": "212", - "w": "53", - "measuredW": "52", - "measuredH": "25", - "x": "1196", - "y": "1608", - "properties": { - "size": "17", - "text": "ESLint" - } - }, - { - "ID": "210", - "typeID": "TextArea", - "zOrder": "213", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "1151", - "y": "1646", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "211", - "typeID": "Label", - "zOrder": "214", - "measuredW": "97", - "measuredH": "25", - "x": "1177", - "y": "1656", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "StandardJS" - } - }, - { - "ID": "212", - "typeID": "Arrow", - "zOrder": "215", - "w": "127", - "h": "31", - "measuredW": "150", - "measuredH": "100", - "x": "288", - "y": "1707", - "properties": { - "color": "10027263", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4438697642869249, - "y": -0.02128200780057653 - }, - "p2": { - "x": 126, - "y": 30 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "213", - "typeID": "TextArea", - "zOrder": "216", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1688", - "properties": { - "color": "16776960" - } - }, - { - "ID": "214", - "typeID": "Label", - "zOrder": "217", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "204", - "y": "1696", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "215", - "typeID": "TextArea", - "zOrder": "218", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1733", - "properties": { - "color": "16770457" - } - }, - { - "ID": "216", - "typeID": "Label", - "zOrder": "219", - "w": "46", - "measuredW": "47", - "measuredH": "25", - "x": "216", - "y": "1741", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "217", - "typeID": "Label", - "zOrder": "220", - "w": "46", - "measuredW": "47", - "measuredH": "25", - "x": "216", - "y": "1786", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "218", - "typeID": "TextArea", - "zOrder": "221", - "w": "177", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "411", - "y": "1723", - "properties": { - "color": "16776960" - } - }, - { - "ID": "219", - "typeID": "Label", - "zOrder": "222", - "measuredW": "134", - "measuredH": "25", - "x": "434", - "y": "1736", - "properties": { - "bold": "true", - "size": "17", - "text": "Module Bundlers" - } - }, - { - "ID": "220", - "typeID": "TextArea", - "zOrder": "223", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "152", - "y": "1688", - "properties": { - "color": "16776960" - } - }, - { - "ID": "221", - "typeID": "Label", - "zOrder": "224", - "w": "90", - "measuredW": "72", - "measuredH": "25", - "x": "204", - "y": "1696", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "222", - "typeID": "TextArea", - "zOrder": "225", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1733", - "properties": { - "color": "16770457" - } - }, - { - "ID": "223", - "typeID": "Label", - "zOrder": "226", - "w": "63", - "measuredW": "47", - "measuredH": "25", - "x": "216", - "y": "1741", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "224", - "typeID": "TextArea", - "zOrder": "227", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "151", - "y": "1778", - "properties": { - "color": "16770457" - } - }, - { - "ID": "225", - "typeID": "Label", - "zOrder": "228", - "w": "63", - "measuredW": "47", - "measuredH": "25", - "x": "216", - "y": "1786", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "226", - "typeID": "TextArea", - "zOrder": "229", - "w": "267", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "622", - "y": "1840", - "properties": { - "color": "16776960" - } - }, - { - "ID": "227", - "typeID": "Label", - "zOrder": "230", - "w": "142", - "measuredW": "140", - "measuredH": "25", - "x": "685", - "y": "1854", - "properties": { - "bold": "true", - "size": "17", - "text": "Pick a Framework" - } - }, - { - "ID": "228", - "typeID": "TextArea", - "zOrder": "231", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "920", - "y": "1750", - "properties": { - "color": "16776960" - } - }, - { - "ID": "229", - "typeID": "Label", - "zOrder": "232", - "w": "68", - "measuredW": "64", - "measuredH": "25", - "x": "959", - "y": "1758", - "properties": { - "size": "17", - "text": "React.js" - } - }, - { - "ID": "230", - "typeID": "TextArea", - "zOrder": "233", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "952", - "y": "1843", - "properties": { - "color": "16770457" - } - }, - { - "ID": "231", - "typeID": "Label", - "zOrder": "234", - "w": "64", - "measuredW": "62", - "measuredH": "25", - "x": "993", - "y": "1851", - "properties": { - "size": "17", - "text": "Angular" - } - }, - { - "ID": "232", - "typeID": "TextArea", - "zOrder": "235", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "952", - "y": "1927", - "properties": { - "color": "16770457" - } - }, - { - "ID": "233", - "typeID": "Label", - "zOrder": "236", - "w": "59", - "measuredW": "46", - "measuredH": "25", - "x": "1002", - "y": "1935", - "properties": { - "size": "17", - "text": "Vue.js" - } - }, - { - "ID": "234", - "typeID": "TextArea", - "zOrder": "237", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1155", - "y": "1726", - "properties": { - "color": "16776960" - } - }, - { - "ID": "235", - "typeID": "Label", - "zOrder": "238", - "w": "52", - "measuredW": "50", - "measuredH": "25", - "x": "1218", - "y": "1734", - "properties": { - "size": "17", - "text": "Redux" - } - }, - { - "ID": "236", - "typeID": "TextArea", - "zOrder": "239", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1155", - "y": "1771", - "properties": { - "color": "16770457" - } - }, - { - "ID": "237", - "typeID": "Label", - "zOrder": "240", - "w": "47", - "measuredW": "44", - "measuredH": "25", - "x": "1220", - "y": "1779", - "properties": { - "size": "17", - "text": "MobX" - } - }, - { - "ID": "238", - "typeID": "TextArea", - "zOrder": "241", - "w": "203", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "483", - "y": "1942", - "properties": { - "color": "16776960" - } - }, - { - "ID": "239", - "typeID": "Label", - "zOrder": "242", - "measuredW": "101", - "measuredH": "25", - "x": "536", - "y": "1955", - "properties": { - "bold": "true", - "size": "17", - "text": "Modern CSS" - } - }, - { - "ID": "240", - "typeID": "TextArea", - "zOrder": "243", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "1148", - "y": "1476", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "241", - "typeID": "Label", - "zOrder": "244", - "w": "41", - "measuredW": "39", - "measuredH": "25", - "x": "1200", - "y": "1486", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "Less" - } - }, - { - "ID": "242", - "typeID": "TextArea", - "zOrder": "245", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "1148", - "y": "1476", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "243", - "typeID": "TextArea", - "zOrder": "246", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1155", - "y": "1927", - "properties": { - "color": "16776960" - } - }, - { - "ID": "244", - "typeID": "Label", - "zOrder": "247", - "w": "44", - "measuredW": "41", - "measuredH": "25", - "x": "1219", - "y": "1936", - "properties": { - "size": "17", - "text": "VueX" - } - }, - { - "ID": "245", - "typeID": "TextArea", - "zOrder": "248", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1155", - "y": "1826", - "properties": { - "color": "16776960" - } - }, - { - "ID": "246", - "typeID": "Label", - "zOrder": "249", - "w": "44", - "measuredW": "43", - "measuredH": "25", - "x": "1222", - "y": "1834", - "properties": { - "size": "17", - "text": "RxJS" - } - }, - { - "ID": "247", - "typeID": "TextArea", - "zOrder": "250", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1155", - "y": "1872", - "properties": { - "color": "16776960" - } - }, - { - "ID": "248", - "typeID": "Label", - "zOrder": "251", - "w": "46", - "measuredW": "44", - "measuredH": "25", - "x": "1222", - "y": "1880", - "properties": { - "size": "17", - "text": "NgRx" - } - }, - { - "ID": "249", - "typeID": "TextArea", - "zOrder": "252", - "w": "221", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "149", - "y": "1864", - "properties": { - "color": "16776960" - } - }, - { - "ID": "250", - "typeID": "Label", - "zOrder": "253", - "w": "151", - "measuredW": "153", - "measuredH": "25", - "x": "184", - "y": "1872", - "properties": { - "size": "17", - "text": "Styled Components" - } - }, - { - "ID": "251", - "typeID": "TextArea", - "zOrder": "254", - "w": "221", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "149", - "y": "1908", - "properties": { - "color": "16776960" - } - }, - { - "ID": "252", - "typeID": "Label", - "zOrder": "255", - "w": "103", - "measuredW": "104", - "measuredH": "25", - "x": "208", - "y": "1916", - "properties": { - "size": "17", - "text": "CSS Modules" - } - }, - { - "ID": "253", - "typeID": "TextArea", - "zOrder": "256", - "w": "221", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "148", - "y": "2000", - "properties": { - "color": "16770457" - } - }, - { - "ID": "254", - "typeID": "Label", - "zOrder": "257", - "w": "62", - "measuredW": "62", - "measuredH": "25", - "x": "228", - "y": "2008", - "properties": { - "size": "17", - "text": "Emotion" - } - }, - { - "ID": "255", - "typeID": "TextArea", - "zOrder": "258", - "w": "221", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "148", - "y": "2047", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "256", - "typeID": "Label", - "zOrder": "259", - "w": "62", - "measuredW": "58", - "measuredH": "25", - "x": "228", - "y": "2056", - "properties": { - "size": "17", - "text": "Radium" - } - }, - { - "ID": "257", - "typeID": "TextArea", - "zOrder": "260", - "w": "219", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "149", - "y": "2047", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "258", - "typeID": "TextArea", - "zOrder": "261", - "w": "221", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "148", - "y": "2095", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "259", - "typeID": "Label", - "zOrder": "262", - "w": "81", - "measuredW": "83", - "measuredH": "25", - "x": "218", - "y": "2104", - "properties": { - "size": "17", - "text": "Glamorous" - } - }, - { - "ID": "260", - "typeID": "TextArea", - "zOrder": "263", - "w": "219", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "149", - "y": "2095", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "261", - "typeID": "TextArea", - "zOrder": "264", - "w": "199", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1104", - "y": "2557", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "262", - "typeID": "Label", - "zOrder": "265", - "w": "38", - "measuredW": "34", - "measuredH": "25", - "x": "1185", - "y": "2565", - "properties": { - "color": "3355443", - "size": "17", - "text": "Flow" - } - }, - { - "ID": "263", - "typeID": "Label", - "zOrder": "266", - "measuredW": "159", - "measuredH": "24", - "x": "210", - "y": "301", - "properties": { - "size": "16", - "text": "I wouldn't recommend" - } - }, - { - "ID": "264", - "typeID": "Icon", - "zOrder": "267", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "301", - "properties": { - "color": "10066329", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "265", - "typeID": "Arrow", - "zOrder": "268", - "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": "266", - "typeID": "Arrow", - "zOrder": "269", - "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": "267", - "typeID": "Arrow", - "zOrder": "270", - "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": "268", - "typeID": "Arrow", - "zOrder": "271", - "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": "269", - "typeID": "TextArea", - "zOrder": "272", - "w": "167", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "975", - "y": "2860", - "properties": { - "color": "16776960" - } - }, - { - "ID": "270", - "typeID": "Arrow", - "zOrder": "273", - "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": "271", - "typeID": "Arrow", - "zOrder": "274", - "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": "272", - "typeID": "Arrow", - "zOrder": "275", - "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": "273", - "typeID": "Arrow", - "zOrder": "276", - "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": "274", - "typeID": "Arrow", - "zOrder": "277", - "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": "275", - "typeID": "Arrow", - "zOrder": "278", - "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": "276", - "typeID": "Arrow", - "zOrder": "279", - "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": "277", - "typeID": "Arrow", - "zOrder": "280", - "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": "278", - "typeID": "TextArea", - "zOrder": "281", - "w": "281", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "776", - "y": "3015", - "properties": { - "color": "16776960" - } - }, - { - "ID": "279", - "typeID": "Label", - "zOrder": "282", - "measuredW": "183", - "measuredH": "25", - "x": "825", - "y": "3028", - "properties": { - "bold": "true", - "size": "17", - "text": "Static Site Generators" - } - }, - { - "ID": "280", - "typeID": "TextArea", - "zOrder": "283", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "2999", - "properties": { - "color": "16776960" - } - }, - { - "ID": "281", - "typeID": "Label", - "zOrder": "284", - "w": "78", - "measuredW": "77", - "measuredH": "25", - "x": "1218", - "y": "3007", - "properties": { - "size": "17", - "text": "GatsbyJS" - } - }, - { - "ID": "282", - "typeID": "TextArea", - "zOrder": "285", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "2953", - "properties": { - "color": "16776960" - } - }, - { - "ID": "283", - "typeID": "Label", - "zOrder": "286", - "w": "58", - "measuredW": "54", - "measuredH": "25", - "x": "1228", - "y": "2961", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "284", - "typeID": "TextArea", - "zOrder": "287", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "3045", - "properties": { - "color": "16770457" - } - }, - { - "ID": "285", - "typeID": "Label", - "zOrder": "288", - "w": "56", - "measuredW": "53", - "measuredH": "25", - "x": "1229", - "y": "3053", - "properties": { - "size": "17", - "text": "Nuxt.js" - } - }, - { - "ID": "286", - "typeID": "TextArea", - "zOrder": "289", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "3090", - "properties": { - "color": "16770457" - } - }, - { - "ID": "287", - "typeID": "Label", - "zOrder": "290", - "w": "76", - "measuredW": "73", - "measuredH": "25", - "x": "1223", - "y": "3098", - "properties": { - "size": "17", - "text": "Vuepress" - } - }, - { - "ID": "288", - "typeID": "TextArea", - "zOrder": "291", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "3136", - "properties": { - "color": "16770457" - } - }, - { - "ID": "289", - "typeID": "Label", - "zOrder": "292", - "w": "49", - "measuredW": "44", - "measuredH": "25", - "x": "1235", - "y": "3144", - "properties": { - "size": "17", - "text": "Jekyll" - } - }, - { - "ID": "290", - "typeID": "Arrow", - "zOrder": "293", - "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": "291", - "typeID": "Arrow", - "zOrder": "294", - "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": "292", - "typeID": "Arrow", - "zOrder": "295", - "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": "293", - "typeID": "Arrow", - "zOrder": "296", - "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": "294", - "typeID": "Arrow", - "zOrder": "297", - "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": "295", - "typeID": "Arrow", - "zOrder": "298", - "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": "296", - "typeID": "Arrow", - "zOrder": "299", - "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": "297", - "typeID": "Arrow", - "zOrder": "300", - "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": "298", - "typeID": "Arrow", - "zOrder": "301", - "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": "299", - "typeID": "Arrow", - "zOrder": "302", - "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": "300", - "typeID": "Arrow", - "zOrder": "303", - "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": "301", - "typeID": "Arrow", - "zOrder": "304", - "w": "1", - "h": "81", - "measuredW": "150", - "measuredH": "100", - "x": "586", - "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": "302", - "typeID": "Arrow", - "zOrder": "305", - "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": "303", - "typeID": "TextArea", - "zOrder": "306", - "w": "261", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "456", - "y": "2173", - "properties": { - "color": "16776960" - } - }, - { - "ID": "304", - "typeID": "Label", - "zOrder": "307", - "measuredW": "136", - "measuredH": "25", - "x": "519", - "y": "2186", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS Frameworks" - } - }, - { - "ID": "305", - "typeID": "TextArea", - "zOrder": "308", - "w": "236", - "h": "281", - "measuredW": "200", - "measuredH": "140", - "x": "1088", - "y": "2149" - }, - { - "ID": "306", - "typeID": "TextArea", - "zOrder": "309", - "w": "205", - "h": "52", - "measuredW": "200", - "measuredH": "140", - "x": "1104", - "y": "2164", - "properties": { - "color": "16776960" - } - }, - { - "ID": "307", - "typeID": "Label", - "zOrder": "310", - "w": "81", - "measuredW": "74", - "measuredH": "25", - "x": "1171", - "y": "2177", - "properties": { - "size": "17", - "text": "Bootstrap" - } - }, - { - "ID": "308", - "typeID": "TextArea", - "zOrder": "311", - "w": "205", - "h": "51", - "measuredW": "200", - "measuredH": "140", - "x": "1104", - "y": "2224", - "properties": { - "color": "16770457" - } - }, - { - "ID": "309", - "typeID": "Label", - "zOrder": "312", - "w": "126", - "measuredW": "124", - "measuredH": "25", - "x": "1144", - "y": "2237", - "properties": { - "size": "17", - "text": "Materialize CSS" - } - }, - { - "ID": "310", - "typeID": "TextArea", - "zOrder": "313", - "w": "205", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "1104", - "y": "2283", - "properties": { - "color": "16770457" - } - }, - { - "ID": "311", - "typeID": "Label", - "zOrder": "314", - "w": "50", - "measuredW": "47", - "measuredH": "25", - "x": "1182", - "y": "2295", - "properties": { - "size": "17", - "text": "Bulma" - } - }, - { - "ID": "312", - "typeID": "Label", - "zOrder": "315", - "w": "206", - "measuredW": "200", - "measuredH": "24", - "x": "1104", - "y": "2342", - "properties": { - "size": "16", - "text": "CSS first frameworks which" - } - }, - { - "ID": "313", - "typeID": "Label", - "zOrder": "316", - "w": "206", - "measuredW": "195", - "measuredH": "24", - "x": "1104", - "y": "2367", - "properties": { - "size": "16", - "text": "don't come with JavaScript" - } - }, - { - "ID": "314", - "typeID": "Label", - "zOrder": "317", - "w": "169", - "measuredW": "169", - "measuredH": "24", - "x": "1104", - "y": "2392", - "properties": { - "size": "16", - "text": "components by default." - } - }, - { - "ID": "315", - "typeID": "TextArea", - "zOrder": "318", - "w": "236", - "h": "281", - "measuredW": "200", - "measuredH": "140", - "x": "836", - "y": "2149" - }, - { - "ID": "316", - "typeID": "TextArea", - "zOrder": "319", - "w": "205", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "852", - "y": "2209", - "properties": { - "color": "16776960" - } - }, - { - "ID": "317", - "typeID": "Label", - "zOrder": "320", - "w": "98", - "measuredW": "85", - "measuredH": "25", - "x": "913", - "y": "2217", - "properties": { - "size": "17", - "text": "Material UI" - } - }, - { - "ID": "318", - "typeID": "TextArea", - "zOrder": "321", - "w": "205", - "h": "37", - "measuredW": "200", - "measuredH": "140", - "x": "852", - "y": "2297", - "properties": { - "color": "16776960" - } - }, - { - "ID": "319", - "typeID": "Label", - "zOrder": "322", - "w": "94", - "measuredW": "78", - "measuredH": "25", - "x": "926", - "y": "2304", - "properties": { - "size": "17", - "text": "Chakra UI" - } - }, - { - "ID": "320", - "typeID": "TextArea", - "zOrder": "323", - "w": "205", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "852", - "y": "2164", - "properties": { - "color": "16776960" - } - }, - { - "ID": "321", - "typeID": "Label", - "zOrder": "324", - "w": "99", - "measuredW": "86", - "measuredH": "25", - "x": "912", - "y": "2172", - "properties": { - "size": "17", - "text": "Reactstrap" - } - }, - { - "ID": "322", - "typeID": "TextArea", - "zOrder": "325", - "w": "205", - "h": "39", - "measuredW": "200", - "measuredH": "140", - "x": "852", - "y": "2253", - "properties": { - "color": "16776960" - } - }, - { - "ID": "323", - "typeID": "Label", - "zOrder": "326", - "w": "115", - "measuredW": "101", - "measuredH": "25", - "x": "905", - "y": "2261", - "properties": { - "size": "17", - "text": "Tailwind CSS" - } - }, - { - "ID": "324", - "typeID": "Label", - "zOrder": "327", - "w": "205", - "measuredW": "203", - "measuredH": "24", - "x": "852", - "y": "2343", - "properties": { - "size": "16", - "text": "JS based and better to use" - } - }, - { - "ID": "325", - "typeID": "Label", - "zOrder": "328", - "w": "201", - "measuredW": "196", - "measuredH": "24", - "x": "852", - "y": "2368", - "properties": { - "size": "16", - "text": "with your framework based" - } - }, - { - "ID": "326", - "typeID": "Label", - "zOrder": "329", - "w": "205", - "measuredW": "170", - "measuredH": "24", - "x": "852", - "y": "2392", - "properties": { - "size": "16", - "text": "JavaScript applications." - } - }, - { - "ID": "327", - "typeID": "TextArea", - "zOrder": "330", - "w": "247", - "h": "257", - "measuredW": "200", - "measuredH": "140", - "x": "125", - "y": "2235" - }, - { - "ID": "328", - "typeID": "TextArea", - "zOrder": "331", - "w": "216", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "141", - "y": "2294", - "properties": { - "color": "16776960" - } - }, - { - "ID": "329", - "typeID": "Label", - "zOrder": "332", - "w": "164", - "measuredW": "156", - "measuredH": "25", - "x": "167", - "y": "2302", - "properties": { - "size": "17", - "text": "react-testing-library" - } - }, - { - "ID": "330", - "typeID": "TextArea", - "zOrder": "333", - "w": "216", - "h": "37", - "measuredW": "200", - "measuredH": "140", - "x": "141", - "y": "2382", - "properties": { - "color": "16776960" - } - }, - { - "ID": "331", - "typeID": "Label", - "zOrder": "334", - "w": "68", - "measuredW": "63", - "measuredH": "25", - "x": "216", - "y": "2388", - "properties": { - "size": "17", - "text": "Enzyme" - } - }, - { - "ID": "332", - "typeID": "TextArea", - "zOrder": "335", - "w": "216", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "141", - "y": "2249", - "properties": { - "color": "16776960" - } - }, - { - "ID": "333", - "typeID": "Label", - "zOrder": "336", - "w": "39", - "measuredW": "34", - "measuredH": "25", - "x": "230", - "y": "2257", - "properties": { - "size": "17", - "text": "Jest" - } - }, - { - "ID": "334", - "typeID": "TextArea", - "zOrder": "337", - "w": "216", - "h": "39", - "measuredW": "200", - "measuredH": "140", - "x": "141", - "y": "2338", - "properties": { - "color": "16776960" - } - }, - { - "ID": "335", - "typeID": "Label", - "zOrder": "338", - "w": "70", - "measuredW": "66", - "measuredH": "25", - "x": "215", - "y": "2345", - "properties": { - "size": "17", - "text": "Cypress" - } - }, - { - "ID": "336", - "typeID": "Label", - "zOrder": "339", - "w": "205", - "measuredW": "192", - "measuredH": "24", - "x": "147", - "y": "2428", - "properties": { - "size": "16", - "text": "You can fill all your testing" - } - }, - { - "ID": "337", - "typeID": "Label", - "zOrder": "340", - "w": "165", - "measuredW": "159", - "measuredH": "24", - "x": "147", - "y": "2453", - "properties": { - "size": "16", - "text": "needs with just these." - } - }, - { - "ID": "338", - "typeID": "TextArea", - "zOrder": "341", - "w": "405", - "h": "158", - "measuredW": "200", - "measuredH": "140", - "x": "395", - "y": "2259", - "properties": { - "color": "16776960" - } - }, - { - "ID": "339", - "typeID": "Label", - "zOrder": "342", - "measuredW": "154", - "measuredH": "26", - "x": "520", - "y": "2278", - "properties": { - "bold": "true", - "size": "18", - "text": "Testing your Apps" - } - }, - { - "ID": "340", - "typeID": "Label", - "zOrder": "343", - "w": "349", - "measuredW": "334", - "measuredH": "25", - "x": "417", - "y": "2345", - "properties": { - "size": "17", - "text": "and {color:blue}Functional{color} tests and learn how to write" - } - }, - { - "ID": "341", - "typeID": "Label", - "zOrder": "344", - "w": "302", - "measuredW": "279", - "measuredH": "25", - "x": "416", - "y": "2374", - "properties": { - "size": "17", - "text": "them with the tools listed on the left." - } - }, - { - "ID": "342", - "typeID": "Label", - "zOrder": "345", - "w": "362", - "measuredW": "366", - "measuredH": "25", - "x": "416", - "y": "2315", - "properties": { - "size": "17", - "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, " - } - }, - { - "ID": "343", - "typeID": "TextArea", - "zOrder": "346", - "w": "93", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "504", - "y": "2426", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "344", - "typeID": "Label", - "zOrder": "347", - "w": "38", - "measuredW": "35", - "measuredH": "25", - "x": "532", - "y": "2435", - "properties": { - "size": "17", - "text": "Chai" - } - }, - { - "ID": "345", - "typeID": "TextArea", - "zOrder": "348", - "w": "93", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "504", - "y": "2426", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "346", - "typeID": "TextArea", - "zOrder": "349", - "w": "75", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "605", - "y": "2426", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "347", - "typeID": "Label", - "zOrder": "350", - "w": "32", - "measuredW": "27", - "measuredH": "25", - "x": "627", - "y": "2435", - "properties": { - "size": "17", - "text": "Ava" - } - }, - { - "ID": "348", - "typeID": "TextArea", - "zOrder": "351", - "w": "75", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "605", - "y": "2426", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "349", - "typeID": "TextArea", - "zOrder": "352", - "w": "112", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "688", - "y": "2425", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "350", - "typeID": "Label", - "zOrder": "353", - "w": "67", - "measuredW": "64", - "measuredH": "25", - "x": "711", - "y": "2434", - "properties": { - "size": "17", - "text": "Jasmine" - } - }, - { - "ID": "351", - "typeID": "TextArea", - "zOrder": "354", - "w": "112", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "688", - "y": "2425", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "352", - "typeID": "TextArea", - "zOrder": "355", - "w": "101", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "395", - "y": "2425", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "353", - "typeID": "Label", - "zOrder": "356", - "w": "55", - "measuredW": "50", - "measuredH": "25", - "x": "418", - "y": "2434", - "properties": { - "size": "17", - "text": "Mocha" - } - }, - { - "ID": "354", - "typeID": "TextArea", - "zOrder": "357", - "w": "101", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "395", - "y": "2425", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "355", - "typeID": "Arrow", - "zOrder": "358", - "w": "79", - "h": "16", - "measuredW": "150", - "measuredH": "100", - "x": "1026", - "y": "2558", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967568 - }, - "p2": { - "x": 78, - "y": 15 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "356", - "typeID": "Arrow", - "zOrder": "359", - "w": "85", - "h": "23", - "measuredW": "150", - "measuredH": "100", - "x": "1030", - "y": "2528", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 84, - "y": 0 - }, - "p1": { - "x": 0.48351933558266297, - "y": 0.007267064624967475 - }, - "p2": { - "x": 0, - "y": 22 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "357", - "typeID": "TextArea", - "zOrder": "360", - "w": "226", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "819", - "y": "2527", - "properties": { - "color": "16776960" - } - }, - { - "ID": "358", - "typeID": "Label", - "zOrder": "361", - "measuredW": "120", - "measuredH": "25", - "x": "872", - "y": "2540", - "properties": { - "bold": "true", - "size": "17", - "text": "Type Checkers" - } - }, - { - "ID": "359", - "typeID": "TextArea", - "zOrder": "362", - "w": "199", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1104", - "y": "2508", - "properties": { - "color": "16776960" - } - }, - { - "ID": "360", - "typeID": "Label", - "zOrder": "363", - "w": "91", - "measuredW": "85", - "measuredH": "25", - "x": "1158", - "y": "2516", - "properties": { - "size": "17", - "text": "TypeScript" - } - }, - { - "ID": "361", - "typeID": "TextArea", - "zOrder": "364", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "502", - "y": "2527", - "properties": { - "color": "16776960" - } - }, - { - "ID": "362", - "typeID": "Label", - "zOrder": "365", - "measuredW": "180", - "measuredH": "25", - "x": "533", - "y": "2540", - "properties": { - "bold": "true", - "size": "17", - "text": "Progressive Web Apps" - } - }, - { - "ID": "363", - "typeID": "Canvas", - "zOrder": "366", - "w": "228", - "h": "389", - "measuredW": "100", - "measuredH": "70", - "x": "143", - "y": "2527" - }, - { - "ID": "364", - "typeID": "TextInput", - "zOrder": "367", - "w": "177", - "measuredW": "150", - "measuredH": "32", - "x": "169", - "y": "2616", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Service Workers" - } - }, - { - "ID": "365", - "typeID": "TextInput", - "zOrder": "368", - "w": "177", - "measuredW": "78", - "measuredH": "32", - "x": "169", - "y": "2542", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Storage" - } - }, - { - "ID": "366", - "typeID": "TextInput", - "zOrder": "369", - "w": "177", - "measuredW": "83", - "measuredH": "32", - "x": "169", - "y": "2653", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Location" - } - }, - { - "ID": "367", - "typeID": "TextInput", - "zOrder": "370", - "w": "177", - "measuredW": "115", - "measuredH": "32", - "x": "169", - "y": "2691", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Notifications" - } - }, - { - "ID": "368", - "typeID": "TextInput", - "zOrder": "371", - "w": "177", - "measuredW": "166", - "measuredH": "32", - "x": "169", - "y": "2728", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Device Orientation" - } - }, - { - "ID": "369", - "typeID": "TextInput", - "zOrder": "372", - "w": "177", - "measuredW": "94", - "measuredH": "32", - "x": "169", - "y": "2765", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Payments" - } - }, - { - "ID": "370", - "typeID": "TextInput", - "zOrder": "373", - "w": "177", - "measuredW": "109", - "measuredH": "32", - "x": "169", - "y": "2802", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Credentials" - } - }, - { - "ID": "371", - "typeID": "TextInput", - "zOrder": "374", - "w": "177", - "measuredW": "121", - "measuredH": "32", - "x": "169", - "y": "2579", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Web Sockets" - } - }, - { - "ID": "372", - "typeID": "Label", - "zOrder": "375", - "w": "156", - "measuredW": "155", - "measuredH": "25", - "x": "180", - "y": "2847", - "properties": { - "size": "17", - "text": "Learn different Web" - } - }, - { - "ID": "373", - "typeID": "Label", - "zOrder": "376", - "w": "148", - "measuredW": "147", - "measuredH": "25", - "x": "184", - "y": "2873", - "properties": { - "size": "17", - "text": "APIs used in PWAs" - } - }, - { - "ID": "374", - "typeID": "Canvas", - "zOrder": "377", - "w": "262", - "h": "281", - "measuredW": "100", - "measuredH": "70", - "x": "395", - "y": "2635" - }, - { - "ID": "375", - "typeID": "TextInput", - "zOrder": "378", - "w": "225", - "measuredW": "124", - "measuredH": "32", - "x": "415", - "y": "2654", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "PRPL Pattern" - } - }, - { - "ID": "376", - "typeID": "TextInput", - "zOrder": "379", - "w": "225", - "measuredW": "109", - "measuredH": "32", - "x": "415", - "y": "2692", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "RAIL Model" - } - }, - { - "ID": "377", - "typeID": "TextInput", - "zOrder": "380", - "w": "225", - "measuredW": "185", - "measuredH": "32", - "x": "415", - "y": "2730", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Performance Metrics" - } - }, - { - "ID": "378", - "typeID": "TextInput", - "zOrder": "381", - "w": "225", - "measuredW": "157", - "measuredH": "32", - "x": "415", - "y": "2767", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using Lighthouse" - } - }, - { - "ID": "379", - "typeID": "TextInput", - "zOrder": "382", - "w": "225", - "measuredW": "142", - "measuredH": "32", - "x": "415", - "y": "2805", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using DevTools" - } - }, - { - "ID": "380", - "typeID": "Label", - "zOrder": "383", - "w": "185", - "measuredW": "177", - "measuredH": "25", - "x": "435", - "y": "2850", - "properties": { - "size": "17", - "text": "Calculating, Measuring" - } - }, - { - "ID": "381", - "typeID": "Label", - "zOrder": "384", - "w": "224", - "measuredW": "214", - "measuredH": "25", - "x": "415", - "y": "2877", - "properties": { - "size": "17", - "text": "and improving performance" - } - }, - { - "ID": "382", - "typeID": "TextArea", - "zOrder": "385", - "w": "278", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "740", - "y": "2650", - "properties": { - "color": "16776960" - } - }, - { - "ID": "383", - "typeID": "Label", - "zOrder": "386", - "measuredW": "235", - "measuredH": "25", - "x": "762", - "y": "2663", - "properties": { - "bold": "true", - "size": "17", - "text": "Server Side Rendering (SSR)" - } - }, - { - "ID": "384", - "typeID": "Arrow", - "zOrder": "387", - "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": "385", - "typeID": "Arrow", - "zOrder": "388", - "w": "96", - "h": "27", - "measuredW": "150", - "measuredH": "100", - "x": "1168", - "y": "2651", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 95, - "y": 0 - }, - "p1": { - "x": 0.48351933558266286, - "y": 0.007267064624967588 - }, - "p2": { - "x": 0, - "y": 26 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "386", - "typeID": "TextArea", - "zOrder": "389", - "w": "116", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1062", - "y": "2655", - "properties": { - "color": "16776960" - } - }, - { - "ID": "387", - "typeID": "Label", - "zOrder": "390", - "w": "69", - "measuredW": "64", - "measuredH": "25", - "x": "1085", - "y": "2663", - "properties": { - "size": "17", - "text": "React.js" - } - }, - { - "ID": "388", - "typeID": "TextArea", - "zOrder": "391", - "w": "94", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1235", - "y": "2635", - "properties": { - "color": "16776960" - } - }, - { - "ID": "389", - "typeID": "Label", - "zOrder": "392", - "w": "61", - "measuredW": "54", - "measuredH": "25", - "x": "1255", - "y": "2643", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "390", - "typeID": "TextArea", - "zOrder": "393", - "w": "94", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1235", - "y": "2682", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "391", - "typeID": "Label", - "zOrder": "394", - "w": "60", - "measuredW": "55", - "measuredH": "25", - "x": "1256", - "y": "2690", - "properties": { - "color": "3355443", - "size": "17", - "text": "After.js" - } - }, - { - "ID": "392", - "typeID": "Arrow", - "zOrder": "395", - "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": "393", - "typeID": "TextArea", - "zOrder": "396", - "w": "115", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1066", - "y": "2746", - "properties": { - "color": "16770457" - } - }, - { - "ID": "394", - "typeID": "Label", - "zOrder": "397", - "w": "69", - "measuredW": "62", - "measuredH": "25", - "x": "1097", - "y": "2754", - "properties": { - "size": "17", - "text": "Angular" - } - }, - { - "ID": "395", - "typeID": "TextArea", - "zOrder": "398", - "w": "111", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1218", - "y": "2746", - "properties": { - "color": "16770457" - } - }, - { - "ID": "396", - "typeID": "Label", - "zOrder": "399", - "w": "73", - "measuredW": "72", - "measuredH": "25", - "x": "1237", - "y": "2754", - "properties": { - "size": "17", - "text": "Universal" - } - }, - { - "ID": "397", - "typeID": "Arrow", - "zOrder": "400", - "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": "398", - "typeID": "TextArea", - "zOrder": "401", - "w": "115", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1066", - "y": "2799", - "properties": { - "color": "16770457" - } - }, - { - "ID": "399", - "typeID": "Label", - "zOrder": "402", - "w": "48", - "measuredW": "46", - "measuredH": "25", - "x": "1100", - "y": "2807", - "properties": { - "size": "17", - "text": "Vue.js" - } - }, - { - "ID": "400", - "typeID": "TextArea", - "zOrder": "403", - "w": "111", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1218", - "y": "2799", - "properties": { - "color": "16770457" - } - }, - { - "ID": "401", - "typeID": "Label", - "zOrder": "404", - "w": "55", - "measuredW": "53", - "measuredH": "25", - "x": "1246", - "y": "2807", - "properties": { - "size": "17", - "text": "Nuxt.js" - } - }, - { - "ID": "402", - "typeID": "Arrow", - "zOrder": "405", - "w": "87", - "h": "43", - "measuredW": "150", - "measuredH": "100", - "x": "673", - "y": "3175", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.43199426111908185, - "y": -0.006169296987087567 - }, - "p2": { - "x": 86, - "y": 42 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "403", - "typeID": "Arrow", - "zOrder": "406", - "w": "95", - "h": "8", - "measuredW": "150", - "measuredH": "100", - "x": "666", - "y": "3165", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.43199426111908185, - "y": -0.006169296987087555 - }, - "p2": { - "x": 94, - "y": 7 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "404", - "typeID": "Arrow", - "zOrder": "407", - "w": "98", - "h": "36", - "measuredW": "150", - "measuredH": "100", - "x": "665", - "y": "3129", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 35 - }, - "p1": { - "x": 0.4319942611190818, - "y": -0.006169296987087552 - }, - "p2": { - "x": 97, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "405", - "typeID": "TextArea", - "zOrder": "408", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "441", - "y": "3140", - "properties": { - "color": "16776960" - } - }, - { - "ID": "406", - "typeID": "Label", - "zOrder": "409", - "measuredW": "171", - "measuredH": "25", - "x": "484", - "y": "3153", - "properties": { - "bold": "true", - "size": "17", - "text": "Desktop Applications" - } - }, - { - "ID": "407", - "typeID": "TextArea", - "zOrder": "410", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "755", - "y": "3103", - "properties": { - "color": "16776960" - } - }, - { - "ID": "408", - "typeID": "Label", - "zOrder": "411", - "w": "69", - "measuredW": "64", - "measuredH": "25", - "x": "818", - "y": "3111", - "properties": { - "size": "17", - "text": "Electron" - } - }, - { - "ID": "409", - "typeID": "TextArea", - "zOrder": "412", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "756", - "y": "3152", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "13421772", - "textColor": "3355443" - } - }, - { - "ID": "410", - "typeID": "Label", - "zOrder": "413", - "w": "48", - "measuredW": "42", - "measuredH": "25", - "x": "829", - "y": "3161", - "properties": { - "color": "3355443", - "size": "17", - "text": "Carlo" - } - }, - { - "ID": "411", - "typeID": "Arrow", - "zOrder": "414", - "w": "179", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "280", - "y": "3045", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 1 - }, - "p1": { - "x": 0.431994261119082, - "y": -0.006169296987087527 - }, - "p2": { - "x": 178, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "412", - "typeID": "Arrow", - "zOrder": "415", - "w": "161", - "h": "34", - "measuredW": "150", - "measuredH": "100", - "x": "286", - "y": "3002", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4319942611190819, - "y": -0.006169296987087513 - }, - "p2": { - "x": 160, - "y": 33 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "413", - "typeID": "TextArea", - "zOrder": "416", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "437", - "y": "3018", - "properties": { - "color": "16776960" - } - }, - { - "ID": "414", - "typeID": "Label", - "zOrder": "417", - "w": "169", - "measuredW": "157", - "measuredH": "25", - "x": "464", - "y": "3031", - "properties": { - "bold": "true", - "size": "17", - "text": "Mobile Applications" - } - }, - { - "ID": "415", - "typeID": "TextArea", - "zOrder": "418", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "146", - "y": "2938", - "properties": { - "color": "16776960" - } - }, - { - "ID": "416", - "typeID": "Label", - "zOrder": "419", - "w": "101", - "measuredW": "100", - "measuredH": "25", - "x": "169", - "y": "2946", - "properties": { - "size": "17", - "text": "React Native" - } - }, - { - "ID": "417", - "typeID": "TextArea", - "zOrder": "420", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "146", - "y": "2983", - "properties": { - "color": "16770457" - } - }, - { - "ID": "418", - "typeID": "Label", - "zOrder": "421", - "w": "101", - "measuredW": "95", - "measuredH": "25", - "x": "169", - "y": "2991", - "properties": { - "size": "17", - "text": "NativeScript" - } - }, - { - "ID": "419", - "typeID": "TextArea", - "zOrder": "422", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "146", - "y": "3029", - "properties": { - "color": "16770457" - } - }, - { - "ID": "420", - "typeID": "Label", - "zOrder": "423", - "w": "53", - "measuredW": "51", - "measuredH": "25", - "x": "193", - "y": "3037", - "properties": { - "size": "17", - "text": "Flutter" - } - }, - { - "ID": "421", - "typeID": "TextArea", - "zOrder": "424", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "3182", - "properties": { - "color": "16770457" - } - }, - { - "ID": "422", - "typeID": "Label", - "zOrder": "425", - "w": "43", - "measuredW": "40", - "measuredH": "25", - "x": "1235", - "y": "3190", - "properties": { - "size": "17", - "text": "Hugo" - } - }, - { - "ID": "423", - "typeID": "TextArea", - "zOrder": "426", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "146", - "y": "3076", - "properties": { - "color": "16770457" - } - }, - { - "ID": "424", - "typeID": "Label", - "zOrder": "427", - "w": "40", - "measuredW": "37", - "measuredH": "25", - "x": "200", - "y": "3084", - "properties": { - "size": "17", - "text": "Ionic" - } - }, - { - "ID": "425", - "typeID": "TextArea", - "zOrder": "428", - "w": "146", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "767", - "y": "2878", - "properties": { - "color": "16776960" - } - }, - { - "ID": "426", - "typeID": "Label", - "zOrder": "429", - "measuredW": "72", - "measuredH": "25", - "x": "804", - "y": "2891", - "properties": { - "bold": "true", - "size": "17", - "text": "GraphQL" - } - }, - { - "ID": "427", - "typeID": "TextArea", - "zOrder": "430", - "w": "168", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "975", - "y": "2909", - "properties": { - "color": "16776960" - } - }, - { - "ID": "428", - "typeID": "Label", - "zOrder": "431", - "w": "49", - "measuredW": "47", - "measuredH": "25", - "x": "1025", - "y": "2868", - "properties": { - "size": "17", - "text": "Apollo" - } - }, - { - "ID": "429", - "typeID": "Label", - "zOrder": "432", - "w": "115", - "measuredW": "106", - "measuredH": "25", - "x": "1008", - "y": "2917", - "properties": { - "size": "17", - "text": "Relay Modern" - } - }, - { - "ID": "430", - "typeID": "Arrow", - "zOrder": "433", - "w": "2", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "296", - "y": "3529", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 1, - "y": 88 - }, - "p1": { - "x": 0.4072427393330943, - "y": 0.00953746862674794 - }, - "p2": { - "x": 1, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "431", - "typeID": "Arrow", - "zOrder": "434", - "w": "166", - "h": "171", - "measuredW": "150", - "measuredH": "100", - "x": "279", - "y": "3163", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 165, - "y": 0 - }, - "p1": { - "x": 0.5101799412144239, - "y": -0.2666499390637321 - }, - "p2": { - "x": 1, - "y": 170 - }, - "rightArrow": "false" - } - }, - { - "ID": "432", - "typeID": "Arrow", - "zOrder": "435", - "w": "8", - "h": "166", - "measuredW": "150", - "measuredH": "100", - "x": "286", - "y": "3351", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 7, - "y": 165 - }, - "p1": { - "x": 0.4072427393330943, - "y": 0.009537468626747932 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" - } - }, - { - "ID": "433", - "typeID": "TextArea", - "zOrder": "436", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "187", - "y": "3324", - "properties": { - "color": "16776960" - } - }, - { - "ID": "434", - "typeID": "Label", - "zOrder": "437", - "measuredW": "118", - "measuredH": "25", - "x": "233", - "y": "3337", - "properties": { - "bold": "true", - "size": "17", - "text": "Web Assembly" - } - }, - { - "ID": "435", - "typeID": "TextArea", - "zOrder": "438", - "w": "207", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "201", - "y": "3500", - "properties": { - "color": "16776960" - } - }, - { - "ID": "436", - "typeID": "Label", - "zOrder": "439", - "measuredW": "117", - "measuredH": "25", - "x": "246", - "y": "3513", - "properties": { - "bold": "true", - "size": "17", - "text": "Keep Learning" - } - }, - { - "ID": "437", - "typeID": "TextArea", - "zOrder": "440", - "w": "582", - "h": "188", - "measuredW": "200", - "measuredH": "140", - "x": "464", - "y": "3296" - }, - { - "ID": "438", - "typeID": "Label", - "zOrder": "441", - "w": "536", - "measuredW": "507", - "measuredH": "25", - "x": "484", - "y": "3316", - "properties": { - "size": "17", - "text": "Web Assembly or WASM is the binary instructions generated from" - } - }, - { - "ID": "439", - "typeID": "Label", - "zOrder": "442", - "w": "537", - "measuredW": "518", - "measuredH": "25", - "x": "484", - "y": "3346", - "properties": { - "size": "17", - "text": "higher level languages such as Go, C, C++ or Rust. It is faster than" - } - }, - { - "ID": "440", - "typeID": "Label", - "zOrder": "443", - "w": "528", - "measuredW": "530", - "measuredH": "25", - "x": "483", - "y": "3377", - "properties": { - "size": "17", - "text": "JavaScript and WASM 1.0 has already shipped in the major browsers." - } - }, - { - "ID": "441", - "typeID": "Label", - "zOrder": "444", - "w": "536", - "measuredW": "364", - "measuredH": "25", - "x": "483", - "y": "3438", - "properties": { - "size": "17", - "text": "take quite some time to go mainstream though." - } - }, - { - "ID": "442", - "typeID": "Label", - "zOrder": "445", - "w": "539", - "measuredW": "537", - "measuredH": "25", - "x": "483", - "y": "3407", - "properties": { - "size": "17", - "text": "W3C accepted it as an official standard at the end of 2019. It will still" - } - }, - { - "ID": "443", - "typeID": "TextArea", - "zOrder": "446", - "w": "230", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "722", - "y": "2038", - "properties": { - "color": "16776960" - } - }, - { - "ID": "444", - "typeID": "Label", - "zOrder": "447", - "measuredW": "143", - "measuredH": "25", - "x": "766", - "y": "2051", - "properties": { - "bold": "true", - "size": "17", - "text": "Web Components" - } - }, - { - "ID": "445", - "typeID": "TextArea", - "zOrder": "448", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1047", - "y": "1997", - "properties": { - "color": "16770457" - } - }, - { - "ID": "446", - "typeID": "Label", - "zOrder": "449", - "w": "132", - "measuredW": "131", - "measuredH": "25", - "x": "1077", - "y": "2005", - "properties": { - "size": "17", - "text": "HTML Templates" - } - }, - { - "ID": "447", - "typeID": "TextArea", - "zOrder": "450", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1047", - "y": "2042", - "properties": { - "color": "16770457" - } - }, - { - "ID": "448", - "typeID": "Label", - "zOrder": "451", - "w": "139", - "measuredW": "137", - "measuredH": "25", - "x": "1077", - "y": "2050", - "properties": { - "size": "17", - "text": "Custom Elements" - } - }, - { - "ID": "449", - "typeID": "TextArea", - "zOrder": "452", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "1047", - "y": "2086", - "properties": { - "color": "16770457" - } - }, - { - "ID": "450", - "typeID": "Label", - "zOrder": "453", - "w": "105", - "measuredW": "104", - "measuredH": "25", - "x": "1085", - "y": "2094", - "properties": { - "size": "17", - "text": "Shadow DOM" - } - }, - { - "ID": "451", - "typeID": "TextArea", - "zOrder": "454", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "756", - "y": "3200", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "13421772", - "textColor": "3355443" - } - }, - { - "ID": "452", - "typeID": "Label", - "zOrder": "455", - "w": "115", - "measuredW": "103", - "measuredH": "25", - "x": "798", - "y": "3208", - "properties": { - "color": "3355443", - "size": "17", - "text": "Proton Native" - } - }, - { - "ID": "453", - "typeID": "TextArea", - "zOrder": "456", - "w": "186", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "757", - "y": "3199", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "454", - "typeID": "Icon", - "zOrder": "457", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "552", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "455", - "typeID": "Icon", - "zOrder": "458", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "552", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "456", - "typeID": "Icon", - "zOrder": "459", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "647", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "457", - "typeID": "Icon", - "zOrder": "460", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "647", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "458", - "typeID": "Icon", - "zOrder": "461", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "690", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "459", - "typeID": "Icon", - "zOrder": "462", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "690", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "460", - "typeID": "Label", - "zOrder": "463", - "w": "324", - "measuredW": "319", - "measuredH": "24", - "x": "211", - "y": "269", - "properties": { - "size": "16", - "text": "Order in roadmap not strict (Learn anytime)" - } - }, - { - "ID": "461", - "typeID": "Icon", - "zOrder": "464", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "269", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "462", - "typeID": "Icon", - "zOrder": "465", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "269", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "463", - "typeID": "Icon", - "zOrder": "466", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "601", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "464", - "typeID": "Icon", - "zOrder": "467", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "601", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "465", - "typeID": "Icon", - "zOrder": "468", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "581", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "466", - "typeID": "Icon", - "zOrder": "469", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "581", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "467", - "typeID": "Icon", - "zOrder": "470", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "630", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "468", - "typeID": "Icon", - "zOrder": "471", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "630", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "469", - "typeID": "Icon", - "zOrder": "472", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "679", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "470", - "typeID": "Icon", - "zOrder": "473", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "679", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "471", - "typeID": "Icon", - "zOrder": "474", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "728", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "472", - "typeID": "Icon", - "zOrder": "475", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "728", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "473", - "typeID": "Icon", - "zOrder": "476", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "783", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "474", - "typeID": "Icon", - "zOrder": "477", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "783", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "475", - "typeID": "Icon", - "zOrder": "478", - "measuredW": "24", - "measuredH": "24", - "x": "1282", - "y": "652", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "476", - "typeID": "Icon", - "zOrder": "479", - "measuredW": "24", - "measuredH": "24", - "x": "1282", - "y": "652", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "477", - "typeID": "Icon", - "zOrder": "480", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "753", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "478", - "typeID": "Icon", - "zOrder": "481", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "753", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "479", - "typeID": "Icon", - "zOrder": "482", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "802", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "480", - "typeID": "Icon", - "zOrder": "483", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "802", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "481", - "typeID": "Icon", - "zOrder": "484", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "849", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "482", - "typeID": "Icon", - "zOrder": "485", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "849", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "483", - "typeID": "Icon", - "zOrder": "486", - "measuredW": "24", - "measuredH": "24", - "x": "151", - "y": "895", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "484", - "typeID": "Icon", - "zOrder": "487", - "measuredW": "24", - "measuredH": "24", - "x": "151", - "y": "895", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "485", - "typeID": "Icon", - "zOrder": "488", - "measuredW": "24", - "measuredH": "24", - "x": "151", - "y": "947", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "486", - "typeID": "Icon", - "zOrder": "489", - "measuredW": "24", - "measuredH": "24", - "x": "151", - "y": "947", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "487", - "typeID": "Icon", - "zOrder": "490", - "measuredW": "24", - "measuredH": "24", - "x": "513", - "y": "972", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "488", - "typeID": "Icon", - "zOrder": "491", - "measuredW": "24", - "measuredH": "24", - "x": "513", - "y": "972", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "489", - "typeID": "Icon", - "zOrder": "492", - "measuredW": "24", - "measuredH": "24", - "x": "564", - "y": "439", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "490", - "typeID": "Icon", - "zOrder": "493", - "measuredW": "24", - "measuredH": "24", - "x": "564", - "y": "439", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "491", - "typeID": "Icon", - "zOrder": "494", - "measuredW": "24", - "measuredH": "24", - "x": "994", - "y": "974", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "492", - "typeID": "Icon", - "zOrder": "495", - "measuredW": "24", - "measuredH": "24", - "x": "994", - "y": "974", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "493", - "typeID": "Icon", - "zOrder": "496", - "measuredW": "24", - "measuredH": "24", - "x": "564", - "y": "1065", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "494", - "typeID": "Icon", - "zOrder": "497", - "measuredW": "24", - "measuredH": "24", - "x": "564", - "y": "1065", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "495", - "typeID": "Icon", - "zOrder": "498", - "measuredW": "24", - "measuredH": "24", - "x": "228", - "y": "1229", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "496", - "typeID": "Icon", - "zOrder": "499", - "measuredW": "24", - "measuredH": "24", - "x": "228", - "y": "1229", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "497", - "typeID": "Icon", - "zOrder": "500", - "measuredW": "24", - "measuredH": "24", - "x": "228", - "y": "1290", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "498", - "typeID": "Icon", - "zOrder": "501", - "measuredW": "24", - "measuredH": "24", - "x": "228", - "y": "1290", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "499", - "typeID": "TextArea", - "zOrder": "502", - "w": "146", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "1147", - "y": "1428", - "properties": { - "color": "16770457" - } - }, - { - "ID": "500", - "typeID": "Label", - "zOrder": "503", - "w": "74", - "measuredW": "70", - "measuredH": "25", - "x": "1186", - "y": "1438", - "properties": { - "size": "17", - "text": "PostCSS" - } - }, - { - "ID": "501", - "typeID": "Icon", - "zOrder": "504", - "measuredW": "24", - "measuredH": "24", - "x": "1278", - "y": "1423", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "502", - "typeID": "Icon", - "zOrder": "505", - "measuredW": "24", - "measuredH": "24", - "x": "1278", - "y": "1423", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "503", - "typeID": "TextArea", - "zOrder": "506", - "w": "146", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1147", - "y": "1381", - "properties": { - "color": "16776960" - } - }, - { - "ID": "504", - "typeID": "Label", - "zOrder": "507", - "w": "46", - "measuredW": "40", - "measuredH": "25", - "x": "1197", - "y": "1389", - "properties": { - "size": "17", - "text": "Sass" - } - }, - { - "ID": "505", - "typeID": "Icon", - "zOrder": "508", - "measuredW": "24", - "measuredH": "24", - "x": "1279", - "y": "1374", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "506", - "typeID": "Icon", - "zOrder": "509", - "measuredW": "24", - "measuredH": "24", - "x": "1279", - "y": "1374", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "507", - "typeID": "Icon", - "zOrder": "510", - "measuredW": "24", - "measuredH": "24", - "x": "141", - "y": "1369", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "508", - "typeID": "Icon", - "zOrder": "511", - "measuredW": "24", - "measuredH": "24", - "x": "141", - "y": "1369", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "509", - "typeID": "Icon", - "zOrder": "512", - "measuredW": "24", - "measuredH": "24", - "x": "153", - "y": "391", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "510", - "typeID": "Icon", - "zOrder": "513", - "measuredW": "24", - "measuredH": "24", - "x": "153", - "y": "391", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "511", - "typeID": "Icon", - "zOrder": "514", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "443", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "512", - "typeID": "Icon", - "zOrder": "515", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "443", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "513", - "typeID": "Icon", - "zOrder": "516", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "488", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "514", - "typeID": "Icon", - "zOrder": "517", - "measuredW": "24", - "measuredH": "24", - "x": "152", - "y": "488", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "515", - "typeID": "Icon", - "zOrder": "518", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "388", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "516", - "typeID": "Icon", - "zOrder": "519", - "measuredW": "24", - "measuredH": "24", - "x": "1140", - "y": "388", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "517", - "typeID": "Icon", - "zOrder": "520", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "438", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "518", - "typeID": "Icon", - "zOrder": "521", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "438", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "519", - "typeID": "Icon", - "zOrder": "522", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "483", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "520", - "typeID": "Icon", - "zOrder": "523", - "measuredW": "24", - "measuredH": "24", - "x": "1139", - "y": "483", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "521", - "typeID": "Icon", - "zOrder": "524", - "measuredW": "24", - "measuredH": "24", - "x": "828", - "y": "1159", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "522", - "typeID": "Icon", - "zOrder": "525", - "measuredW": "24", - "measuredH": "24", - "x": "828", - "y": "1159", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "523", - "typeID": "Icon", - "zOrder": "526", - "measuredW": "24", - "measuredH": "24", - "x": "144", - "y": "1566", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "524", - "typeID": "Icon", - "zOrder": "527", - "measuredW": "24", - "measuredH": "24", - "x": "144", - "y": "1566", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "525", - "typeID": "Icon", - "zOrder": "528", - "measuredW": "24", - "measuredH": "24", - "x": "1281", - "y": "1549", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "526", - "typeID": "Icon", - "zOrder": "529", - "measuredW": "24", - "measuredH": "24", - "x": "1281", - "y": "1549", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "527", - "typeID": "Icon", - "zOrder": "530", - "measuredW": "24", - "measuredH": "24", - "x": "1281", - "y": "1596", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "528", - "typeID": "Icon", - "zOrder": "531", - "measuredW": "24", - "measuredH": "24", - "x": "1281", - "y": "1596", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "529", - "typeID": "Label", - "zOrder": "532", - "measuredW": "277", - "measuredH": "24", - "x": "210", - "y": "237", - "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" - } - }, - { - "ID": "530", - "typeID": "Icon", - "zOrder": "533", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "236", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "531", - "typeID": "Icon", - "zOrder": "534", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "236", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "532", - "typeID": "Icon", - "zOrder": "535", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "236", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "533", - "typeID": "Icon", - "zOrder": "536", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1681", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "534", - "typeID": "Icon", - "zOrder": "537", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1681", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "535", - "typeID": "Icon", - "zOrder": "538", - "measuredW": "24", - "measuredH": "24", - "x": "141", - "y": "1856", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "536", - "typeID": "Icon", - "zOrder": "539", - "measuredW": "24", - "measuredH": "24", - "x": "141", - "y": "1856", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "537", - "typeID": "TextArea", - "zOrder": "540", - "w": "221", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "148", - "y": "1954", - "properties": { - "color": "16770457" - } - }, - { - "ID": "538", - "typeID": "Label", - "zOrder": "541", - "w": "90", - "measuredW": "88", - "measuredH": "25", - "x": "214", - "y": "1962", - "properties": { - "size": "17", - "text": "Styled JSX" - } - }, - { - "ID": "539", - "typeID": "Arrow", - "zOrder": "542", - "w": "122", - "h": "127", - "measuredW": "150", - "measuredH": "100", - "x": "368", - "y": "1990", - "properties": { - "color": "10027263", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 121, - "y": 0 - }, - "p1": { - "x": 0.5036228023441662, - "y": 0.00367607884922756 - }, - "p2": { - "x": 0, - "y": 126 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "540", - "typeID": "Icon", - "zOrder": "543", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1033", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "541", - "typeID": "Icon", - "zOrder": "544", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1033", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "542", - "typeID": "Icon", - "zOrder": "545", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1033", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "543", - "typeID": "Icon", - "zOrder": "546", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1090", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "544", - "typeID": "Icon", - "zOrder": "547", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1090", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "545", - "typeID": "Icon", - "zOrder": "548", - "measuredW": "24", - "measuredH": "24", - "x": "996", - "y": "1090", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "546", - "typeID": "Icon", - "zOrder": "549", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1729", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "547", - "typeID": "Icon", - "zOrder": "550", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1729", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "548", - "typeID": "Icon", - "zOrder": "551", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1729", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "549", - "typeID": "Icon", - "zOrder": "552", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1774", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "550", - "typeID": "Icon", - "zOrder": "553", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1774", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "551", - "typeID": "Icon", - "zOrder": "554", - "measuredW": "24", - "measuredH": "24", - "x": "143", - "y": "1774", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "552", - "typeID": "Icon", - "zOrder": "555", - "measuredW": "24", - "measuredH": "24", - "x": "140", - "y": "1904", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "553", - "typeID": "Icon", - "zOrder": "556", - "measuredW": "24", - "measuredH": "24", - "x": "140", - "y": "1904", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "554", - "typeID": "Icon", - "zOrder": "557", - "measuredW": "24", - "measuredH": "24", - "x": "139", - "y": "1950", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "555", - "typeID": "Icon", - "zOrder": "558", - "measuredW": "24", - "measuredH": "24", - "x": "139", - "y": "1950", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "556", - "typeID": "Icon", - "zOrder": "559", - "measuredW": "24", - "measuredH": "24", - "x": "139", - "y": "1950", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "557", - "typeID": "Icon", - "zOrder": "560", - "measuredW": "24", - "measuredH": "24", - "x": "140", - "y": "1996", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "558", - "typeID": "Icon", - "zOrder": "561", - "measuredW": "24", - "measuredH": "24", - "x": "140", - "y": "1996", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "559", - "typeID": "Icon", - "zOrder": "562", - "measuredW": "24", - "measuredH": "24", - "x": "140", - "y": "1996", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "560", - "typeID": "Icon", - "zOrder": "563", - "measuredW": "24", - "measuredH": "24", - "x": "913", - "y": "1742", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "561", - "typeID": "Icon", - "zOrder": "564", - "measuredW": "24", - "measuredH": "24", - "x": "913", - "y": "1742", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "562", - "typeID": "Icon", - "zOrder": "565", - "measuredW": "24", - "measuredH": "24", - "x": "944", - "y": "1833", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "563", - "typeID": "Icon", - "zOrder": "566", - "measuredW": "24", - "measuredH": "24", - "x": "944", - "y": "1833", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "564", - "typeID": "Icon", - "zOrder": "567", - "measuredW": "24", - "measuredH": "24", - "x": "944", - "y": "1833", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "565", - "typeID": "Icon", - "zOrder": "568", - "measuredW": "24", - "measuredH": "24", - "x": "945", - "y": "1917", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "566", - "typeID": "Icon", - "zOrder": "569", - "measuredW": "24", - "measuredH": "24", - "x": "945", - "y": "1917", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "567", - "typeID": "Icon", - "zOrder": "570", - "measuredW": "24", - "measuredH": "24", - "x": "945", - "y": "1917", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "568", - "typeID": "Icon", - "zOrder": "571", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1719", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "569", - "typeID": "Icon", - "zOrder": "572", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1719", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "570", - "typeID": "Icon", - "zOrder": "573", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1767", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "571", - "typeID": "Icon", - "zOrder": "574", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1767", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "572", - "typeID": "Icon", - "zOrder": "575", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1767", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "573", - "typeID": "Icon", - "zOrder": "576", - "measuredW": "24", - "measuredH": "24", - "x": "936", - "y": "2028", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "574", - "typeID": "Icon", - "zOrder": "577", - "measuredW": "24", - "measuredH": "24", - "x": "936", - "y": "2028", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "575", - "typeID": "Icon", - "zOrder": "578", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "1991", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "576", - "typeID": "Icon", - "zOrder": "579", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "1991", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "577", - "typeID": "Icon", - "zOrder": "580", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "2040", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "578", - "typeID": "Icon", - "zOrder": "581", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "2040", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "579", - "typeID": "Icon", - "zOrder": "582", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "2082", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "580", - "typeID": "Icon", - "zOrder": "583", - "measuredW": "24", - "measuredH": "24", - "x": "1222", - "y": "2082", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "581", - "typeID": "Icon", - "zOrder": "584", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2158", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "582", - "typeID": "Icon", - "zOrder": "585", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2158", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "583", - "typeID": "Icon", - "zOrder": "586", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2206", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "584", - "typeID": "Icon", - "zOrder": "587", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2206", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "585", - "typeID": "Icon", - "zOrder": "588", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2250", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "586", - "typeID": "Icon", - "zOrder": "589", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2250", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "587", - "typeID": "Icon", - "zOrder": "590", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2250", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "588", - "typeID": "Icon", - "zOrder": "591", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2293", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "589", - "typeID": "Icon", - "zOrder": "592", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2293", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "590", - "typeID": "Icon", - "zOrder": "593", - "measuredW": "24", - "measuredH": "24", - "x": "844", - "y": "2293", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "591", - "typeID": "Icon", - "zOrder": "594", - "measuredW": "24", - "measuredH": "24", - "x": "1291", - "y": "2159", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "592", - "typeID": "Icon", - "zOrder": "595", - "measuredW": "24", - "measuredH": "24", - "x": "1291", - "y": "2159", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "593", - "typeID": "Icon", - "zOrder": "596", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2219", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "594", - "typeID": "Icon", - "zOrder": "597", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2219", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "595", - "typeID": "Icon", - "zOrder": "598", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2219", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "596", - "typeID": "Icon", - "zOrder": "599", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2280", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "597", - "typeID": "Icon", - "zOrder": "600", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2280", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "598", - "typeID": "Icon", - "zOrder": "601", - "measuredW": "24", - "measuredH": "24", - "x": "1294", - "y": "2280", + "controlName": "100-version-control-systems:basic-usage-of-git" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "54", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "155", + "measuredW": "146", + "measuredH": "25", + "x": "40", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Basic Usage of Git" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1431", + "typeID": "__group__", + "zOrder": "105", + "measuredW": "352", + "measuredH": "78", + "w": "352", + "h": "78", + "x": "885", + "y": "882", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "599", - "typeID": "Icon", - "zOrder": "602", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2243", + "controlName": "105-repo-hosting-services" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "352", + "h": "78", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "189", + "measuredW": "171", + "measuredH": "25", + "x": "77", + "y": "15", + "properties": { + "bold": "true", + "size": "17", + "text": "Repo hosting services" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "279", + "measuredW": "275", + "measuredH": "23", + "x": "32", + "y": "41", + "properties": { + "size": "15", + "text": "Create account and Learn to use GitHub" + } + } + ] + } + } + }, + { + "ID": "1432", + "typeID": "__group__", + "zOrder": "104", + "measuredW": "240", + "measuredH": "58", + "w": "240", + "h": "58", + "x": "994", + "y": "974", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "600", - "typeID": "Icon", - "zOrder": "603", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2243", + "controlName": "100-repo-hosting-services:github" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "64", + "measuredW": "55", + "measuredH": "25", + "x": "97", + "y": "22", + "properties": { + "bold": "true", + "size": "17", + "text": "GitHub" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1433", + "typeID": "__group__", + "zOrder": "111", + "measuredW": "238", + "measuredH": "55", + "w": "238", + "h": "55", + "x": "996", + "y": "1033", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "601", - "typeID": "Icon", - "zOrder": "604", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2292", + "controlName": "101-repo-hosting-services:gitlab" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "6", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "52", + "measuredH": "25", + "x": "93", + "y": "18", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "GitLab" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "6", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1434", + "typeID": "__group__", + "zOrder": "110", + "measuredW": "238", + "measuredH": "54", + "w": "238", + "h": "54", + "x": "996", + "y": "1090", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "602", - "typeID": "Icon", - "zOrder": "605", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2292", + "controlName": "102-repo-hosting-services:bitbucket" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "80", + "measuredW": "75", + "measuredH": "25", + "x": "83", + "y": "17", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "Bitbucket" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "230", + "h": "48", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1435", + "typeID": "__group__", + "zOrder": "112", + "measuredW": "381", + "measuredH": "62", + "w": "381", + "h": "62", + "x": "564", + "y": "1065", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "603", - "typeID": "Icon", - "zOrder": "606", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2335", + "controlName": "106-web-security-knowledge" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "372", + "h": "54", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "203", + "measuredW": "192", + "measuredH": "25", + "x": "94", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Web Security Knowledge" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1436", + "typeID": "__group__", + "zOrder": "114", + "measuredW": "465", + "measuredH": "170", + "w": "465", + "h": "170", + "x": "828", + "y": "1159", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "604", - "typeID": "Icon", - "zOrder": "607", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2335", + "controlName": "106-web-security-knowledge" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "456", + "h": "161", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "9" + }, + { + "ID": "9", + "typeID": "Label", + "zOrder": "5", + "w": "372", + "measuredW": "344", + "measuredH": "25", + "x": "25", + "y": "22", + "properties": { + "size": "17", + "text": "Get at least a basic knowledge of all of these" + } + }, + { + "ID": "10", + "typeID": "Icon", + "zOrder": "6", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "11", + "typeID": "Icon", + "zOrder": "7", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "12", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "166", + "measuredH": "49", + "w": "166", + "h": "49", + "x": "23", + "y": "53", + "properties": { + "controlName": "100-web-security-knowledge:https" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "166", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "63", + "measuredW": "53", + "measuredH": "25", + "x": "54", + "y": "12", + "properties": { + "bold": "true", + "size": "17", + "text": "HTTPS" + } + } + ] + } + } + }, + { + "ID": "13", + "typeID": "__group__", + "zOrder": "1", + "measuredW": "163", + "measuredH": "48", + "w": "163", + "h": "48", + "x": "24", + "y": "108", + "properties": { + "controlName": "102-web-security-knowledge:cors" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "163", + "h": "48", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "51", + "measuredW": "47", + "measuredH": "25", + "x": "56", + "y": "12", + "properties": { + "bold": "true", + "size": "17", + "text": "CORS" + } + } + ] + } + } + }, + { + "ID": "14", + "typeID": "__group__", + "zOrder": "3", + "measuredW": "257", + "measuredH": "49", + "w": "257", + "h": "49", + "x": "194", + "y": "53", + "properties": { + "controlName": "101-web-security-knowledge:content-security-policy" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "257", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "196", + "measuredW": "179", + "measuredH": "25", + "x": "31", + "y": "12", + "properties": { + "bold": "true", + "size": "17", + "text": "Content Security Policy" + } + } + ] + } + } + }, + { + "ID": "15", + "typeID": "__group__", + "zOrder": "4", + "measuredW": "257", + "measuredH": "49", + "w": "257", + "h": "49", + "x": "194", + "y": "107", + "properties": { + "controlName": "103-web-security-knowledge:owasp-security-risks" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "257", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "187", + "measuredW": "172", + "measuredH": "25", + "x": "43", + "y": "12", + "properties": { + "bold": "true", + "size": "17", + "text": "OWASP Security Risks" + } + } + ] + } + } + } + ] + } + } + }, + { + "ID": "1437", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "297", + "measuredH": "107", + "w": "297", + "h": "107", + "x": "160", + "y": "1108", + "properties": { + "controlName": "package-managers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "297", + "h": "107", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "261", + "measuredW": "244", + "measuredH": "25", + "x": "16", + "y": "14", + "properties": { + "size": "17", + "text": "npm and yarn both are fine, pick" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "132", + "measuredW": "127", + "measuredH": "25", + "x": "16", + "y": "67", + "properties": { + "size": "17", + "text": "much difference." + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "248", + "measuredW": "226", + "measuredH": "25", + "x": "16", + "y": "41", + "properties": { + "size": "17", + "text": "one or learn both, there is not" + } + } + ] + } + } + }, + { + "ID": "1438", + "typeID": "__group__", + "zOrder": "107", + "measuredW": "211", + "measuredH": "53", + "w": "211", + "h": "53", + "x": "508", + "y": "1244", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "605", - "typeID": "Icon", - "zOrder": "608", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2378", + "controlName": "107-package-managers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "211", + "h": "53", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "154", + "measuredW": "150", + "measuredH": "25", + "x": "29", + "y": "14", + "properties": { + "bold": "true", + "size": "17", + "text": "Package Managers" + } + } + ] + } + } + }, + { + "ID": "1439", + "typeID": "__group__", + "zOrder": "108", + "measuredW": "158", + "measuredH": "58", + "w": "158", + "h": "58", + "x": "228", + "y": "1229", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "606", - "typeID": "Icon", - "zOrder": "609", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2378", + "controlName": "100-package-managers:npm" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "36", + "measuredW": "34", + "measuredH": "25", + "x": "64", + "y": "21", + "properties": { + "bold": "true", + "size": "17", + "text": "npm" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1440", + "typeID": "__group__", + "zOrder": "42", + "measuredW": "158", + "measuredH": "56", + "w": "158", + "h": "56", + "x": "228", + "y": "1290", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "607", - "typeID": "Icon", - "zOrder": "610", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2516", + "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": "1441", + "typeID": "__group__", + "zOrder": "116", + "measuredW": "392", + "measuredH": "141", + "w": "392", + "h": "141", + "x": "312", + "y": "1378", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "608", - "typeID": "Icon", - "zOrder": "611", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "2516", + "controlName": "108-css-architecture" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "392", + "h": "141", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "148", + "measuredW": "133", + "measuredH": "25", + "x": "122", + "y": "18", + "properties": { + "bold": "true", + "size": "17", + "text": "CSS Architecture" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "351", + "measuredW": "335", + "measuredH": "23", + "x": "19", + "y": "51", + "properties": { + "size": "15", + "text": "With modern frameworks and CSS-in-JS you don't" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "359", + "measuredW": "344", + "measuredH": "23", + "x": "19", + "y": "77", + "properties": { + "size": "15", + "text": "have to worry about these anymore but still it would" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "359", + "measuredW": "347", + "measuredH": "23", + "x": "19", + "y": "103", + "properties": { + "size": "15", + "text": "be a good idea to get familiarized with BEM atleast." + } + } + ] + } + } + }, + { + "ID": "1442", + "typeID": "__group__", + "zOrder": "117", + "measuredW": "156", + "measuredH": "48", + "w": "156", + "h": "48", + "x": "141", + "y": "1369", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "609", - "typeID": "Icon", - "zOrder": "612", - "measuredW": "24", - "measuredH": "24", - "x": "388", - "y": "2626", + "controlName": "100-css-architecture:bem" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "146", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "45", + "measuredW": "38", + "measuredH": "25", + "x": "66", + "y": "16", + "properties": { + "size": "17", + "text": "BEM" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1443", + "typeID": "__group__", + "zOrder": "119", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "152", + "y": "1423", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "610", - "typeID": "Icon", - "zOrder": "613", - "measuredW": "24", - "measuredH": "24", - "x": "388", - "y": "2626", + "controlName": "101-css-architecture:oocss" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "62", + "measuredW": "58", + "measuredH": "25", + "x": "42", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "OOCSS" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1444", + "typeID": "__group__", + "zOrder": "118", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "151", + "y": "1474", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "611", - "typeID": "Icon", - "zOrder": "614", - "measuredW": "24", - "measuredH": "24", - "x": "1286", - "y": "2501", + "controlName": "102-css-architecture:smacss" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "73", + "measuredW": "68", + "measuredH": "25", + "x": "36", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "SMACSS" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1445", + "typeID": "__group__", + "zOrder": "115", + "measuredW": "392", + "measuredH": "141", + "w": "392", + "h": "141", + "x": "723", + "y": "1381", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "612", - "typeID": "Icon", - "zOrder": "615", - "measuredW": "24", - "measuredH": "24", - "x": "1286", - "y": "2501", + "controlName": "109-css-preprocessors" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "392", + "h": "141", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "157", + "measuredW": "151", + "measuredH": "25", + "x": "113", + "y": "17", + "properties": { + "bold": "true", + "size": "17", + "text": "CSS Preprocessors" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "350", + "measuredW": "332", + "measuredH": "23", + "x": "18", + "y": "49", + "properties": { + "size": "15", + "text": "With how the modern frameworks there has been" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "356", + "measuredW": "344", + "measuredH": "23", + "x": "18", + "y": "76", + "properties": { + "size": "15", + "text": "more push towards CSS-in-JS so you may not need" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "350", + "measuredW": "324", + "measuredH": "23", + "x": "18", + "y": "102", + "properties": { + "size": "15", + "text": "these but still a good idea to familiarize yourself." + } + } + ] + } + } + }, + { + "ID": "1446", + "typeID": "__group__", + "zOrder": "240", + "measuredW": "156", + "measuredH": "48", + "w": "156", + "h": "48", + "x": "1147", + "y": "1374", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "613", - "typeID": "Icon", - "zOrder": "616", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1818", + "controlName": "100-css-preprocessors:sass" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "146", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "46", + "measuredW": "37", + "measuredH": "25", + "x": "50", + "y": "15", + "properties": { + "size": "17", + "text": "Sass" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1447", + "typeID": "__group__", + "zOrder": "239", + "measuredW": "155", + "measuredH": "48", + "w": "155", + "h": "48", + "x": "1147", + "y": "1423", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "614", - "typeID": "Icon", - "zOrder": "617", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1818", + "controlName": "101-css-preprocessors:postcss" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "146", + "h": "43", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "74", + "measuredW": "66", + "measuredH": "25", + "x": "39", + "y": "15", + "properties": { + "size": "17", + "text": "PostCSS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1448", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "1148", + "y": "1476", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "615", - "typeID": "Icon", - "zOrder": "618", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1818", + "controlName": "102-css-preprocessors:less" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "41", + "measuredW": "37", + "measuredH": "25", + "x": "52", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "Less" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1449", + "typeID": "__group__", + "zOrder": "120", + "measuredW": "214", + "measuredH": "50", + "w": "214", + "h": "50", + "x": "596", + "y": "1603", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "616", - "typeID": "Icon", - "zOrder": "619", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1868", + "controlName": "110-build-tools" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "214", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "85", + "measuredH": "25", + "x": "62", + "y": "13", + "properties": { + "bold": "true", + "size": "17", + "text": "Build Tools" + } + } + ] + } + } + }, + { + "ID": "1450", + "typeID": "__group__", + "zOrder": "121", + "measuredW": "138", + "measuredH": "50", + "w": "138", + "h": "50", + "x": "365", + "y": "1546", + "properties": { + "controlName": "100-build-tools:task-runners" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "138", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "25", + "x": "17", + "y": "14", + "properties": { + "bold": "true", + "size": "17", + "text": "Task Runners" + } + } + ] + } + } + }, + { + "ID": "1451", + "typeID": "__group__", + "zOrder": "123", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "868", + "y": "1604", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "617", - "typeID": "Icon", - "zOrder": "620", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1868", + "controlName": "102-build-tools:linters-formatters" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "225", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "179", + "measuredH": "25", + "x": "19", + "y": "13", + "properties": { + "bold": "true", + "size": "17", + "text": "Linters and Formatters" + } + } + ] + } + } + }, + { + "ID": "1452", + "typeID": "__group__", + "zOrder": "124", + "measuredW": "155", + "measuredH": "46", + "w": "155", + "h": "46", + "x": "1150", + "y": "1549", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "618", - "typeID": "Icon", - "zOrder": "621", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1868", + "controlName": "100-build-tools:linters-formatters:prettier" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "66", + "measuredW": "58", + "measuredH": "25", + "x": "44", + "y": "14", + "properties": { + "size": "17", + "text": "Prettier" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1453", + "typeID": "__group__", + "zOrder": "125", + "measuredW": "155", + "measuredH": "44", + "w": "155", + "h": "44", + "x": "1150", + "y": "1596", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "619", - "typeID": "Icon", - "zOrder": "622", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1918", + "controlName": "101-build-tools:linters-formatters:eslint" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "53", + "measuredW": "51", + "measuredH": "25", + "x": "46", + "y": "12", + "properties": { + "size": "17", + "text": "ESLint" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1454", + "typeID": "__group__", + "zOrder": "126", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "1151", + "y": "1646", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "620", - "typeID": "Icon", - "zOrder": "623", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1918", + "controlName": "102-build-tools:linters-formatters:standardjs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "91", + "measuredH": "25", + "x": "26", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "StandardJS" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1455", + "typeID": "__group__", + "zOrder": "122", + "measuredW": "183", + "measuredH": "56", + "w": "183", + "h": "56", + "x": "146", + "y": "1536", + "properties": { + "controlName": "100-build-tools:task-runners:npm-scripts" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "176", + "h": "45", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "97", + "measuredW": "89", + "measuredH": "25", + "x": "47", + "y": "21", + "properties": { + "size": "17", + "text": "npm scripts" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1457", + "typeID": "__group__", + "zOrder": "131", + "measuredW": "177", + "measuredH": "50", + "w": "177", + "h": "50", + "x": "411", + "y": "1723", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "621", - "typeID": "Icon", - "zOrder": "624", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "1918", + "controlName": "101-build-tools:module-bundlers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "133", + "measuredH": "25", + "x": "23", + "y": "13", + "properties": { + "bold": "true", + "size": "17", + "text": "Module Bundlers" + } + } + ] + } + } + }, + { + "ID": "1458", + "typeID": "__group__", + "zOrder": "128", + "measuredW": "185", + "measuredH": "47", + "w": "185", + "h": "47", + "x": "143", + "y": "1601", + "properties": { + "controlName": "100-build-tools:module-bundlers:webpack" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "72", + "measuredW": "72", + "measuredH": "25", + "x": "61", + "y": "15", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "90", + "measuredW": "72", + "measuredH": "25", + "x": "61", + "y": "15", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1465", + "typeID": "__group__", + "zOrder": "243", + "measuredW": "185", + "measuredH": "47", + "w": "185", + "h": "47", + "x": "142", + "y": "1648", + "properties": { + "controlName": "101-build-tools:module-bundlers:esbuild" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "72", + "measuredW": "72", + "measuredH": "25", + "x": "61", + "y": "15", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "55", + "measuredH": "25", + "x": "69", + "y": "14", + "properties": { + "size": "17", + "text": "esbuild" + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1468", + "typeID": "__group__", + "zOrder": "129", + "measuredW": "184", + "measuredH": "44", + "w": "184", + "h": "44", + "x": "143", + "y": "1696", "properties": { - "color": "40463", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "622", - "typeID": "Icon", - "zOrder": "625", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2627", + "controlName": "102-build-tools:module-bundlers:rollup" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Rollup" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "63", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Rollup" + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "6", + "typeID": "Icon", + "zOrder": "6", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1469", + "typeID": "__group__", + "zOrder": "130", + "measuredW": "184", + "measuredH": "44", + "w": "184", + "h": "44", + "x": "143", + "y": "1741", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "623", - "typeID": "Icon", - "zOrder": "626", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2627", + "controlName": "103-build-tools:module-bundlers:parcel" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "1", + "typeID": "TextArea", + "zOrder": "1", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "63", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1470", + "typeID": "Arrow", + "zOrder": "4", + "w": "111", + "h": "37", + "measuredW": "150", + "measuredH": "100", + "x": "307", + "y": "1714", "properties": { "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "624", - "typeID": "Icon", - "zOrder": "627", - "measuredW": "24", - "measuredH": "24", - "x": "1163", - "y": "2644", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" + "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": "625", - "typeID": "Icon", - "zOrder": "628", - "measuredW": "24", - "measuredH": "24", - "x": "1163", - "y": "2644", + "ID": "1471", + "typeID": "__group__", + "zOrder": "244", + "measuredW": "184", + "measuredH": "44", + "w": "184", + "h": "44", + "x": "143", + "y": "1787", + "properties": { + "controlName": "104-build-tools:module-bundlers:vite" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "1", + "typeID": "TextArea", + "zOrder": "1", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "30", + "measuredH": "25", + "x": "81", + "y": "11", + "properties": { + "size": "17", + "text": "Vite" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1473", + "typeID": "Arrow", + "zOrder": "3", + "w": "114", + "h": "62", + "measuredW": "150", + "measuredH": "100", + "x": "311", + "y": "1749", "properties": { "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" + "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": "626", - "typeID": "Icon", - "zOrder": "629", - "measuredW": "24", - "measuredH": "24", - "x": "1165", - "y": "2735", + "ID": "1474", + "typeID": "__group__", + "zOrder": "132", + "measuredW": "267", + "measuredH": "53", + "w": "267", + "h": "53", + "x": "622", + "y": "1840", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "627", - "typeID": "Icon", - "zOrder": "630", - "measuredW": "24", - "measuredH": "24", - "x": "1165", - "y": "2735", + "controlName": "111-a-framework" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "267", + "h": "53", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "142", + "measuredW": "138", + "measuredH": "25", + "x": "63", + "y": "14", + "properties": { + "bold": "true", + "size": "17", + "text": "Pick a Framework" + } + } + ] + } + } + }, + { + "ID": "1475", + "typeID": "__group__", + "zOrder": "133", + "measuredW": "152", + "measuredH": "48", + "w": "152", + "h": "48", + "x": "913", + "y": "1742", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "628", - "typeID": "Icon", - "zOrder": "631", - "measuredW": "24", - "measuredH": "24", - "x": "1165", - "y": "2735", + "controlName": "100-pick-a-framework:react-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "68", + "measuredW": "62", + "measuredH": "25", + "x": "46", + "y": "16", + "properties": { + "size": "17", + "text": "React.js" + } + }, + { + "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": "1483", + "typeID": "__group__", + "zOrder": "245", + "measuredW": "93", + "measuredH": "41", + "w": "93", + "h": "41", + "x": "1246", + "y": "1770", + "properties": { + "controlName": "102-pick-a-framework:react-js:recoil" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "85", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "1", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "49", + "measuredH": "25", + "x": "14", + "y": "8", + "properties": { + "size": "17", + "text": "Recoil" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "69", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "69", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "69", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1484", + "typeID": "__group__", + "zOrder": "136", + "measuredW": "185", + "measuredH": "47", + "w": "185", + "h": "47", + "x": "1155", + "y": "1719", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "629", - "typeID": "Icon", - "zOrder": "632", - "measuredW": "24", - "measuredH": "24", - "x": "1166", - "y": "2789", + "controlName": "100-pick-a-framework:react-js:redux" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "52", + "measuredW": "50", + "measuredH": "25", + "x": "63", + "y": "15", + "properties": { + "size": "17", + "text": "Redux" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1486", + "typeID": "__group__", + "zOrder": "137", + "measuredW": "88", + "measuredH": "43", + "w": "88", + "h": "43", + "x": "1155", + "y": "1768", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "630", - "typeID": "Icon", - "zOrder": "633", - "measuredW": "24", - "measuredH": "24", - "x": "1166", - "y": "2789", + "controlName": "101-pick-a-framework:react-js:mobx" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "84", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "47", + "measuredW": "44", + "measuredH": "25", + "x": "13", + "y": "10", + "properties": { + "size": "17", + "text": "MobX" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1487", + "typeID": "__group__", + "zOrder": "134", + "measuredW": "153", + "measuredH": "50", + "w": "153", + "h": "50", + "x": "944", + "y": "1833", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "631", - "typeID": "Icon", - "zOrder": "634", - "measuredW": "24", - "measuredH": "24", - "x": "1166", - "y": "2789", + "controlName": "101-pick-a-framework:angular" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "64", + "measuredW": "59", + "measuredH": "25", + "x": "49", + "y": "18", + "properties": { + "size": "17", + "text": "Angular" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1488", + "typeID": "__group__", + "zOrder": "141", + "measuredW": "185", + "measuredH": "48", + "w": "185", + "h": "48", + "x": "1155", + "y": "1818", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "632", - "typeID": "Icon", - "zOrder": "635", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2735", + "controlName": "100-pick-a-framework:angular:rxjs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "44", + "measuredW": "40", + "measuredH": "25", + "x": "67", + "y": "16", + "properties": { + "size": "17", + "text": "RxJS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1489", + "typeID": "__group__", + "zOrder": "142", + "measuredW": "185", + "measuredH": "44", + "w": "185", + "h": "44", + "x": "1155", + "y": "1868", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "633", - "typeID": "Icon", - "zOrder": "636", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2735", + "controlName": "101-pick-a-framework:angular:ngrx" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "46", + "measuredW": "43", + "measuredH": "25", + "x": "67", + "y": "12", + "properties": { + "size": "17", + "text": "NgRx" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1490", + "typeID": "__group__", + "zOrder": "135", + "measuredW": "152", + "measuredH": "50", + "w": "152", + "h": "50", + "x": "945", + "y": "1917", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "634", - "typeID": "Icon", - "zOrder": "637", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2735", + "controlName": "102-pick-a-framework:vue-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "45", + "measuredH": "25", + "x": "58", + "y": "17", + "properties": { + "text": "Vue.js", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1491", + "typeID": "__group__", + "zOrder": "140", + "measuredW": "185", + "measuredH": "49", + "w": "185", + "h": "49", + "x": "1155", + "y": "1918", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "635", - "typeID": "Icon", - "zOrder": "638", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "2789", + "controlName": "100-pick-a-framework:vue-js:vuex" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "44", + "measuredW": "39", + "measuredH": "25", + "x": "64", + "y": "18", + "properties": { + "size": "17", + "text": "VueX" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "40463", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1492", + "typeID": "__group__", + "zOrder": "138", + "measuredW": "203", + "measuredH": "50", + "w": "203", + "h": "50", + "x": "483", + "y": "1942", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "636", - "typeID": "Icon", - "zOrder": "639", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "2789", + "controlName": "112-modern-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "203", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "98", + "measuredH": "25", + "x": "53", + "y": "13", + "properties": { + "bold": "true", + "size": "17", + "text": "Modern CSS" + } + } + ] + } + } + }, + { + "ID": "1493", + "typeID": "__group__", + "zOrder": "143", + "measuredW": "229", + "measuredH": "48", + "w": "229", + "h": "48", + "x": "141", + "y": "1856", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "637", - "typeID": "Icon", - "zOrder": "640", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "2789", + "controlName": "100-modern-css:styled-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "221", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "151", + "measuredW": "150", + "measuredH": "25", + "x": "43", + "y": "16", + "properties": { + "size": "17", + "text": "Styled Components" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1494", + "typeID": "__group__", + "zOrder": "144", + "measuredW": "230", + "measuredH": "44", + "w": "230", + "h": "44", + "x": "140", + "y": "1904", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "638", - "typeID": "Icon", - "zOrder": "641", - "measuredW": "24", - "measuredH": "24", - "x": "759", - "y": "2869", + "controlName": "101-modern-css:css-modules" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "221", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "103", + "measuredW": "103", + "measuredH": "25", + "x": "68", + "y": "12", + "properties": { + "size": "17", + "text": "CSS Modules" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1495", + "typeID": "__group__", + "zOrder": "241", + "measuredW": "230", + "measuredH": "44", + "w": "230", + "h": "44", + "x": "139", + "y": "1950", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "639", - "typeID": "Icon", - "zOrder": "642", - "measuredW": "24", - "measuredH": "24", - "x": "759", - "y": "2869", + "controlName": "102-modern-css:styled-jsx" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "221", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "90", + "measuredW": "80", + "measuredH": "25", + "x": "75", + "y": "12", + "properties": { + "size": "17", + "text": "Styled JSX" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1496", + "typeID": "__group__", + "zOrder": "145", + "measuredW": "229", + "measuredH": "44", + "w": "229", + "h": "44", + "x": "140", + "y": "1996", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "640", - "typeID": "Icon", - "zOrder": "643", - "measuredW": "24", - "measuredH": "24", - "x": "633", - "y": "3009", + "controlName": "103-modern-css:emotion" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "221", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "64", + "measuredH": "25", + "x": "88", + "y": "12", + "properties": { + "text": "Emotion", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1497", + "typeID": "__group__", + "zOrder": "234", + "measuredW": "238", + "measuredH": "60", + "w": "238", + "h": "60", + "x": "722", + "y": "2028", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "641", - "typeID": "Icon", - "zOrder": "644", - "measuredW": "24", - "measuredH": "24", - "x": "633", - "y": "3009", + "controlName": "113-web-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "138", + "measuredH": "25", + "x": "44", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Web Components" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "214", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "214", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1498", + "typeID": "__group__", + "zOrder": "235", + "measuredW": "199", + "measuredH": "46", + "w": "199", + "h": "46", + "x": "1047", + "y": "1991", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "642", - "typeID": "Icon", - "zOrder": "645", - "measuredW": "24", - "measuredH": "24", - "x": "137", - "y": "2928", + "controlName": "100-web-components:html-templates" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "132", + "measuredW": "131", + "measuredH": "25", + "x": "30", + "y": "14", + "properties": { + "size": "17", + "text": "HTML Templates" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1499", + "typeID": "__group__", + "zOrder": "236", + "measuredW": "199", + "measuredH": "42", + "w": "199", + "h": "42", + "x": "1047", + "y": "2040", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "643", - "typeID": "Icon", - "zOrder": "646", - "measuredW": "24", - "measuredH": "24", - "x": "137", - "y": "2928", + "controlName": "101-web-components:custom-elements" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "2", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "139", + "measuredW": "136", + "measuredH": "25", + "x": "30", + "y": "10", + "properties": { + "size": "17", + "text": "Custom Elements" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1500", + "typeID": "__group__", + "zOrder": "237", + "measuredW": "199", + "measuredH": "44", + "w": "199", + "h": "44", + "x": "1047", + "y": "2083", + "properties": { + "controlName": "102-web-components:shadow-dom" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "105", + "measuredW": "105", + "measuredH": "25", + "x": "38", + "y": "12", + "properties": { + "size": "17", + "text": "Shadow DOM" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1501", + "typeID": "__group__", + "zOrder": "179", + "measuredW": "261", + "measuredH": "50", + "w": "261", + "h": "50", + "x": "526", + "y": "2173", + "properties": { + "controlName": "114-css-frameworks" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "261", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "132", + "measuredH": "25", + "x": "63", + "y": "13", + "properties": { + "size": "17", + "text": "CSS Frameworks", + "bold": "true" + } + } + ] + } + } + }, + { + "ID": "1510", + "typeID": "__group__", + "zOrder": "186", + "measuredW": "213", + "measuredH": "42", + "w": "213", + "h": "42", + "x": "844", + "y": "2211", + "properties": { + "controlName": "101-css-frameworks:js-first:chakra-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "39", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "3", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "78", + "measuredH": "25", + "x": "72", + "y": "11", + "properties": { + "size": "17", + "text": "Chakra UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1511", + "typeID": "__group__", + "zOrder": "185", + "measuredW": "213", + "measuredH": "41", + "w": "213", + "h": "41", + "x": "844", + "y": "2256", + "properties": { + "controlName": "102-css-frameworks:js-first:material-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "37", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "86", + "measuredH": "25", + "x": "68", + "y": "11", + "properties": { + "size": "17", + "text": "Material UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1512", + "typeID": "__group__", + "zOrder": "246", + "measuredW": "213", + "measuredH": "41", + "w": "213", + "h": "41", + "x": "844", + "y": "2300", + "properties": { + "controlName": "103-css-frameworks:js-first:radix-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "37", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "66", + "measuredH": "25", + "x": "78", + "y": "11", + "properties": { + "size": "17", + "text": "Radix UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1514", + "typeID": "__group__", + "zOrder": "184", + "measuredW": "210", + "measuredH": "46", + "w": "210", + "h": "46", + "x": "847", + "y": "2161", + "properties": { + "controlName": "100-css-frameworks:js-first:tailwind-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "5", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "98", + "measuredH": "25", + "x": "59", + "y": "13", + "properties": { + "size": "17", + "text": "Tailwind CSS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1532", + "typeID": "Arrow", + "zOrder": "2", + "w": "102", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "479", + "y": "2198", "properties": { "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" + "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": "644", - "typeID": "Icon", - "zOrder": "647", - "measuredW": "24", - "measuredH": "24", - "x": "1260", - "y": "2501", + "ID": "1534", + "typeID": "__group__", + "zOrder": "181", + "measuredW": "130", + "measuredH": "57", + "w": "130", + "h": "57", + "x": "143", + "y": "2096", + "properties": { + "controlName": "100-css-frameworks:css-first:bootstrap" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "127", + "h": "52", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "81", + "measuredW": "75", + "measuredH": "25", + "x": "27", + "y": "18", + "properties": { + "size": "17", + "text": "Bootstrap" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "106", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "106", + "y": "0", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } + } + }, + { + "ID": "1535", + "typeID": "__group__", + "zOrder": "182", + "measuredW": "133", + "measuredH": "52", + "w": "133", + "h": "52", + "x": "143", + "y": "2155", + "properties": { + "controlName": "101-css-frameworks:css-first:bulma" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "127", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "50", + "measuredW": "49", + "measuredH": "25", + "x": "39", + "y": "15", + "properties": { + "size": "17", + "text": "Bulma" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "109", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "109", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "109", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1537", + "typeID": "__group__", + "zOrder": "180", + "measuredW": "369", + "measuredH": "137", + "w": "369", + "h": "137", + "x": "127", + "y": "2086", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "645", - "typeID": "Icon", - "zOrder": "648", - "measuredW": "24", - "measuredH": "24", - "x": "1260", - "y": "2501", + "controlName": "114-css-frameworks:css-first" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "369", + "h": "137", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "__group__", + "zOrder": "1", + "measuredW": "207", + "measuredH": "108", + "w": "207", + "h": "108", + "x": "153", + "y": "13", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "w": "206", + "measuredW": "195", + "measuredH": "24", + "x": "1", + "y": "0", + "properties": { + "size": "16", + "text": "CSS first frameworks which" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "206", + "measuredW": "192", + "measuredH": "24", + "x": "1", + "y": "28", + "properties": { + "size": "16", + "text": "don't come with JavaScript" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "190", + "measuredH": "24", + "x": "1", + "y": "56", + "properties": { + "size": "16", + "text": "framework components by" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "53", + "measuredH": "24", + "x": "0", + "y": "84", + "properties": { + "size": "16", + "text": "default." + } + } + ] + } + } + } + ] + } + } + }, + { + "ID": "1538", + "typeID": "__group__", + "zOrder": "183", + "measuredW": "236", + "measuredH": "281", + "w": "236", + "h": "281", + "x": "836", + "y": "2149", + "properties": { + "controlName": "114-css-frameworks:js-first" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "236", + "h": "281", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "205", + "measuredW": "196", + "measuredH": "24", + "x": "16", + "y": "198", + "properties": { + "size": "16", + "text": "JS based and better to use" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "201", + "measuredW": "192", + "measuredH": "24", + "x": "16", + "y": "223", + "properties": { + "size": "16", + "text": "with your framework based" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "205", + "measuredW": "171", + "measuredH": "24", + "x": "16", + "y": "247", + "properties": { + "size": "16", + "text": "JavaScript applications." + } + } + ] + } + } + }, + { + "ID": "1539", + "typeID": "__group__", + "zOrder": "192", + "measuredW": "405", + "measuredH": "158", + "w": "405", + "h": "158", + "x": "395", + "y": "2259", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "646", - "typeID": "Icon", - "zOrder": "649", - "measuredW": "24", - "measuredH": "24", - "x": "1029", + "controlName": "115-testing-your-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "405", + "h": "158", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "144", + "measuredH": "26", + "x": "125", + "y": "19", + "properties": { + "size": "18", + "text": "Testing your Apps", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "349", + "measuredW": "328", + "measuredH": "25", + "x": "22", + "y": "86", + "properties": { + "size": "17", + "text": "and {color:blue}Functional{color} tests and learn how to write" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "302", + "measuredW": "275", + "measuredH": "25", + "x": "21", + "y": "115", + "properties": { + "size": "17", + "text": "them with the tools listed on the left." + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "362", + "measuredW": "361", + "measuredH": "25", + "x": "21", + "y": "56", + "properties": { + "size": "17", + "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, " + } + } + ] + } + } + }, + { + "ID": "1544", + "typeID": "__group__", + "zOrder": "187", + "measuredW": "247", + "measuredH": "257", + "w": "247", + "h": "257", + "x": "125", + "y": "2255", + "properties": { + "controlName": "115-testing-your-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "247", + "h": "257", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "205", + "measuredW": "185", + "measuredH": "24", + "x": "22", + "y": "193", + "properties": { + "size": "16", + "text": "You can fill all your testing" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "165", + "measuredW": "155", + "measuredH": "24", + "x": "22", + "y": "218", + "properties": { + "size": "16", + "text": "needs with just these." + } + } + ] + } + } + }, + { + "ID": "1545", + "typeID": "__group__", + "zOrder": "190", + "measuredW": "223", + "measuredH": "46", + "w": "223", + "h": "46", + "x": "134", + "y": "2263", + "properties": { + "controlName": "100-testing-your-apps:jest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "39", + "measuredW": "33", + "measuredH": "25", + "x": "96", + "y": "14", + "properties": { + "size": "17", + "text": "Jest" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1546", + "typeID": "__group__", + "zOrder": "188", + "measuredW": "223", + "measuredH": "42", + "w": "223", + "h": "42", + "x": "134", + "y": "2312", + "properties": { + "controlName": "101-testing-your-apps:react-testing-library" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "2", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "164", + "measuredW": "152", + "measuredH": "25", + "x": "33", + "y": "10", + "properties": { + "size": "17", + "text": "react-testing-library" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1547", + "typeID": "__group__", + "zOrder": "191", + "measuredW": "223", + "measuredH": "42", + "w": "223", + "h": "42", + "x": "134", + "y": "2355", + "properties": { + "controlName": "102-testing-your-apps:cypress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "39", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "3", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "70", + "measuredW": "63", + "measuredH": "25", + "x": "81", + "y": "10", + "properties": { + "size": "17", + "text": "Cypress" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1548", + "typeID": "__group__", + "zOrder": "189", + "measuredW": "223", + "measuredH": "41", + "w": "223", + "h": "41", + "x": "134", + "y": "2398", + "properties": { + "controlName": "103-testing-your-apps:enzyme" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "37", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "68", + "measuredW": "61", + "measuredH": "25", + "x": "82", + "y": "10", + "properties": { + "size": "17", + "text": "Enzyme" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1549", + "typeID": "__group__", + "zOrder": "196", + "measuredW": "234", + "measuredH": "60", + "w": "234", + "h": "60", + "x": "819", "y": "2517", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "647", - "typeID": "Icon", - "zOrder": "650", - "measuredW": "24", - "measuredH": "24", - "x": "1029", - "y": "2517", + "controlName": "116-type-checkers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "226", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "115", + "measuredH": "25", + "x": "53", + "y": "23", + "properties": { + "size": "17", + "text": "Type Checkers", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "210", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "210", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1550", + "typeID": "__group__", + "zOrder": "197", + "measuredW": "206", + "measuredH": "48", + "w": "206", + "h": "48", + "x": "1104", + "y": "2501", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "648", - "typeID": "Icon", - "zOrder": "651", - "measuredW": "24", - "measuredH": "24", - "x": "496", - "y": "2516", + "controlName": "100-type-checkers:typescript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "199", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "91", + "measuredW": "81", + "measuredH": "25", + "x": "54", + "y": "15", + "properties": { + "size": "17", + "text": "TypeScript" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "182", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "182", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1551", + "typeID": "__group__", + "zOrder": "146", + "measuredW": "199", + "measuredH": "41", + "w": "199", + "h": "41", + "x": "1104", + "y": "2557", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "649", - "typeID": "Icon", - "zOrder": "652", - "measuredW": "24", - "measuredH": "24", + "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": "1552", + "typeID": "__group__", + "zOrder": "198", + "measuredW": "247", + "measuredH": "61", + "w": "247", + "h": "61", "x": "496", "y": "2516", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "650", - "typeID": "Icon", - "zOrder": "653", - "measuredW": "24", - "measuredH": "24", - "x": "1037", - "y": "3006", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "651", - "typeID": "Icon", - "zOrder": "654", - "measuredW": "24", - "measuredH": "24", - "x": "1037", - "y": "3006", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "652", - "typeID": "Icon", - "zOrder": "655", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "2944", + "controlName": "117-progressive-web-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "241", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "6", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "173", + "measuredH": "25", + "x": "37", + "y": "24", + "properties": { + "size": "17", + "text": "Progressive Web Apps", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1553", + "typeID": "__group__", + "zOrder": "200", + "measuredW": "269", + "measuredH": "290", + "w": "269", + "h": "290", + "x": "388", + "y": "2626", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "653", - "typeID": "Icon", - "zOrder": "656", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "2944", + "controlName": "101-progressive-web-apps:performance" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "262", + "h": "281", + "measuredW": "100", + "measuredH": "70", + "x": "7", + "y": "9" + }, + { + "ID": "1", + "typeID": "TextInput", + "zOrder": "1", + "w": "225", + "measuredW": "124", + "measuredH": "32", + "x": "27", + "y": "28", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "PRPL Pattern" + } + }, + { + "ID": "2", + "typeID": "TextInput", + "zOrder": "2", + "w": "225", + "measuredW": "110", + "measuredH": "32", + "x": "27", + "y": "66", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "RAIL Model" + } + }, + { + "ID": "3", + "typeID": "TextInput", + "zOrder": "3", + "w": "225", + "measuredW": "185", + "measuredH": "32", + "x": "27", + "y": "104", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Performance Metrics" + } + }, + { + "ID": "4", + "typeID": "TextInput", + "zOrder": "4", + "w": "225", + "measuredW": "156", + "measuredH": "32", + "x": "27", + "y": "141", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Using Lighthouse" + } + }, + { + "ID": "5", + "typeID": "TextInput", + "zOrder": "5", + "w": "225", + "measuredW": "141", + "measuredH": "32", + "x": "27", + "y": "179", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Using DevTools" + } + }, + { + "ID": "6", + "typeID": "Label", + "zOrder": "6", + "w": "185", + "measuredW": "176", + "measuredH": "25", + "x": "47", + "y": "224", + "properties": { + "size": "17", + "text": "Calculating, Measuring" + } + }, + { + "ID": "7", + "typeID": "Label", + "zOrder": "7", + "w": "224", + "measuredW": "212", + "measuredH": "25", + "x": "27", + "y": "251", + "properties": { + "size": "17", + "text": "and improving performance" + } + }, + { + "ID": "8", + "typeID": "Icon", + "zOrder": "8", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "9", + "typeID": "Icon", + "zOrder": "9", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1554", + "typeID": "__group__", + "zOrder": "199", + "measuredW": "237", + "measuredH": "400", + "w": "237", + "h": "400", + "x": "134", + "y": "2516", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "654", - "typeID": "Icon", - "zOrder": "657", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2995", + "controlName": "100-progressive-web-apps:apis" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "228", + "h": "389", + "measuredW": "100", + "measuredH": "70", + "x": "9", + "y": "11" + }, + { + "ID": "1", + "typeID": "TextInput", + "zOrder": "1", + "w": "177", + "measuredW": "147", + "measuredH": "32", + "x": "35", + "y": "100", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Service Workers" + } + }, + { + "ID": "2", + "typeID": "TextInput", + "zOrder": "2", + "w": "177", + "measuredW": "78", + "measuredH": "32", + "x": "35", + "y": "26", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Storage" + } + }, + { + "ID": "3", + "typeID": "TextInput", + "zOrder": "3", + "w": "177", + "measuredW": "84", + "measuredH": "32", + "x": "35", + "y": "137", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Location" + } + }, + { + "ID": "4", + "typeID": "TextInput", + "zOrder": "4", + "w": "177", + "measuredW": "115", + "measuredH": "32", + "x": "35", + "y": "175", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Notifications" + } + }, + { + "ID": "5", + "typeID": "TextInput", + "zOrder": "5", + "w": "177", + "measuredW": "167", + "measuredH": "32", + "x": "35", + "y": "212", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Device Orientation" + } + }, + { + "ID": "6", + "typeID": "TextInput", + "zOrder": "6", + "w": "177", + "measuredW": "94", + "measuredH": "32", + "x": "35", + "y": "249", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Payments" + } + }, + { + "ID": "7", + "typeID": "TextInput", + "zOrder": "7", + "w": "177", + "measuredW": "108", + "measuredH": "32", + "x": "35", + "y": "286", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Credentials" + } + }, + { + "ID": "8", + "typeID": "TextInput", + "zOrder": "8", + "w": "177", + "measuredW": "120", + "measuredH": "32", + "x": "35", + "y": "63", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Web Sockets" + } + }, + { + "ID": "9", + "typeID": "Label", + "zOrder": "9", + "w": "156", + "measuredW": "151", + "measuredH": "25", + "x": "46", + "y": "331", + "properties": { + "size": "17", + "text": "Learn different Web" + } + }, + { + "ID": "10", + "typeID": "Label", + "zOrder": "10", + "w": "148", + "measuredW": "143", + "measuredH": "25", + "x": "50", + "y": "357", + "properties": { + "size": "17", + "text": "APIs used in PWAs" + } + }, + { + "ID": "11", + "typeID": "Icon", + "zOrder": "11", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "12", + "typeID": "Icon", + "zOrder": "12", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1555", + "typeID": "__group__", + "zOrder": "201", + "measuredW": "285", + "measuredH": "59", + "w": "285", + "h": "59", + "x": "740", + "y": "2641", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "655", - "typeID": "Icon", - "zOrder": "658", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "2995", + "controlName": "118-server-side-rendering" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "278", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "225", + "measuredH": "25", + "x": "22", + "y": "22", + "properties": { + "size": "17", + "text": "Server Side Rendering (SSR)", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "261", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "261", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1556", + "typeID": "__group__", + "zOrder": "204", + "measuredW": "125", + "measuredH": "52", + "w": "125", + "h": "52", + "x": "1062", + "y": "2644", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "656", - "typeID": "Icon", - "zOrder": "659", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3042", + "controlName": "100-server-side-rendering:react-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "116", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "69", + "measuredW": "62", + "measuredH": "25", + "x": "23", + "y": "19", + "properties": { + "size": "17", + "text": "React.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "101", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "101", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1557", + "typeID": "__group__", + "zOrder": "205", + "measuredW": "104", + "measuredH": "49", + "w": "104", + "h": "49", + "x": "1235", + "y": "2627", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "657", - "typeID": "Icon", - "zOrder": "660", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3042", + "controlName": "100-server-side-rendering:react-js:next-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "94", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "61", + "measuredW": "52", + "measuredH": "25", + "x": "20", + "y": "16", + "properties": { + "size": "17", + "text": "Next.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "80", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "80", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1558", + "typeID": "__group__", + "zOrder": "206", + "measuredW": "94", + "measuredH": "41", + "w": "94", + "h": "41", + "x": "1235", + "y": "2682", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "658", - "typeID": "Icon", - "zOrder": "661", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3042", + "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": "1560", + "typeID": "__group__", + "zOrder": "208", + "measuredW": "123", + "measuredH": "52", + "w": "123", + "h": "52", + "x": "1066", + "y": "2735", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "659", - "typeID": "Icon", - "zOrder": "662", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3088", + "controlName": "101-server-side-rendering:angular" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "115", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "11", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "69", + "measuredW": "59", + "measuredH": "25", + "x": "31", + "y": "19", + "properties": { + "size": "17", + "text": "Angular" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1561", + "typeID": "__group__", + "zOrder": "209", + "measuredW": "121", + "measuredH": "52", + "w": "121", + "h": "52", + "x": "1218", + "y": "2735", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "660", - "typeID": "Icon", - "zOrder": "663", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3088", + "controlName": "100-server-side-rendering:angular:universal" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "111", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "11", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "73", + "measuredW": "72", + "measuredH": "25", + "x": "19", + "y": "19", + "properties": { + "size": "17", + "text": "Universal" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1562", + "typeID": "__group__", + "zOrder": "211", + "measuredW": "124", + "measuredH": "51", + "w": "124", + "h": "51", + "x": "1066", + "y": "2789", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "661", - "typeID": "Icon", - "zOrder": "664", - "measuredW": "24", - "measuredH": "24", - "x": "1315", - "y": "3088", + "controlName": "102-server-side-rendering:vue-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "115", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "48", + "measuredW": "45", + "measuredH": "25", + "x": "34", + "y": "18", + "properties": { + "size": "17", + "text": "Vue.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1563", + "typeID": "__group__", + "zOrder": "212", + "measuredW": "122", + "measuredH": "51", + "w": "122", + "h": "51", + "x": "1218", + "y": "2789", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "662", - "typeID": "Icon", - "zOrder": "665", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3132", + "controlName": "100-server-side-rendering:vue-js:nuxt-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "111", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "55", + "measuredW": "52", + "measuredH": "25", + "x": "28", + "y": "18", + "properties": { + "size": "17", + "text": "Nuxt.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1564", + "typeID": "__group__", + "zOrder": "227", + "measuredW": "154", + "measuredH": "59", + "w": "154", + "h": "59", + "x": "759", + "y": "2869", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "663", - "typeID": "Icon", - "zOrder": "666", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3132", + "controlName": "119-graphql" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "146", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "71", + "measuredH": "25", + "x": "45", + "y": "22", + "properties": { + "size": "17", + "text": "GraphQL", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1565", + "typeID": "__group__", + "zOrder": "151", + "measuredW": "177", + "measuredH": "47", + "w": "177", + "h": "47", + "x": "975", + "y": "2854", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "664", - "typeID": "Icon", - "zOrder": "667", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3132", + "controlName": "100-graphql:apollo" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "167", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "49", + "measuredW": "48", + "measuredH": "25", + "x": "50", + "y": "14", + "properties": { + "size": "17", + "text": "Apollo" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "153", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "153", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1566", + "typeID": "__group__", + "zOrder": "228", + "measuredW": "178", + "measuredH": "45", + "w": "178", + "h": "45", + "x": "975", + "y": "2905", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "665", - "typeID": "Icon", - "zOrder": "668", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3182", + "controlName": "101-graphql:relay-modern" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "168", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "115", + "measuredW": "107", + "measuredH": "25", + "x": "33", + "y": "12", + "properties": { + "size": "17", + "text": "Relay Modern" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1567", + "typeID": "__group__", + "zOrder": "160", + "measuredW": "285", + "measuredH": "59", + "w": "285", + "h": "59", + "x": "776", + "y": "3006", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "666", - "typeID": "Icon", - "zOrder": "669", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3182", + "controlName": "120-static-site-generators" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "281", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "172", + "measuredH": "25", + "x": "49", + "y": "22", + "properties": { + "size": "17", + "text": "Static Site Generators", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "261", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "261", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1568", + "typeID": "__group__", + "zOrder": "162", + "measuredW": "157", + "measuredH": "50", + "w": "157", + "h": "50", + "x": "1183", + "y": "2944", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "667", - "typeID": "Icon", - "zOrder": "670", - "measuredW": "24", - "measuredH": "24", - "x": "1318", - "y": "3182", + "controlName": "100-static-site-generators:next-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "58", + "measuredW": "52", + "measuredH": "25", + "x": "45", + "y": "17", + "properties": { + "size": "17", + "text": "Next.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1569", + "typeID": "__group__", + "zOrder": "161", + "measuredW": "156", + "measuredH": "45", + "w": "156", + "h": "45", + "x": "1183", + "y": "2995", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "668", - "typeID": "Icon", - "zOrder": "671", - "measuredW": "24", - "measuredH": "24", - "x": "666", - "y": "3131", + "controlName": "101-static-site-generators:gatsbyjs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "78", + "measuredW": "73", + "measuredH": "25", + "x": "35", + "y": "12", + "properties": { + "size": "17", + "text": "GatsbyJS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1570", + "typeID": "__group__", + "zOrder": "163", + "measuredW": "156", + "measuredH": "44", + "w": "156", + "h": "44", + "x": "1183", + "y": "3042", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "669", - "typeID": "Icon", - "zOrder": "672", - "measuredW": "24", - "measuredH": "24", - "x": "666", - "y": "3131", + "controlName": "102-static-site-generators:nuxt-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "56", + "measuredW": "52", + "measuredH": "25", + "x": "46", + "y": "11", + "properties": { + "size": "17", + "text": "Nuxt.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1571", + "typeID": "__group__", + "zOrder": "164", + "measuredW": "156", + "measuredH": "43", + "w": "156", + "h": "43", + "x": "1183", + "y": "3088", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "670", - "typeID": "Icon", - "zOrder": "673", - "measuredW": "24", - "measuredH": "24", - "x": "1128", - "y": "2854", + "controlName": "103-static-site-generators:vuepress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "2", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "76", + "measuredW": "72", + "measuredH": "25", + "x": "40", + "y": "10", + "properties": { + "size": "17", + "text": "Vuepress" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1572", + "typeID": "__group__", + "zOrder": "165", + "measuredW": "157", + "measuredH": "45", + "w": "157", + "h": "45", + "x": "1183", + "y": "3132", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "671", - "typeID": "Icon", - "zOrder": "674", - "measuredW": "24", - "measuredH": "24", - "x": "1128", - "y": "2854", + "controlName": "104-static-site-generators:jekyll" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "49", + "measuredW": "43", + "measuredH": "25", + "x": "52", + "y": "12", + "properties": { + "size": "17", + "text": "Jekyll" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1573", + "typeID": "__group__", + "zOrder": "225", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "1183", + "y": "3179", + "properties": { + "controlName": "105-static-site-generators:hugo" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "43", + "measuredW": "42", + "measuredH": "25", + "x": "52", + "y": "11", + "properties": { + "size": "17", + "text": "Hugo" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1574", + "typeID": "__group__", + "zOrder": "5", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1183", + "y": "3228", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "672", - "typeID": "Icon", - "zOrder": "675", - "measuredW": "24", - "measuredH": "24", - "x": "1129", - "y": "2905", + "controlName": "106-static-site-generators:gridsome" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457", + "align": "center", + "size": "17" + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "87", + "measuredW": "75", + "measuredH": "25", + "x": "41", + "y": "9", + "properties": { + "text": "Gridsome", + "size": "17" + } + } + ] + } + } + }, + { + "ID": "1575", + "typeID": "__group__", + "zOrder": "221", + "measuredW": "220", + "measuredH": "59", + "w": "220", + "h": "59", + "x": "437", + "y": "3009", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "673", - "typeID": "Icon", - "zOrder": "676", - "measuredW": "24", - "measuredH": "24", - "x": "1129", - "y": "2905", + "controlName": "121-mobile-applications" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "169", + "measuredW": "152", + "measuredH": "25", + "x": "27", + "y": "22", + "properties": { + "size": "17", + "text": "Mobile Applications", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "196", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "196", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1576", + "typeID": "__group__", + "zOrder": "222", + "measuredW": "156", + "measuredH": "51", + "w": "156", + "h": "51", + "x": "137", + "y": "2928", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "674", - "typeID": "Icon", - "zOrder": "677", - "measuredW": "24", - "measuredH": "24", - "x": "1129", - "y": "2905", + "controlName": "100-mobile-applications:react-native" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "100", + "measuredH": "25", + "x": "32", + "y": "18", + "properties": { + "size": "17", + "text": "React Native" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1577", + "typeID": "__group__", + "zOrder": "223", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "2983", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "675", - "typeID": "Icon", - "zOrder": "678", - "measuredW": "24", - "measuredH": "24", - "x": "927", - "y": "3097", + "controlName": "101-mobile-applications:nativescript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "94", + "measuredH": "25", + "x": "23", + "y": "8", + "properties": { + "size": "17", + "text": "NativeScript" + } + } + ] + } + } + }, + { + "ID": "1578", + "typeID": "__group__", + "zOrder": "224", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "3029", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "676", - "typeID": "Icon", - "zOrder": "679", - "measuredW": "24", - "measuredH": "24", - "x": "927", + "controlName": "102-mobile-applications:flutter" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "53", + "measuredW": "50", + "measuredH": "25", + "x": "47", + "y": "8", + "properties": { + "size": "17", + "text": "Flutter" + } + } + ] + } + } + }, + { + "ID": "1579", + "typeID": "__group__", + "zOrder": "226", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "3075", + "properties": { + "controlName": "103-mobile-applications:ionic" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "40", + "measuredW": "38", + "measuredH": "25", + "x": "54", + "y": "8", + "properties": { + "size": "17", + "text": "Ionic" + } + } + ] + } + } + }, + { + "ID": "1580", + "typeID": "__group__", + "zOrder": "216", + "measuredW": "249", + "measuredH": "59", + "w": "249", + "h": "59", + "x": "441", + "y": "3131", + "properties": { + "controlName": "122-desktop-applications" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "241", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "163", + "measuredH": "25", + "x": "43", + "y": "22", + "properties": { + "size": "17", + "text": "Desktop Applications", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "225", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "225", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1581", + "typeID": "__group__", + "zOrder": "217", + "measuredW": "196", + "measuredH": "47", + "w": "196", + "h": "47", + "x": "755", "y": "3097", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "677", - "typeID": "TextArea", - "zOrder": "680", - "w": "186", + "controlName": "100-desktop-applications:electron" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "69", + "measuredW": "65", + "measuredH": "25", + "x": "63", + "y": "14", + "properties": { + "size": "17", + "text": "Electron" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "172", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "172", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1582", + "typeID": "__group__", + "zOrder": "218", + "measuredW": "188", + "measuredH": "41", + "w": "188", "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "757", - "y": "3152", + "x": "756", + "y": "3151", + "properties": { + "controlName": "101-desktop-applications:carlo" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "13421772", + "textColor": "3355443" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "48", + "measuredW": "42", + "measuredH": "25", + "x": "73", + "y": "9", + "properties": { + "color": "3355443", + "size": "17", + "text": "Carlo" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "186", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "1", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "color": "10066329" + } + } + ] + } + } + }, + { + "ID": "1583", + "typeID": "__group__", + "zOrder": "238", + "measuredW": "188", + "measuredH": "42", + "w": "188", + "h": "42", + "x": "756", + "y": "3199", "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "678", - "typeID": "Icon", - "zOrder": "681", - "measuredW": "24", - "measuredH": "24", + "controlName": "102-desktop-applications:proton-native" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "1", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "13421772", + "textColor": "3355443" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "115", + "measuredW": "104", + "measuredH": "25", + "x": "42", + "y": "9", + "properties": { + "color": "3355443", + "size": "17", + "text": "Proton Native" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "186", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "1", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "color": "10066329" + } + } + ] + } + } + }, + { + "ID": "1584", + "typeID": "__group__", + "zOrder": "231", + "measuredW": "221", + "measuredH": "61", + "w": "221", + "h": "61", "x": "176", "y": "3313", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "679", - "typeID": "Icon", - "zOrder": "682", - "measuredW": "24", - "measuredH": "24", - "x": "176", - "y": "3313", + "controlName": "123-web-assembly" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "11", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "112", + "measuredH": "25", + "x": "57", + "y": "24", + "properties": { + "size": "17", + "text": "Web Assembly", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1585", + "typeID": "__group__", + "zOrder": "232", + "measuredW": "207", + "measuredH": "50", + "w": "207", + "h": "50", + "x": "201", + "y": "3500", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "680", - "typeID": "TextArea", - "zOrder": "683", - "w": "145", + "controlName": "ext_link:google.com" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "207", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "114", + "measuredH": "25", + "x": "45", + "y": "13", + "properties": { + "size": "17", + "text": "Keep Learning", + "bold": "true" + } + } + ] + } + } + }, + { + "ID": "1587", + "typeID": "__group__", + "zOrder": "193", + "measuredW": "405", + "measuredH": "44", + "w": "405", "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "1151", - "y": "1646", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - }, - { - "ID": "681", - "typeID": "Icon", - "zOrder": "684", - "measuredW": "24", - "measuredH": "24", - "x": "1001", - "y": "2641", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "682", - "typeID": "Icon", - "zOrder": "685", - "measuredW": "24", - "measuredH": "24", - "x": "1001", - "y": "2641", + "x": "395", + "y": "2425", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "683", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", + "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": "1588", + "typeID": "__group__", + "zOrder": "247", + "measuredW": "157", + "measuredH": "41", + "w": "157", "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1183", - "y": "3228", - "properties": { - "color": "16770457", - "align": "center", - "size": "17" - } - }, - { - "ID": "685", - "typeID": "Label", - "zOrder": "686", - "w": "87", - "measuredW": "74", - "measuredH": "25", - "x": "1224", - "y": "3237", - "properties": { - "text": "Gridsome", - "size": "17" - } - }, - { - "ID": "686", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3233", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "687", + "x": "1184", + "y": "3274", + "properties": { + "controlName": "107-static-site-generators:eleventy" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457", + "align": "center", + "size": "17" + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "66", + "measuredH": "25", + "x": "41", + "y": "8", + "properties": { + "text": "Eleventy", + "size": "17" + } + } + ] + } + } + }, + { + "ID": "1589", "typeID": "Arrow", - "zOrder": "687", - "w": "128", - "h": "180", + "zOrder": "0", + "w": "144", + "h": "237", "measuredW": "150", "measuredH": "100", - "x": "1055", - "y": "3064", + "x": "1045", + "y": "3058", "properties": { "color": "2848996", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 128, - "y": 180 + "x": 143.5, + "y": 237 }, "p1": { "x": 0.56420233463035, - "y": 0.027237354085603037 + "y": 0.027237354085603065 }, "p2": { - "x": 0.142857142856883, - "y": -0.12135922330026006 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": -0.5, + "y": 0 + } } }, { - "ID": "688", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "1316", - "y": "3233", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" + "ID": "1590", + "typeID": "__group__", + "zOrder": "233", + "measuredW": "582", + "measuredH": "188", + "w": "582", + "h": "188", + "x": "464", + "y": "3296", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "582", + "h": "188", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "536", + "measuredW": "498", + "measuredH": "25", + "x": "20", + "y": "20", + "properties": { + "size": "17", + "text": "Web Assembly or WASM is the binary instructions generated from" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "537", + "measuredW": "508", + "measuredH": "25", + "x": "20", + "y": "50", + "properties": { + "size": "17", + "text": "higher level languages such as Go, C, C++ or Rust. It is faster than" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "528", + "measuredW": "523", + "measuredH": "25", + "x": "19", + "y": "81", + "properties": { + "size": "17", + "text": "JavaScript and WASM 1.0 has already shipped in the major browsers." + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "536", + "measuredW": "360", + "measuredH": "25", + "x": "19", + "y": "142", + "properties": { + "size": "17", + "text": "take quite some time to go mainstream though." + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "w": "539", + "measuredW": "520", + "measuredH": "25", + "x": "19", + "y": "111", + "properties": { + "size": "17", + "text": "W3C accepted it as an official standard at the end of 2019. It will still" + } + } + ] } } } ] }, "attributes": { - "name": "New Wireframe 1", - "order": 1000000, - "parentID": null + "name": "Frontend Roadmap", + "order": 1000076.8179159599, + "parentID": null, + "notes": null }, - "resourceID": "86A21CCA-E0E6-4398-8FAB-A5B08F783DD5", + "branchID": "Master", + "resourceID": "A451988B-49CC-410A-A8B7-C129C14D5D14", "mockupH": "3449", - "mockupW": "1217", - "measuredW": "1342", + "mockupW": "1216", + "measuredW": "1341", "measuredH": "3618", "version": "1.0" }