diff --git a/content/roadmaps/100-frontend/content-paths.json b/content/roadmaps/100-frontend/content-paths.json
index 503f905bf..4cbc0e0bd 100644
--- a/content/roadmaps/100-frontend/content-paths.json
+++ b/content/roadmaps/100-frontend/content-paths.json
@@ -130,7 +130,7 @@
"mobile-applications:ionic": "/roadmaps/100-frontend/content/121-mobile-applications/103-ionic.md",
"desktop-applications": "/roadmaps/100-frontend/content/122-desktop-applications/readme.md",
"desktop-applications:electron": "/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md",
- "desktop-applications:carlo": "/roadmaps/100-frontend/content/122-desktop-applications/101-carlo.md",
+ "desktop-applications:tauri": "/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md",
"desktop-applications:proton-native": "/roadmaps/100-frontend/content/122-desktop-applications/102-proton-native.md",
"web-assembly": "/roadmaps/100-frontend/content/123-web-assembly.md"
-}
\ No newline at end of file
+}
diff --git a/public/project/frontend.json b/public/project/frontend.json
index 7e7063719..bc3f97858 100644
--- a/public/project/frontend.json
+++ b/public/project/frontend.json
@@ -3,7 +3,237 @@
"controls": {
"control": [
{
- "ID": "711",
+ "ID": "1506",
+ "typeID": "Arrow",
+ "zOrder": "0",
+ "w": "144",
+ "h": "237",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1045",
+ "y": "3058",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 143.5,
+ "y": 237
+ },
+ "p1": {
+ "x": 0.56420233463035,
+ "y": 0.027237354085603065
+ },
+ "p2": {
+ "x": -0.5,
+ "y": 0
+ }
+ }
+ },
+ {
+ "ID": "1507",
+ "typeID": "Arrow",
+ "zOrder": "1",
+ "w": "166",
+ "h": "171",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "279",
+ "y": "3163",
+ "properties": {
+ "color": "2848996",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 165,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5101799412144239,
+ "y": -0.2666499390637321
+ },
+ "p2": {
+ "x": 1,
+ "y": 170
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1508",
+ "typeID": "Arrow",
+ "zOrder": "2",
+ "w": "102",
+ "h": "1",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "479",
+ "y": "2198",
+ "properties": {
+ "color": "10027263",
+ "curvature": "0",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 101,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5105398742417109,
+ "y": -0.0025761059250436276
+ },
+ "p2": {
+ "x": -0.5,
+ "y": 0
+ }
+ }
+ },
+ {
+ "ID": "1509",
+ "typeID": "Arrow",
+ "zOrder": "3",
+ "w": "114",
+ "h": "62",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "311",
+ "y": "1749",
+ "properties": {
+ "color": "10027263",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 0,
+ "y": 62
+ },
+ "p1": {
+ "x": 0.4230344065220394,
+ "y": -0.06791488185712315
+ },
+ "p2": {
+ "x": 114,
+ "y": 0
+ }
+ }
+ },
+ {
+ "ID": "1510",
+ "typeID": "Arrow",
+ "zOrder": "4",
+ "w": "111",
+ "h": "37",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "307",
+ "y": "1714",
+ "properties": {
+ "color": "10027263",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.40594249201277954,
+ "y": -0.011437699680511181
+ },
+ "p2": {
+ "x": 111,
+ "y": 37
+ }
+ }
+ },
+ {
+ "ID": "1511",
+ "typeID": "__group__",
+ "zOrder": "5",
+ "measuredW": "157",
+ "measuredH": "41",
+ "w": "157",
+ "h": "41",
+ "x": "1183",
+ "y": "3228",
+ "properties": {
+ "controlName": "106-static-site-generators:gridsome"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "147",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16770457",
+ "align": "center",
+ "size": "17"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Icon",
+ "zOrder": "1",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "133",
+ "y": "5",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "133",
+ "y": "5",
+ "properties": {
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
+ "zOrder": "3",
+ "w": "87",
+ "measuredW": "75",
+ "measuredH": "25",
+ "x": "41",
+ "y": "9",
+ "properties": {
+ "text": "Gridsome",
+ "size": "17"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1512",
"typeID": "Arrow",
"zOrder": "6",
"w": "105",
@@ -34,7 +264,7 @@
}
},
{
- "ID": "712",
+ "ID": "1513",
"typeID": "Arrow",
"zOrder": "7",
"w": "128",
@@ -65,7 +295,7 @@
}
},
{
- "ID": "713",
+ "ID": "1514",
"typeID": "Arrow",
"zOrder": "8",
"w": "129",
@@ -95,7 +325,7 @@
}
},
{
- "ID": "714",
+ "ID": "1515",
"typeID": "Arrow",
"zOrder": "9",
"w": "119",
@@ -124,7 +354,7 @@
}
},
{
- "ID": "715",
+ "ID": "1516",
"typeID": "Arrow",
"zOrder": "10",
"w": "140",
@@ -153,7 +383,7 @@
}
},
{
- "ID": "716",
+ "ID": "1517",
"typeID": "Arrow",
"zOrder": "11",
"w": "135",
@@ -184,7 +414,7 @@
}
},
{
- "ID": "717",
+ "ID": "1518",
"typeID": "Arrow",
"zOrder": "12",
"w": "98",
@@ -213,7 +443,7 @@
}
},
{
- "ID": "719",
+ "ID": "1519",
"typeID": "Arrow",
"zOrder": "13",
"w": "148",
@@ -243,7 +473,7 @@
}
},
{
- "ID": "720",
+ "ID": "1520",
"typeID": "Arrow",
"zOrder": "14",
"w": "137",
@@ -273,7 +503,7 @@
}
},
{
- "ID": "721",
+ "ID": "1521",
"typeID": "Arrow",
"zOrder": "15",
"w": "146",
@@ -303,7 +533,7 @@
}
},
{
- "ID": "722",
+ "ID": "1522",
"typeID": "Arrow",
"zOrder": "16",
"w": "105",
@@ -333,7 +563,7 @@
}
},
{
- "ID": "723",
+ "ID": "1523",
"typeID": "Arrow",
"zOrder": "17",
"w": "118",
@@ -363,7 +593,7 @@
}
},
{
- "ID": "724",
+ "ID": "1524",
"typeID": "Arrow",
"zOrder": "18",
"w": "124",
@@ -394,7 +624,7 @@
}
},
{
- "ID": "725",
+ "ID": "1525",
"typeID": "Arrow",
"zOrder": "19",
"w": "117",
@@ -423,7 +653,7 @@
}
},
{
- "ID": "726",
+ "ID": "1526",
"typeID": "Arrow",
"zOrder": "20",
"w": "108",
@@ -453,7 +683,7 @@
}
},
{
- "ID": "727",
+ "ID": "1527",
"typeID": "Arrow",
"zOrder": "21",
"w": "112",
@@ -482,7 +712,7 @@
}
},
{
- "ID": "728",
+ "ID": "1528",
"typeID": "Arrow",
"zOrder": "22",
"w": "117",
@@ -512,7 +742,7 @@
}
},
{
- "ID": "729",
+ "ID": "1529",
"typeID": "Arrow",
"zOrder": "23",
"w": "86",
@@ -542,7 +772,7 @@
}
},
{
- "ID": "730",
+ "ID": "1530",
"typeID": "Arrow",
"zOrder": "24",
"w": "57",
@@ -571,7 +801,7 @@
}
},
{
- "ID": "731",
+ "ID": "1531",
"typeID": "Arrow",
"zOrder": "25",
"w": "51",
@@ -602,7 +832,7 @@
}
},
{
- "ID": "732",
+ "ID": "1532",
"typeID": "Arrow",
"zOrder": "26",
"w": "116",
@@ -632,7 +862,7 @@
}
},
{
- "ID": "733",
+ "ID": "1533",
"typeID": "Arrow",
"zOrder": "27",
"w": "102",
@@ -662,7 +892,7 @@
}
},
{
- "ID": "734",
+ "ID": "1534",
"typeID": "Arrow",
"zOrder": "28",
"w": "71",
@@ -692,7 +922,7 @@
}
},
{
- "ID": "735",
+ "ID": "1535",
"typeID": "Arrow",
"zOrder": "29",
"w": "106",
@@ -722,7 +952,7 @@
}
},
{
- "ID": "736",
+ "ID": "1536",
"typeID": "Arrow",
"zOrder": "30",
"w": "85",
@@ -752,7 +982,7 @@
}
},
{
- "ID": "737",
+ "ID": "1537",
"typeID": "Arrow",
"zOrder": "31",
"w": "133",
@@ -781,7 +1011,7 @@
}
},
{
- "ID": "738",
+ "ID": "1538",
"typeID": "Arrow",
"zOrder": "32",
"w": "129",
@@ -810,7 +1040,7 @@
}
},
{
- "ID": "740",
+ "ID": "1539",
"typeID": "Arrow",
"zOrder": "33",
"w": "104",
@@ -839,7 +1069,7 @@
}
},
{
- "ID": "741",
+ "ID": "1540",
"typeID": "Arrow",
"zOrder": "34",
"w": "41",
@@ -869,7 +1099,7 @@
}
},
{
- "ID": "742",
+ "ID": "1541",
"typeID": "Arrow",
"zOrder": "35",
"w": "50",
@@ -899,7 +1129,7 @@
}
},
{
- "ID": "743",
+ "ID": "1542",
"typeID": "Arrow",
"zOrder": "36",
"w": "165",
@@ -928,7 +1158,7 @@
}
},
{
- "ID": "744",
+ "ID": "1543",
"typeID": "Arrow",
"zOrder": "37",
"w": "85",
@@ -958,7 +1188,7 @@
}
},
{
- "ID": "745",
+ "ID": "1544",
"typeID": "Arrow",
"zOrder": "38",
"w": "54",
@@ -987,7 +1217,7 @@
}
},
{
- "ID": "746",
+ "ID": "1545",
"typeID": "Arrow",
"zOrder": "39",
"w": "21",
@@ -1017,7 +1247,7 @@
}
},
{
- "ID": "747",
+ "ID": "1546",
"typeID": "Arrow",
"zOrder": "40",
"w": "117",
@@ -1046,7 +1276,7 @@
}
},
{
- "ID": "748",
+ "ID": "1547",
"typeID": "Arrow",
"zOrder": "41",
"w": "175",
@@ -1077,17 +1307,98 @@
}
},
{
- "ID": "750",
- "typeID": "Arrow",
- "zOrder": "43",
- "w": "171",
- "h": "9",
- "measuredW": "150",
- "measuredH": "100",
- "x": "352",
- "y": "1258",
+ "ID": "1548",
+ "typeID": "__group__",
+ "zOrder": "42",
+ "measuredW": "158",
+ "measuredH": "56",
+ "w": "158",
+ "h": "56",
+ "x": "228",
+ "y": "1290",
"properties": {
- "color": "2848996",
+ "controlName": "101-package-managers:yarn"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "151",
+ "h": "49",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "7",
+ "y": "7",
+ "properties": {
+ "color": "16770457"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "36",
+ "measuredW": "34",
+ "measuredH": "25",
+ "x": "65",
+ "y": "19",
+ "properties": {
+ "bold": "true",
+ "size": "17",
+ "text": "yarn"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1549",
+ "typeID": "Arrow",
+ "zOrder": "43",
+ "w": "171",
+ "h": "9",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "352",
+ "y": "1258",
+ "properties": {
+ "color": "2848996",
"curvature": "0",
"leftArrow": "false",
"p0": {
@@ -1107,7 +1418,7 @@
}
},
{
- "ID": "751",
+ "ID": "1550",
"typeID": "Arrow",
"zOrder": "44",
"w": "109",
@@ -1135,7 +1446,7 @@
}
},
{
- "ID": "752",
+ "ID": "1551",
"typeID": "Arrow",
"zOrder": "45",
"w": "1",
@@ -1165,7 +1476,7 @@
}
},
{
- "ID": "753",
+ "ID": "1552",
"typeID": "Arrow",
"zOrder": "46",
"w": "85",
@@ -1195,7 +1506,7 @@
}
},
{
- "ID": "754",
+ "ID": "1553",
"typeID": "Arrow",
"zOrder": "47",
"w": "2",
@@ -1225,7 +1536,7 @@
}
},
{
- "ID": "755",
+ "ID": "1554",
"typeID": "Arrow",
"zOrder": "48",
"w": "120",
@@ -1255,7 +1566,7 @@
}
},
{
- "ID": "756",
+ "ID": "1555",
"typeID": "Arrow",
"zOrder": "49",
"w": "108",
@@ -1284,7 +1595,7 @@
}
},
{
- "ID": "757",
+ "ID": "1556",
"typeID": "Arrow",
"zOrder": "50",
"w": "100",
@@ -1314,7 +1625,7 @@
}
},
{
- "ID": "758",
+ "ID": "1557",
"typeID": "Arrow",
"zOrder": "51",
"w": "40",
@@ -1342,7 +1653,7 @@
}
},
{
- "ID": "759",
+ "ID": "1558",
"typeID": "Arrow",
"zOrder": "52",
"w": "151",
@@ -1371,7 +1682,7 @@
}
},
{
- "ID": "760",
+ "ID": "1559",
"typeID": "Arrow",
"zOrder": "53",
"w": "153",
@@ -1402,7 +1713,7 @@
}
},
{
- "ID": "761",
+ "ID": "1560",
"typeID": "Arrow",
"zOrder": "54",
"h": "60",
@@ -1431,7 +1742,7 @@
}
},
{
- "ID": "762",
+ "ID": "1561",
"typeID": "Arrow",
"zOrder": "55",
"w": "134",
@@ -1462,7 +1773,7 @@
}
},
{
- "ID": "763",
+ "ID": "1562",
"typeID": "Arrow",
"zOrder": "56",
"w": "131",
@@ -1492,7 +1803,7 @@
}
},
{
- "ID": "764",
+ "ID": "1563",
"typeID": "Arrow",
"zOrder": "57",
"w": "143",
@@ -1522,7 +1833,7 @@
}
},
{
- "ID": "765",
+ "ID": "1564",
"typeID": "Arrow",
"zOrder": "58",
"w": "45",
@@ -1551,7 +1862,7 @@
}
},
{
- "ID": "766",
+ "ID": "1565",
"typeID": "HRule",
"zOrder": "59",
"measuredW": "100",
@@ -1564,7 +1875,7 @@
}
},
{
- "ID": "767",
+ "ID": "1566",
"typeID": "Arrow",
"zOrder": "60",
"w": "71",
@@ -1593,7 +1904,7 @@
}
},
{
- "ID": "768",
+ "ID": "1567",
"typeID": "Arrow",
"zOrder": "61",
"w": "130",
@@ -1624,7 +1935,7 @@
}
},
{
- "ID": "769",
+ "ID": "1568",
"typeID": "Arrow",
"zOrder": "62",
"w": "110",
@@ -1655,7 +1966,7 @@
}
},
{
- "ID": "770",
+ "ID": "1569",
"typeID": "Arrow",
"zOrder": "63",
"w": "119",
@@ -1686,7 +1997,7 @@
}
},
{
- "ID": "771",
+ "ID": "1570",
"typeID": "Arrow",
"zOrder": "64",
"w": "128",
@@ -1717,7 +2028,7 @@
}
},
{
- "ID": "772",
+ "ID": "1571",
"typeID": "Arrow",
"zOrder": "65",
"w": "123",
@@ -1748,7 +2059,7 @@
}
},
{
- "ID": "773",
+ "ID": "1572",
"typeID": "Arrow",
"zOrder": "66",
"w": "106",
@@ -1778,7 +2089,7 @@
}
},
{
- "ID": "774",
+ "ID": "1573",
"typeID": "Arrow",
"zOrder": "67",
"w": "109",
@@ -1808,7 +2119,7 @@
}
},
{
- "ID": "775",
+ "ID": "1574",
"typeID": "Arrow",
"zOrder": "68",
"w": "111",
@@ -1838,7 +2149,7 @@
}
},
{
- "ID": "776",
+ "ID": "1575",
"typeID": "Arrow",
"zOrder": "69",
"w": "112",
@@ -1869,7 +2180,7 @@
}
},
{
- "ID": "777",
+ "ID": "1576",
"typeID": "Arrow",
"zOrder": "70",
"w": "112",
@@ -1900,7 +2211,7 @@
}
},
{
- "ID": "778",
+ "ID": "1577",
"typeID": "Arrow",
"zOrder": "71",
"w": "120",
@@ -1930,7 +2241,7 @@
}
},
{
- "ID": "781",
+ "ID": "1578",
"typeID": "Arrow",
"zOrder": "72",
"w": "19",
@@ -1961,1605 +2272,161 @@
}
},
{
- "ID": "816",
- "typeID": "Canvas",
- "zOrder": "83",
- "w": "350",
- "h": "141",
- "measuredW": "100",
- "measuredH": "70",
- "x": "933",
- "y": "169"
- },
- {
- "ID": "817",
- "typeID": "Label",
- "zOrder": "84",
- "measuredW": "314",
- "measuredH": "25",
- "x": "947",
- "y": "186",
- "properties": {
- "size": "17",
- "text": "Find the detailed version of this roadmap"
- }
- },
- {
- "ID": "818",
- "typeID": "Label",
- "zOrder": "85",
- "measuredW": "319",
- "measuredH": "25",
- "x": "947",
- "y": "214",
+ "ID": "1579",
+ "typeID": "__group__",
+ "zOrder": "73",
+ "measuredW": "250",
+ "measuredH": "55",
+ "w": "250",
+ "h": "55",
+ "x": "543",
+ "y": "619",
"properties": {
- "size": "17",
- "text": "along with resources and other roadmaps"
+ "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": "923",
- "typeID": "Arrow",
- "zOrder": "106",
- "w": "96",
- "h": "111",
- "measuredW": "150",
- "measuredH": "100",
- "x": "318",
- "y": "1626",
+ "ID": "1580",
+ "typeID": "__group__",
+ "zOrder": "74",
+ "measuredW": "145",
+ "measuredH": "40",
+ "w": "145",
+ "h": "40",
+ "x": "624",
+ "y": "273",
"properties": {
- "color": "10027263",
- "curvature": "-1",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4514556344894832,
- "y": -0.030087755954868366
- },
- "p2": {
- "x": 96,
- "y": 111
+ "controlName": "ext_link:roadmap.sh/frontend"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "Label",
+ "zOrder": "0",
+ "measuredW": "145",
+ "measuredH": "40",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "size": "32",
+ "text": "Front-end",
+ "bold": "true"
+ }
+ }
+ ]
}
}
},
{
- "ID": "976",
- "typeID": "Arrow",
- "zOrder": "123",
- "w": "201",
- "h": "4",
- "measuredW": "150",
- "measuredH": "100",
- "x": "603",
- "y": "3042",
+ "ID": "1581",
+ "typeID": "__group__",
+ "zOrder": "75",
+ "measuredW": "304",
+ "measuredH": "47",
+ "w": "304",
+ "h": "47",
+ "x": "152",
+ "y": "552",
"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": "977",
- "typeID": "Arrow",
- "zOrder": "124",
- "w": "41",
- "h": "124",
- "measuredW": "150",
- "measuredH": "100",
- "x": "742",
- "y": "2909",
- "properties": {
- "color": "2848996",
- "curvature": "-1",
- "leftArrow": "false",
- "p0": {
- "x": 37,
- "y": 0
- },
- "p1": {
- "x": 0.5697582243361078,
- "y": -0.30657946888624726
- },
- "p2": {
- "x": 40,
- "y": 123
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "978",
- "typeID": "Arrow",
- "zOrder": "125",
- "w": "97",
- "h": "17",
- "measuredW": "150",
- "measuredH": "100",
- "x": "897",
- "y": "2880",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 96,
- "y": 0
- },
- "p1": {
- "x": 0.4835193355826628,
- "y": 0.007267064624967626
- },
- "p2": {
- "x": 0,
- "y": 16
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "979",
- "typeID": "Arrow",
- "zOrder": "126",
- "w": "78",
- "h": "22",
- "measuredW": "150",
- "measuredH": "100",
- "x": "903",
- "y": "2911",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 77,
- "y": 21
- },
- "p1": {
- "x": 0.4835193355826629,
- "y": 0.0072670646249675805
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "981",
- "typeID": "Arrow",
- "zOrder": "127",
- "w": "158",
- "h": "72",
- "measuredW": "150",
- "measuredH": "100",
- "x": "286",
- "y": "2958",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4319942611190819,
- "y": -0.006169296987087513
- },
- "p2": {
- "x": 157,
- "y": 71
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "982",
- "typeID": "Arrow",
- "zOrder": "128",
- "w": "134",
- "h": "145",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1059",
- "y": "3059",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 133,
- "y": 144
- },
- "p1": {
- "x": 0.5642023346303501,
- "y": 0.02723735408560301
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "983",
- "typeID": "Arrow",
- "zOrder": "129",
- "w": "144",
- "h": "111",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1049",
- "y": "3049",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 143,
- "y": 110
- },
- "p1": {
- "x": 0.5591257349884183,
- "y": 0.009087129536140616
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "984",
- "typeID": "Arrow",
- "zOrder": "130",
- "w": "145",
- "h": "78",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1053",
- "y": "3043",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 144,
- "y": 77
- },
- "p1": {
- "x": 0.5642023346303502,
- "y": 0.027237354085603124
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "985",
- "typeID": "Arrow",
- "zOrder": "131",
- "w": "29",
- "h": "229",
- "measuredW": "150",
- "measuredH": "100",
- "x": "824",
- "y": "2678",
- "properties": {
- "color": "2848996",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 228
- },
- "p1": {
- "x": 0.4409025564097753,
- "y": -0.09294330895680976
- },
- "p2": {
- "x": 15,
- "y": 0
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "986",
- "typeID": "Arrow",
- "zOrder": "133",
- "h": "33",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1049",
- "y": "3040",
- "properties": {
- "color": "2848996",
- "curvature": "-1",
- "leftArrow": "false",
- "p0": {
- "x": 149,
- "y": 32
- },
- "p1": {
- "x": 0.5905801701155262,
- "y": -0.014345563031611016
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "987",
- "typeID": "Arrow",
- "zOrder": "134",
- "w": "141",
- "h": "16",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1054",
- "y": "3022",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 140,
- "y": 0
- },
- "p1": {
- "x": 0.5446556671449067,
- "y": -0.004842180774748907
- },
- "p2": {
- "x": 0,
- "y": 15
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "988",
- "typeID": "Arrow",
- "zOrder": "135",
- "w": "144",
- "h": "60",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1048",
- "y": "2973",
- "properties": {
- "color": "2848996",
- "curvature": "-1",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 143,
- "y": 0
- },
- "p1": {
- "x": 0.5359734790789354,
- "y": 0.012722874294418268
- },
- "p2": {
- "x": 0,
- "y": 59
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1001",
- "typeID": "Arrow",
- "zOrder": "140",
- "w": "2",
- "h": "104",
- "measuredW": "150",
- "measuredH": "100",
- "x": "564",
- "y": "3059",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.523291249455812,
- "y": 0.00130605137135394
- },
- "p2": {
- "x": 1,
- "y": 103
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1002",
- "typeID": "Arrow",
- "zOrder": "141",
- "w": "180",
- "h": "45",
- "measuredW": "150",
- "measuredH": "100",
- "x": "280",
- "y": "3052",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 44
- },
- "p1": {
- "x": 0.4319942611190816,
- "y": -0.0061692969870875015
- },
- "p2": {
- "x": 179,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1003",
- "typeID": "Arrow",
- "zOrder": "142",
- "w": "87",
- "h": "128",
- "measuredW": "150",
- "measuredH": "100",
- "x": "995",
- "y": "2689",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 86,
- "y": 127
- },
- "p1": {
- "x": 0.3984434389140272,
- "y": 0.2406877828054298
- },
- "p2": {
- "x": 1,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1004",
- "typeID": "Arrow",
- "zOrder": "143",
- "w": "71",
- "h": "81",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1007",
- "y": "2686",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 70,
- "y": 80
- },
- "p1": {
- "x": 0.4436256975246818,
- "y": 0.1679067105451423
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1005",
- "typeID": "Arrow",
- "zOrder": "144",
- "w": "98",
- "h": "1",
- "measuredW": "150",
- "measuredH": "100",
- "x": "997",
- "y": "2676",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 97,
- "y": 0
- },
- "p1": {
- "x": 0.48351933558266286,
- "y": 0.007267064624967593
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1006",
- "typeID": "Arrow",
- "zOrder": "146",
- "w": "134",
- "h": "109",
- "measuredW": "150",
- "measuredH": "100",
- "x": "697",
- "y": "2562",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.6566784235546694,
- "y": 0.1877932832387666
- },
- "p2": {
- "x": 132,
- "y": 108
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1007",
- "typeID": "Arrow",
- "zOrder": "147",
- "w": "1",
- "h": "86",
- "measuredW": "150",
- "measuredH": "100",
- "x": "554",
- "y": "2562",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4770488047048041,
- "y": 0.005193614908729856
- },
- "p2": {
- "x": 0,
- "y": 85
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1008",
- "typeID": "Arrow",
- "zOrder": "148",
- "w": "177",
- "h": "1",
- "measuredW": "150",
- "measuredH": "100",
- "x": "358",
- "y": "2552",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 176,
- "y": 0
- },
- "p1": {
- "x": 0.477048804704804,
- "y": 0.005193614908729856
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1009",
- "typeID": "Arrow",
- "zOrder": "150",
- "w": "116",
- "h": "1",
- "measuredW": "150",
- "measuredH": "100",
- "x": "729",
- "y": "2551",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 115,
- "y": 0
- },
- "p1": {
- "x": 0.477048804704804,
- "y": 0.005193614908729856
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1010",
- "typeID": "Arrow",
- "zOrder": "151",
- "w": "119",
- "h": "88",
- "measuredW": "150",
- "measuredH": "100",
- "x": "800",
- "y": "2446",
- "properties": {
- "color": "2848996",
- "curvature": "-1",
- "leftArrow": "false",
- "p0": {
- "x": 118,
- "y": 87
- },
- "p1": {
- "x": 0.3818452519424929,
- "y": -0.18457172102545016
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1011",
- "typeID": "Arrow",
- "zOrder": "152",
- "w": "76",
- "h": "5",
- "measuredW": "150",
- "measuredH": "100",
- "x": "343",
- "y": "2366",
- "properties": {
- "color": "10027263",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 74,
- "y": 1
- },
- "p1": {
- "x": 0.5049180327868853,
- "y": -0.02090163934426228
- },
- "p2": {
- "x": 0,
- "y": 3
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1012",
- "typeID": "Arrow",
- "zOrder": "154",
- "w": "1",
- "h": "81",
- "measuredW": "150",
- "measuredH": "100",
- "x": "616",
- "y": "2209",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.5750000000000001,
- "y": 0
- },
- "p2": {
- "x": 0,
- "y": 80
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1013",
- "typeID": "Arrow",
- "zOrder": "155",
- "w": "191",
- "h": "3",
- "measuredW": "150",
- "measuredH": "100",
- "x": "682",
- "y": "2199",
- "properties": {
- "color": "10027263",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 190,
- "y": 2
- },
- "p1": {
- "x": 0.5105398742417108,
- "y": -0.0025761059250436276
- },
- "p2": {
- "x": 0,
- "y": 1
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1066",
- "typeID": "Arrow",
- "zOrder": "164",
- "w": "79",
- "h": "16",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1026",
- "y": "2558",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4835193355826628,
- "y": 0.007267064624967568
- },
- "p2": {
- "x": 78,
- "y": 15
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1067",
- "typeID": "Arrow",
- "zOrder": "165",
- "w": "85",
- "h": "23",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1030",
- "y": "2528",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 84,
- "y": 0
- },
- "p1": {
- "x": 0.48351933558266297,
- "y": 0.007267064624967475
- },
- "p2": {
- "x": 0,
- "y": 22
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1095",
- "typeID": "Arrow",
- "zOrder": "172",
- "w": "66",
- "h": "23",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1169",
- "y": "2677",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 65,
- "y": 22
- },
- "p1": {
- "x": 0.4835193355826627,
- "y": 0.007267064624967518
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1096",
- "typeID": "Arrow",
- "zOrder": "173",
- "w": "96",
- "h": "27",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1168",
- "y": "2651",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 95,
- "y": 0
- },
- "p1": {
- "x": 0.48351933558266286,
- "y": 0.007267064624967588
- },
- "p2": {
- "x": 0,
- "y": 26
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1103",
- "typeID": "Arrow",
- "zOrder": "177",
- "w": "65",
- "h": "4",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1172",
- "y": "2763",
- "properties": {
- "color": "2848996",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 3
- },
- "p1": {
- "x": 0.4807692307692308,
- "y": -0.01923076923076923
- },
- "p2": {
- "x": 64,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1108",
- "typeID": "Arrow",
- "zOrder": "179",
- "w": "65",
- "h": "2",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1172",
- "y": "2819",
- "properties": {
- "color": "2848996",
- "curvature": "-1",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4807692307692308,
- "y": -0.01923076923076923
- },
- "p2": {
- "x": 64,
- "y": 1
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1113",
- "typeID": "Arrow",
- "zOrder": "181",
- "w": "87",
- "h": "43",
- "measuredW": "150",
- "measuredH": "100",
- "x": "673",
- "y": "3175",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.43199426111908185,
- "y": -0.006169296987087567
- },
- "p2": {
- "x": 86,
- "y": 42
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1114",
- "typeID": "Arrow",
- "zOrder": "182",
- "w": "95",
- "h": "8",
- "measuredW": "150",
- "measuredH": "100",
- "x": "666",
- "y": "3165",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.43199426111908185,
- "y": -0.006169296987087555
- },
- "p2": {
- "x": 94,
- "y": 7
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1115",
- "typeID": "Arrow",
- "zOrder": "183",
- "w": "98",
- "h": "36",
- "measuredW": "150",
- "measuredH": "100",
- "x": "665",
- "y": "3129",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 35
- },
- "p1": {
- "x": 0.4319942611190818,
- "y": -0.006169296987087552
- },
- "p2": {
- "x": 97,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1122",
- "typeID": "Arrow",
- "zOrder": "186",
- "w": "179",
- "h": "2",
- "measuredW": "150",
- "measuredH": "100",
- "x": "280",
- "y": "3045",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 1
- },
- "p1": {
- "x": 0.431994261119082,
- "y": -0.006169296987087527
- },
- "p2": {
- "x": 178,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1123",
- "typeID": "Arrow",
- "zOrder": "187",
- "w": "161",
- "h": "34",
- "measuredW": "150",
- "measuredH": "100",
- "x": "286",
- "y": "3002",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.4319942611190819,
- "y": -0.006169296987087513
- },
- "p2": {
- "x": 160,
- "y": 33
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1141",
- "typeID": "Arrow",
- "zOrder": "191",
- "w": "2",
- "h": "89",
- "measuredW": "150",
- "measuredH": "100",
- "x": "296",
- "y": "3529",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 1,
- "y": 88
- },
- "p1": {
- "x": 0.4072427393330943,
- "y": 0.00953746862674794
- },
- "p2": {
- "x": 1,
- "y": 0
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1142",
- "typeID": "Arrow",
- "zOrder": "1",
- "w": "166",
- "h": "171",
- "measuredW": "150",
- "measuredH": "100",
- "x": "279",
- "y": "3163",
- "properties": {
- "color": "2848996",
- "direction": "bottom",
- "leftArrow": "false",
- "p0": {
- "x": 165,
- "y": 0
- },
- "p1": {
- "x": 0.5101799412144239,
- "y": -0.2666499390637321
- },
- "p2": {
- "x": 1,
- "y": 170
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1143",
- "typeID": "Arrow",
- "zOrder": "192",
- "w": "8",
- "h": "166",
- "measuredW": "150",
- "measuredH": "100",
- "x": "286",
- "y": "3351",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "p0": {
- "x": 7,
- "y": 165
- },
- "p1": {
- "x": 0.4072427393330943,
- "y": 0.009537468626747932
- },
- "p2": {
- "x": 0,
- "y": 0
- },
- "rightArrow": "false"
- }
- },
- {
- "ID": "1395",
- "typeID": "Arrow",
- "zOrder": "199",
- "w": "128",
- "h": "180",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1055",
- "y": "3064",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "p0": {
- "x": 128,
- "y": 180
- },
- "p1": {
- "x": 0.56420233463035,
- "y": 0.027237354085603037
- },
- "p2": {
- "x": 0.142857142856883,
- "y": -0.12135922330026006
- },
- "rightArrow": "false",
- "stroke": "dotted"
- }
- },
- {
- "ID": "1396",
- "typeID": "__group__",
- "zOrder": "114",
- "measuredW": "408",
- "measuredH": "162",
- "w": "408",
- "h": "162",
- "x": "151",
- "y": "183",
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "Canvas",
- "zOrder": "0",
- "w": "408",
- "h": "162",
- "measuredW": "100",
- "measuredH": "70",
- "x": "0",
- "y": "0"
- },
- {
- "ID": "1",
- "typeID": "Icon",
- "zOrder": "1",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "21",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "21",
- "properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "3",
- "typeID": "Label",
- "zOrder": "3",
- "measuredW": "269",
- "measuredH": "24",
- "x": "59",
- "y": "21",
- "properties": {
- "size": "16",
- "text": "Personal Recommendation / Opinion"
- }
- },
- {
- "ID": "4",
- "typeID": "Label",
- "zOrder": "4",
- "measuredW": "159",
- "measuredH": "24",
- "x": "59",
- "y": "118",
- "properties": {
- "size": "16",
- "text": "I wouldn't recommend"
- }
- },
- {
- "ID": "5",
- "typeID": "Icon",
- "zOrder": "5",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "118",
- "properties": {
- "color": "10066329",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "6",
- "typeID": "Label",
- "zOrder": "6",
- "w": "324",
- "measuredW": "315",
- "measuredH": "24",
- "x": "60",
- "y": "86",
- "properties": {
- "size": "16",
- "text": "Order in roadmap not strict (Learn anytime)"
- }
- },
- {
- "ID": "7",
- "typeID": "Icon",
- "zOrder": "7",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "86",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "8",
- "typeID": "Icon",
- "zOrder": "8",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "86",
- "properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "9",
- "typeID": "Label",
- "zOrder": "9",
- "measuredW": "272",
- "measuredH": "24",
- "x": "59",
- "y": "54",
- "properties": {
- "size": "16",
- "text": "Alternative Option - Pick this or purple"
- }
- },
- {
- "ID": "10",
- "typeID": "Icon",
- "zOrder": "10",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "53",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "11",
- "typeID": "Icon",
- "zOrder": "11",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "53",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "12",
- "typeID": "Icon",
- "zOrder": "12",
- "measuredW": "24",
- "measuredH": "24",
- "x": "23",
- "y": "53",
- "properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1398",
- "typeID": "__group__",
- "zOrder": "93",
- "measuredW": "320",
- "measuredH": "45",
- "w": "320",
- "h": "45",
- "x": "948",
- "y": "250",
- "properties": {
- "controlName": "ext_link:roadmap.sh"
+ "controlName": "100-html:learn-the-basics"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "Canvas",
+ "typeID": "TextArea",
"zOrder": "0",
- "w": "320",
- "h": "45",
- "measuredW": "100",
- "measuredH": "70",
- "x": "0",
- "y": "0",
+ "w": "296",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "8",
+ "y": "7",
"properties": {
- "borderColor": "4273622",
- "color": "4273622"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "105",
- "measuredH": "28",
- "x": "139",
- "y": "8",
+ "w": "134",
+ "measuredW": "128",
+ "measuredH": "25",
+ "x": "90",
+ "y": "15",
"properties": {
- "color": "16777215",
- "size": "20",
- "text": "roadmap.sh"
+ "size": "17",
+ "text": "Learn the basics"
}
},
{
"ID": "2",
- "typeID": "Label",
+ "typeID": "Icon",
"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",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16777215",
- "size": "20",
- "text": "/"
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1399",
- "typeID": "__group__",
- "zOrder": "74",
- "measuredW": "145",
- "measuredH": "40",
- "w": "145",
- "h": "40",
- "x": "624",
- "y": "273",
- "properties": {
- "controlName": "ext_link:roadmap.sh/frontend"
- },
- "children": {
- "controls": {
- "control": [
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
{
- "ID": "0",
- "typeID": "Label",
- "zOrder": "0",
- "measuredW": "145",
- "measuredH": "40",
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
"x": "0",
"y": "0",
"properties": {
- "size": "32",
- "text": "Front-end",
- "bold": "true"
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -3567,17 +2434,17 @@
}
},
{
- "ID": "1400",
+ "ID": "1582",
"typeID": "__group__",
- "zOrder": "95",
- "measuredW": "306",
- "measuredH": "53",
- "w": "306",
- "h": "53",
- "x": "153",
- "y": "391",
+ "zOrder": "76",
+ "measuredW": "304",
+ "measuredH": "45",
+ "w": "304",
+ "h": "45",
+ "x": "152",
+ "y": "601",
"properties": {
- "controlName": "100-internet:how-does-the-internet-work"
+ "controlName": "101-html:writing-semantic-html"
},
"children": {
"controls": {
@@ -3586,12 +2453,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "299",
- "h": "44",
+ "w": "296",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
- "y": "9",
+ "x": "8",
+ "y": "5",
"properties": {
"color": "16770457"
}
@@ -3600,14 +2467,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "223",
- "measuredW": "219",
+ "w": "189",
+ "measuredW": "183",
"measuredH": "25",
- "x": "45",
- "y": "19",
+ "x": "63",
+ "y": "13",
"properties": {
"size": "17",
- "text": "How does the internet work?"
+ "text": "Writing Semantic HTML"
}
},
{
@@ -3635,7 +2502,7 @@
"x": "0",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -3647,17 +2514,17 @@
}
},
{
- "ID": "1401",
+ "ID": "1583",
"typeID": "__group__",
- "zOrder": "94",
- "measuredW": "187",
- "measuredH": "60",
- "w": "187",
- "h": "60",
- "x": "564",
- "y": "439",
+ "zOrder": "77",
+ "measuredW": "304",
+ "measuredH": "45",
+ "w": "304",
+ "h": "45",
+ "x": "152",
+ "y": "647",
"properties": {
- "controlName": "100-internet"
+ "controlName": "102-html:forms-and-validations"
},
"children": {
"controls": {
@@ -3666,29 +2533,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "178",
- "h": "50",
+ "w": "296",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "10",
+ "x": "8",
+ "y": "5",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "75",
- "measuredW": "63",
+ "w": "172",
+ "measuredW": "169",
"measuredH": "25",
- "x": "64",
- "y": "23",
+ "x": "71",
+ "y": "13",
"properties": {
"size": "17",
- "text": "Internet",
- "bold": "true"
+ "text": "Forms and Validations"
}
},
{
@@ -3728,17 +2594,17 @@
}
},
{
- "ID": "1402",
+ "ID": "1584",
"typeID": "__group__",
- "zOrder": "96",
- "measuredW": "307",
- "measuredH": "47",
- "w": "307",
- "h": "47",
+ "zOrder": "78",
+ "measuredW": "304",
+ "measuredH": "49",
+ "w": "304",
+ "h": "49",
"x": "152",
- "y": "443",
+ "y": "690",
"properties": {
- "controlName": "101-internet:what-is-http"
+ "controlName": "103-html:conventions-and-best-practices"
},
"children": {
"controls": {
@@ -3747,12 +2613,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "299",
+ "w": "296",
"h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "8",
- "y": "7",
+ "y": "9",
"properties": {
"color": "16770457"
}
@@ -3761,14 +2627,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "119",
- "measuredW": "113",
+ "w": "248",
+ "measuredW": "246",
"measuredH": "25",
- "x": "98",
- "y": "15",
+ "x": "33",
+ "y": "17",
"properties": {
"size": "17",
- "text": "What is HTTP?"
+ "text": "Conventions and Best Practices"
}
},
{
@@ -3808,17 +2674,17 @@
}
},
{
- "ID": "1403",
+ "ID": "1585",
"typeID": "__group__",
- "zOrder": "97",
- "measuredW": "307",
- "measuredH": "48",
- "w": "307",
- "h": "48",
- "x": "152",
- "y": "488",
+ "zOrder": "79",
+ "measuredW": "250",
+ "measuredH": "50",
+ "w": "250",
+ "h": "50",
+ "x": "543",
+ "y": "681",
"properties": {
- "controlName": "102-internet:browsers-and-how-they-work"
+ "controlName": "102-css"
},
"children": {
"controls": {
@@ -3827,37 +2693,149 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "299",
- "h": "40",
+ "w": "250",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "measuredW": "33",
+ "measuredH": "25",
+ "x": "108",
+ "y": "14",
+ "properties": {
+ "bold": "true",
+ "size": "17",
+ "text": "CSS"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1586",
+ "typeID": "__group__",
+ "zOrder": "80",
+ "measuredW": "123",
+ "measuredH": "193",
+ "w": "123",
+ "h": "193",
+ "x": "1183",
+ "y": "652",
+ "properties": {
+ "controlName": "101-css:making-layouts"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "116",
+ "h": "185",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
"y": "8",
"properties": {
- "color": "16770457"
+ "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": "1",
+ "ID": "6",
"typeID": "Label",
- "zOrder": "1",
- "w": "230",
- "measuredW": "225",
+ "zOrder": "6",
+ "measuredW": "65",
"measuredH": "25",
- "x": "42",
- "y": "16",
+ "x": "26",
+ "y": "156",
"properties": {
"size": "17",
- "text": "Browsers and how they work?"
+ "text": "Flex Box"
}
},
{
- "ID": "2",
+ "ID": "7",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "7",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "99",
"y": "0",
"properties": {
"color": "16777215",
@@ -3868,12 +2846,12 @@
}
},
{
- "ID": "3",
+ "ID": "8",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "8",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "99",
"y": "0",
"properties": {
"color": "10027263",
@@ -3888,17 +2866,17 @@
}
},
{
- "ID": "1404",
+ "ID": "1587",
"typeID": "__group__",
- "zOrder": "98",
+ "zOrder": "81",
"measuredW": "289",
- "measuredH": "49",
+ "measuredH": "47",
"w": "289",
- "h": "49",
+ "h": "47",
"x": "875",
- "y": "388",
+ "y": "679",
"properties": {
- "controlName": "103-internet:dns-and-how-it-works"
+ "controlName": "100-css:learn-the-basics"
},
"children": {
"controls": {
@@ -3908,11 +2886,11 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "280",
- "h": "40",
+ "h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "4",
"properties": {
"color": "16770457"
}
@@ -3921,14 +2899,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "179",
- "measuredW": "175",
+ "w": "140",
+ "measuredW": "128",
"measuredH": "25",
- "x": "51",
- "y": "17",
+ "x": "70",
+ "y": "13",
"properties": {
"size": "17",
- "text": "DNS and how it works?"
+ "text": "Learn the basics"
}
},
{
@@ -3968,17 +2946,17 @@
}
},
{
- "ID": "1405",
+ "ID": "1588",
"typeID": "__group__",
- "zOrder": "99",
- "measuredW": "289",
- "measuredH": "45",
- "w": "289",
- "h": "45",
+ "zOrder": "82",
+ "measuredW": "290",
+ "measuredH": "51",
+ "w": "290",
+ "h": "51",
"x": "874",
- "y": "438",
+ "y": "728",
"properties": {
- "controlName": "104-internet:what-is-domain-name"
+ "controlName": "101-css:making-layouts"
},
"children": {
"controls": {
@@ -3987,12 +2965,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "280",
- "h": "40",
+ "w": "281",
+ "h": "47",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "5",
+ "y": "4",
"properties": {
"color": "16770457"
}
@@ -4001,14 +2979,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "189",
- "measuredW": "180",
+ "w": "130",
+ "measuredW": "120",
"measuredH": "25",
- "x": "51",
- "y": "13",
+ "x": "76",
+ "y": "15",
"properties": {
"size": "17",
- "text": "What is Domain Name?"
+ "text": "Making Layouts"
}
},
{
@@ -4017,7 +2995,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "266",
"y": "0",
"properties": {
"color": "16777215",
@@ -4033,7 +3011,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "266",
"y": "0",
"properties": {
"color": "10027263",
@@ -4048,17 +3026,54 @@
}
},
{
- "ID": "1406",
+ "ID": "1589",
+ "typeID": "Canvas",
+ "zOrder": "83",
+ "w": "350",
+ "h": "141",
+ "measuredW": "100",
+ "measuredH": "70",
+ "x": "933",
+ "y": "169"
+ },
+ {
+ "ID": "1590",
+ "typeID": "Label",
+ "zOrder": "84",
+ "measuredW": "314",
+ "measuredH": "25",
+ "x": "947",
+ "y": "186",
+ "properties": {
+ "size": "17",
+ "text": "Find the detailed version of this roadmap"
+ }
+ },
+ {
+ "ID": "1591",
+ "typeID": "Label",
+ "zOrder": "85",
+ "measuredW": "319",
+ "measuredH": "25",
+ "x": "947",
+ "y": "214",
+ "properties": {
+ "size": "17",
+ "text": "along with resources and other roadmaps"
+ }
+ },
+ {
+ "ID": "1592",
"typeID": "__group__",
- "zOrder": "100",
+ "zOrder": "86",
"measuredW": "288",
- "measuredH": "46",
+ "measuredH": "45",
"w": "288",
- "h": "46",
- "x": "875",
- "y": "483",
+ "h": "45",
+ "x": "874",
+ "y": "783",
"properties": {
- "controlName": "105-internet:what-is-hosting"
+ "controlName": "102-css:responsive-design-and-media-queries"
},
"children": {
"controls": {
@@ -4068,11 +3083,11 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "280",
- "h": "40",
+ "h": "43",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "6",
+ "y": "2",
"properties": {
"color": "16770457"
}
@@ -4081,14 +3096,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "133",
- "measuredW": "126",
- "measuredH": "25",
- "x": "74",
- "y": "14",
+ "w": "248",
+ "measuredW": "246",
+ "measuredH": "22",
+ "x": "18",
+ "y": "12",
"properties": {
- "size": "17",
- "text": "What is hosting?"
+ "size": "14",
+ "text": "Responsive design and Media Queries"
}
},
{
@@ -4128,17 +3143,17 @@
}
},
{
- "ID": "1407",
+ "ID": "1593",
"typeID": "__group__",
- "zOrder": "73",
+ "zOrder": "87",
"measuredW": "250",
- "measuredH": "55",
+ "measuredH": "50",
"w": "250",
- "h": "55",
+ "h": "50",
"x": "543",
- "y": "619",
+ "y": "738",
"properties": {
- "controlName": "101-html"
+ "controlName": "103-javascript"
},
"children": {
"controls": {
@@ -4148,7 +3163,7 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "250",
- "h": "55",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -4161,94 +3176,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "47",
+ "measuredW": "82",
"measuredH": "25",
- "x": "101",
- "y": "16",
+ "x": "82",
+ "y": "13",
"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"
- }
+ "text": "JavaScript"
}
}
]
@@ -4256,17 +3191,17 @@
}
},
{
- "ID": "1410",
+ "ID": "1594",
"typeID": "__group__",
- "zOrder": "76",
+ "zOrder": "88",
"measuredW": "304",
- "measuredH": "45",
+ "measuredH": "48",
"w": "304",
- "h": "45",
+ "h": "48",
"x": "152",
- "y": "601",
+ "y": "753",
"properties": {
- "controlName": "101-html:writing-semantic-html"
+ "controlName": "100-javascript:syntax-and-basic-constructs"
},
"children": {
"controls": {
@@ -4280,7 +3215,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "8",
- "y": "5",
+ "y": "8",
"properties": {
"color": "16770457"
}
@@ -4289,14 +3224,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "189",
- "measuredW": "183",
+ "w": "228",
+ "measuredW": "219",
"measuredH": "25",
- "x": "63",
- "y": "13",
+ "x": "43",
+ "y": "16",
"properties": {
"size": "17",
- "text": "Writing Semantic HTML"
+ "text": "Syntax and Basic Constructs"
}
},
{
@@ -4324,7 +3259,7 @@
"x": "0",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -4336,17 +3271,17 @@
}
},
{
- "ID": "1411",
+ "ID": "1595",
"typeID": "__group__",
- "zOrder": "77",
- "measuredW": "304",
+ "zOrder": "89",
+ "measuredW": "305",
"measuredH": "45",
- "w": "304",
+ "w": "305",
"h": "45",
"x": "152",
- "y": "647",
+ "y": "802",
"properties": {
- "controlName": "102-html:forms-and-validations"
+ "controlName": "101-javascript:learn-dom-manipulation"
},
"children": {
"controls": {
@@ -4355,7 +3290,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "296",
+ "w": "297",
"h": "40",
"measuredW": "200",
"measuredH": "140",
@@ -4369,14 +3304,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "172",
- "measuredW": "169",
+ "w": "197",
+ "measuredW": "193",
"measuredH": "25",
- "x": "71",
+ "x": "59",
"y": "13",
"properties": {
"size": "17",
- "text": "Forms and Validations"
+ "text": "Learn DOM Manipulation"
}
},
{
@@ -4416,17 +3351,17 @@
}
},
{
- "ID": "1412",
+ "ID": "1596",
"typeID": "__group__",
- "zOrder": "78",
- "measuredW": "304",
- "measuredH": "49",
- "w": "304",
- "h": "49",
- "x": "152",
- "y": "690",
+ "zOrder": "90",
+ "measuredW": "305",
+ "measuredH": "117",
+ "w": "305",
+ "h": "117",
+ "x": "151",
+ "y": "947",
"properties": {
- "controlName": "103-html:conventions-and-best-practices"
+ "controlName": "104-javascript:concepts"
},
"children": {
"controls": {
@@ -4436,11 +3371,11 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "296",
- "h": "40",
+ "h": "113",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "9",
+ "x": "9",
+ "y": "4",
"properties": {
"color": "16770457"
}
@@ -4449,20 +3384,48 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "248",
+ "w": "247",
"measuredW": "246",
"measuredH": "25",
- "x": "33",
- "y": "17",
+ "x": "34",
+ "y": "49",
"properties": {
"size": "17",
- "text": "Conventions and Best Practices"
+ "text": "Hoisting, Event Bubbling, Scope,"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "2",
+ "w": "245",
+ "measuredW": "231",
+ "measuredH": "25",
+ "x": "36",
+ "y": "78",
+ "properties": {
+ "size": "17",
+ "text": "Prototype, Shadow DOM, strict"
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
+ "zOrder": "3",
+ "w": "202",
+ "measuredW": "195",
+ "measuredH": "25",
+ "x": "57",
+ "y": "19",
+ "properties": {
+ "size": "17",
+ "text": "Understand the concepts"
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -4476,9 +3439,9 @@
}
},
{
- "ID": "3",
+ "ID": "5",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "5",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -4496,17 +3459,17 @@
}
},
{
- "ID": "1413",
+ "ID": "1597",
"typeID": "__group__",
- "zOrder": "101",
- "measuredW": "288",
- "measuredH": "48",
- "w": "288",
- "h": "48",
- "x": "875",
- "y": "581",
+ "zOrder": "91",
+ "measuredW": "304",
+ "measuredH": "45",
+ "w": "304",
+ "h": "45",
+ "x": "152",
+ "y": "849",
"properties": {
- "controlName": "104-html:accessibility"
+ "controlName": "102-javascript:learn-fetch-api-ajax-xhr"
},
"children": {
"controls": {
@@ -4515,12 +3478,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "280",
+ "w": "296",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "8",
+ "x": "8",
+ "y": "5",
"properties": {
"color": "16770457"
}
@@ -4529,14 +3492,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "101",
- "measuredW": "94",
+ "w": "234",
+ "measuredW": "224",
"measuredH": "25",
- "x": "89",
- "y": "16",
+ "x": "40",
+ "y": "13",
"properties": {
"size": "17",
- "text": "Accessibility"
+ "text": "Learn Fetch API / Ajax (XHR)"
}
},
{
@@ -4545,7 +3508,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "264",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -4561,10 +3524,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "264",
+ "x": "0",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -4576,17 +3539,17 @@
}
},
{
- "ID": "1415",
+ "ID": "1598",
"typeID": "__group__",
- "zOrder": "102",
- "measuredW": "289",
- "measuredH": "46",
- "w": "289",
- "h": "46",
- "x": "875",
- "y": "630",
+ "zOrder": "92",
+ "measuredW": "305",
+ "measuredH": "47",
+ "w": "305",
+ "h": "47",
+ "x": "151",
+ "y": "895",
"properties": {
- "controlName": "105-html:seo-basics"
+ "controlName": "103-javascript:es6-and-modular-javascript"
},
"children": {
"controls": {
@@ -4595,12 +3558,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "280",
+ "w": "296",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "6",
+ "x": "9",
+ "y": "7",
"properties": {
"color": "16770457"
}
@@ -4609,14 +3572,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "94",
- "measuredW": "90",
+ "w": "234",
+ "measuredW": "228",
"measuredH": "25",
- "x": "93",
- "y": "14",
+ "x": "41",
+ "y": "15",
"properties": {
"size": "17",
- "text": "SEO Basics"
+ "text": "ES6+ and modular JavaScript"
}
},
{
@@ -4625,7 +3588,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -4641,10 +3604,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "0",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -4656,47 +3619,105 @@
}
},
{
- "ID": "1416",
+ "ID": "1599",
"typeID": "__group__",
- "zOrder": "79",
- "measuredW": "250",
- "measuredH": "50",
- "w": "250",
- "h": "50",
- "x": "543",
- "y": "681",
+ "zOrder": "93",
+ "measuredW": "320",
+ "measuredH": "45",
+ "w": "320",
+ "h": "45",
+ "x": "948",
+ "y": "250",
"properties": {
- "controlName": "102-css"
+ "controlName": "ext_link:roadmap.sh"
},
"children": {
"controls": {
"control": [
{
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "250",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
+ "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": "16776960"
+ "color": "16777215",
+ "size": "20",
+ "text": "/"
}
},
{
- "ID": "1",
+ "ID": "5",
"typeID": "Label",
- "zOrder": "1",
- "measuredW": "33",
- "measuredH": "25",
- "x": "108",
- "y": "14",
+ "zOrder": "5",
+ "measuredW": "10",
+ "measuredH": "28",
+ "x": "128",
+ "y": "9",
"properties": {
- "bold": "true",
- "size": "17",
- "text": "CSS"
+ "color": "16777215",
+ "size": "20",
+ "text": "/"
}
}
]
@@ -4704,17 +3725,17 @@
}
},
{
- "ID": "1417",
+ "ID": "1600",
"typeID": "__group__",
- "zOrder": "81",
- "measuredW": "289",
- "measuredH": "47",
- "w": "289",
- "h": "47",
- "x": "875",
- "y": "679",
+ "zOrder": "94",
+ "measuredW": "187",
+ "measuredH": "60",
+ "w": "187",
+ "h": "60",
+ "x": "564",
+ "y": "439",
"properties": {
- "controlName": "100-css:learn-the-basics"
+ "controlName": "100-internet"
},
"children": {
"controls": {
@@ -4723,28 +3744,29 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "280",
- "h": "43",
+ "w": "178",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "4",
+ "x": "9",
+ "y": "10",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "140",
- "measuredW": "128",
+ "w": "75",
+ "measuredW": "63",
"measuredH": "25",
- "x": "70",
- "y": "13",
+ "x": "64",
+ "y": "23",
"properties": {
"size": "17",
- "text": "Learn the basics"
+ "text": "Internet",
+ "bold": "true"
}
},
{
@@ -4753,7 +3775,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -4769,7 +3791,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "265",
+ "x": "0",
"y": "0",
"properties": {
"color": "10027263",
@@ -4784,17 +3806,17 @@
}
},
{
- "ID": "1418",
+ "ID": "1601",
"typeID": "__group__",
- "zOrder": "82",
- "measuredW": "290",
- "measuredH": "51",
- "w": "290",
- "h": "51",
- "x": "874",
- "y": "728",
+ "zOrder": "95",
+ "measuredW": "306",
+ "measuredH": "53",
+ "w": "306",
+ "h": "53",
+ "x": "153",
+ "y": "391",
"properties": {
- "controlName": "101-css:making-layouts"
+ "controlName": "100-internet:how-does-the-internet-work"
},
"children": {
"controls": {
@@ -4803,12 +3825,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "281",
- "h": "47",
+ "w": "299",
+ "h": "44",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "4",
+ "x": "7",
+ "y": "9",
"properties": {
"color": "16770457"
}
@@ -4817,14 +3839,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "130",
- "measuredW": "120",
+ "w": "223",
+ "measuredW": "219",
"measuredH": "25",
- "x": "76",
- "y": "15",
+ "x": "45",
+ "y": "19",
"properties": {
"size": "17",
- "text": "Making Layouts"
+ "text": "How does the internet work?"
}
},
{
@@ -4833,7 +3855,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "266",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -4849,7 +3871,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "266",
+ "x": "0",
"y": "0",
"properties": {
"color": "10027263",
@@ -4864,17 +3886,17 @@
}
},
{
- "ID": "1419",
+ "ID": "1602",
"typeID": "__group__",
- "zOrder": "86",
- "measuredW": "288",
- "measuredH": "45",
- "w": "288",
- "h": "45",
- "x": "874",
- "y": "783",
+ "zOrder": "96",
+ "measuredW": "307",
+ "measuredH": "47",
+ "w": "307",
+ "h": "47",
+ "x": "152",
+ "y": "443",
"properties": {
- "controlName": "102-css:responsive-design-and-media-queries"
+ "controlName": "101-internet:what-is-http"
},
"children": {
"controls": {
@@ -4883,12 +3905,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "280",
- "h": "43",
+ "w": "299",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "2",
+ "x": "8",
+ "y": "7",
"properties": {
"color": "16770457"
}
@@ -4897,14 +3919,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "248",
- "measuredW": "246",
- "measuredH": "22",
- "x": "18",
- "y": "12",
+ "w": "119",
+ "measuredW": "113",
+ "measuredH": "25",
+ "x": "98",
+ "y": "15",
"properties": {
- "size": "14",
- "text": "Responsive design and Media Queries"
+ "size": "17",
+ "text": "What is HTTP?"
}
},
{
@@ -4913,7 +3935,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "264",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -4929,7 +3951,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "264",
+ "x": "0",
"y": "0",
"properties": {
"color": "10027263",
@@ -4944,17 +3966,17 @@
}
},
{
- "ID": "1420",
+ "ID": "1603",
"typeID": "__group__",
- "zOrder": "80",
- "measuredW": "123",
- "measuredH": "193",
- "w": "123",
- "h": "193",
- "x": "1183",
- "y": "652",
+ "zOrder": "97",
+ "measuredW": "307",
+ "measuredH": "48",
+ "w": "307",
+ "h": "48",
+ "x": "152",
+ "y": "488",
"properties": {
- "controlName": "101-css:making-layouts"
+ "controlName": "102-internet:browsers-and-how-they-work"
},
"children": {
"controls": {
@@ -4963,11 +3985,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "116",
- "h": "185",
+ "w": "299",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "8",
"y": "8",
"properties": {
"color": "16770457"
@@ -4977,87 +3999,103 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "47",
+ "w": "230",
+ "measuredW": "225",
"measuredH": "25",
- "x": "35",
- "y": "21",
+ "x": "42",
+ "y": "16",
"properties": {
"size": "17",
- "text": "Floats"
+ "text": "Browsers and how they work?"
}
},
{
"ID": "2",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "2",
- "measuredW": "84",
- "measuredH": "25",
- "x": "16",
- "y": "48",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "Positioning"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "3",
- "typeID": "Label",
+ "typeID": "Icon",
"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",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "Box Model"
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
- },
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1604",
+ "typeID": "__group__",
+ "zOrder": "98",
+ "measuredW": "289",
+ "measuredH": "49",
+ "w": "289",
+ "h": "49",
+ "x": "875",
+ "y": "388",
+ "properties": {
+ "controlName": "103-internet:dns-and-how-it-works"
+ },
+ "children": {
+ "controls": {
+ "control": [
{
- "ID": "5",
- "typeID": "Label",
- "zOrder": "5",
- "measuredW": "70",
- "measuredH": "25",
- "x": "22",
- "y": "129",
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "280",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "9",
"properties": {
- "size": "17",
- "text": "CSS Grid"
+ "color": "16770457"
}
},
{
- "ID": "6",
+ "ID": "1",
"typeID": "Label",
- "zOrder": "6",
- "measuredW": "65",
+ "zOrder": "1",
+ "w": "179",
+ "measuredW": "175",
"measuredH": "25",
- "x": "26",
- "y": "156",
+ "x": "51",
+ "y": "17",
"properties": {
"size": "17",
- "text": "Flex Box"
+ "text": "DNS and how it works?"
}
},
{
- "ID": "7",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "7",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "99",
+ "x": "265",
"y": "0",
"properties": {
"color": "16777215",
@@ -5068,12 +4106,12 @@
}
},
{
- "ID": "8",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "8",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "99",
+ "x": "265",
"y": "0",
"properties": {
"color": "10027263",
@@ -5088,17 +4126,17 @@
}
},
{
- "ID": "1421",
+ "ID": "1605",
"typeID": "__group__",
- "zOrder": "87",
- "measuredW": "250",
- "measuredH": "50",
- "w": "250",
- "h": "50",
- "x": "543",
- "y": "738",
+ "zOrder": "99",
+ "measuredW": "289",
+ "measuredH": "45",
+ "w": "289",
+ "h": "45",
+ "x": "874",
+ "y": "438",
"properties": {
- "controlName": "103-javascript"
+ "controlName": "104-internet:what-is-domain-name"
},
"children": {
"controls": {
@@ -5107,28 +4145,60 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "250",
- "h": "50",
+ "w": "280",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "5",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "82",
+ "w": "189",
+ "measuredW": "180",
"measuredH": "25",
- "x": "82",
+ "x": "51",
"y": "13",
"properties": {
- "bold": "true",
"size": "17",
- "text": "JavaScript"
+ "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"
+ }
}
}
]
@@ -5136,17 +4206,17 @@
}
},
{
- "ID": "1424",
+ "ID": "1606",
"typeID": "__group__",
- "zOrder": "88",
- "measuredW": "304",
- "measuredH": "48",
- "w": "304",
- "h": "48",
- "x": "152",
- "y": "753",
+ "zOrder": "100",
+ "measuredW": "288",
+ "measuredH": "46",
+ "w": "288",
+ "h": "46",
+ "x": "875",
+ "y": "483",
"properties": {
- "controlName": "100-javascript:syntax-and-basic-constructs"
+ "controlName": "105-internet:what-is-hosting"
},
"children": {
"controls": {
@@ -5155,12 +4225,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "296",
+ "w": "280",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "8",
+ "x": "0",
+ "y": "6",
"properties": {
"color": "16770457"
}
@@ -5169,14 +4239,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "228",
- "measuredW": "219",
+ "w": "133",
+ "measuredW": "126",
"measuredH": "25",
- "x": "43",
- "y": "16",
+ "x": "74",
+ "y": "14",
"properties": {
"size": "17",
- "text": "Syntax and Basic Constructs"
+ "text": "What is hosting?"
}
},
{
@@ -5185,7 +4255,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "264",
"y": "0",
"properties": {
"color": "16777215",
@@ -5201,7 +4271,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "264",
"y": "0",
"properties": {
"color": "10027263",
@@ -5216,17 +4286,17 @@
}
},
{
- "ID": "1425",
+ "ID": "1607",
"typeID": "__group__",
- "zOrder": "89",
- "measuredW": "305",
- "measuredH": "45",
- "w": "305",
- "h": "45",
- "x": "152",
- "y": "802",
+ "zOrder": "101",
+ "measuredW": "288",
+ "measuredH": "48",
+ "w": "288",
+ "h": "48",
+ "x": "875",
+ "y": "581",
"properties": {
- "controlName": "101-javascript:learn-dom-manipulation"
+ "controlName": "104-html:accessibility"
},
"children": {
"controls": {
@@ -5235,12 +4305,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "297",
+ "w": "280",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "5",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "16770457"
}
@@ -5249,14 +4319,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "197",
- "measuredW": "193",
+ "w": "101",
+ "measuredW": "94",
"measuredH": "25",
- "x": "59",
- "y": "13",
+ "x": "89",
+ "y": "16",
"properties": {
"size": "17",
- "text": "Learn DOM Manipulation"
+ "text": "Accessibility"
}
},
{
@@ -5265,7 +4335,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "264",
"y": "0",
"properties": {
"color": "16777215",
@@ -5281,10 +4351,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "264",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -5296,17 +4366,17 @@
}
},
{
- "ID": "1426",
+ "ID": "1608",
"typeID": "__group__",
- "zOrder": "91",
- "measuredW": "304",
- "measuredH": "45",
- "w": "304",
- "h": "45",
- "x": "152",
- "y": "849",
+ "zOrder": "102",
+ "measuredW": "289",
+ "measuredH": "46",
+ "w": "289",
+ "h": "46",
+ "x": "875",
+ "y": "630",
"properties": {
- "controlName": "102-javascript:learn-fetch-api-ajax-xhr"
+ "controlName": "105-html:seo-basics"
},
"children": {
"controls": {
@@ -5315,12 +4385,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "296",
+ "w": "280",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "5",
+ "x": "0",
+ "y": "6",
"properties": {
"color": "16770457"
}
@@ -5329,14 +4399,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "234",
- "measuredW": "224",
+ "w": "94",
+ "measuredW": "90",
"measuredH": "25",
- "x": "40",
- "y": "13",
+ "x": "93",
+ "y": "14",
"properties": {
"size": "17",
- "text": "Learn Fetch API / Ajax (XHR)"
+ "text": "SEO Basics"
}
},
{
@@ -5345,7 +4415,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "265",
"y": "0",
"properties": {
"color": "16777215",
@@ -5361,10 +4431,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "265",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -5376,17 +4446,17 @@
}
},
{
- "ID": "1427",
+ "ID": "1609",
"typeID": "__group__",
- "zOrder": "92",
- "measuredW": "305",
- "measuredH": "47",
- "w": "305",
- "h": "47",
- "x": "151",
- "y": "895",
+ "zOrder": "103",
+ "measuredW": "225",
+ "measuredH": "62",
+ "w": "225",
+ "h": "62",
+ "x": "513",
+ "y": "972",
"properties": {
- "controlName": "103-javascript:es6-and-modular-javascript"
+ "controlName": "100-version-control-systems:basic-usage-of-git"
},
"children": {
"controls": {
@@ -5395,28 +4465,29 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "296",
- "h": "40",
+ "w": "216",
+ "h": "54",
"measuredW": "200",
"measuredH": "140",
"x": "9",
- "y": "7",
+ "y": "8",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "234",
- "measuredW": "228",
+ "w": "155",
+ "measuredW": "146",
"measuredH": "25",
- "x": "41",
- "y": "15",
+ "x": "40",
+ "y": "23",
"properties": {
+ "bold": "true",
"size": "17",
- "text": "ES6+ and modular JavaScript"
+ "text": "Basic Usage of Git"
}
},
{
@@ -5456,17 +4527,17 @@
}
},
{
- "ID": "1428",
+ "ID": "1610",
"typeID": "__group__",
- "zOrder": "90",
- "measuredW": "305",
- "measuredH": "117",
- "w": "305",
- "h": "117",
- "x": "151",
- "y": "947",
+ "zOrder": "104",
+ "measuredW": "240",
+ "measuredH": "58",
+ "w": "240",
+ "h": "58",
+ "x": "994",
+ "y": "974",
"properties": {
- "controlName": "104-javascript:concepts"
+ "controlName": "100-repo-hosting-services:github"
},
"children": {
"controls": {
@@ -5475,62 +4546,35 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "296",
- "h": "113",
+ "w": "230",
+ "h": "49",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "4",
+ "x": "10",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "247",
- "measuredW": "246",
+ "w": "64",
+ "measuredW": "55",
"measuredH": "25",
- "x": "34",
- "y": "49",
+ "x": "97",
+ "y": "22",
"properties": {
+ "bold": "true",
"size": "17",
- "text": "Hoisting, Event Bubbling, Scope,"
+ "text": "GitHub"
}
},
{
"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",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -5544,9 +4588,9 @@
}
},
{
- "ID": "5",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "5",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -5564,17 +4608,17 @@
}
},
{
- "ID": "1429",
+ "ID": "1611",
"typeID": "__group__",
- "zOrder": "107",
- "measuredW": "336",
- "measuredH": "77",
- "w": "336",
- "h": "77",
- "x": "522",
+ "zOrder": "105",
+ "measuredW": "352",
+ "measuredH": "78",
+ "w": "352",
+ "h": "78",
+ "x": "885",
"y": "882",
"properties": {
- "controlName": "104-version-control-systems"
+ "controlName": "105-repo-hosting-services"
},
"children": {
"controls": {
@@ -5583,8 +4627,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "336",
- "h": "77",
+ "w": "352",
+ "h": "78",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -5597,29 +4641,29 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "201",
- "measuredW": "189",
+ "w": "189",
+ "measuredW": "171",
"measuredH": "25",
- "x": "65",
+ "x": "77",
"y": "15",
"properties": {
"bold": "true",
"size": "17",
- "text": "Version Control Systems"
+ "text": "Repo hosting services"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
- "w": "292",
- "measuredW": "285",
+ "w": "279",
+ "measuredW": "275",
"measuredH": "23",
- "x": "19",
- "y": "40",
+ "x": "32",
+ "y": "41",
"properties": {
"size": "15",
- "text": "What are they and why you should use one"
+ "text": "Create account and Learn to use GitHub"
}
}
]
@@ -5627,17 +4671,47 @@
}
},
{
- "ID": "1430",
+ "ID": "1612",
+ "typeID": "Arrow",
+ "zOrder": "106",
+ "w": "96",
+ "h": "111",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "318",
+ "y": "1626",
+ "properties": {
+ "color": "10027263",
+ "curvature": "-1",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.4514556344894832,
+ "y": -0.030087755954868366
+ },
+ "p2": {
+ "x": 96,
+ "y": 111
+ }
+ }
+ },
+ {
+ "ID": "1613",
"typeID": "__group__",
- "zOrder": "103",
- "measuredW": "225",
- "measuredH": "62",
- "w": "225",
- "h": "62",
- "x": "513",
- "y": "972",
+ "zOrder": "107",
+ "measuredW": "336",
+ "measuredH": "77",
+ "w": "336",
+ "h": "77",
+ "x": "522",
+ "y": "882",
"properties": {
- "controlName": "100-version-control-systems:basic-usage-of-git"
+ "controlName": "104-version-control-systems"
},
"children": {
"controls": {
@@ -5646,12 +4720,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "216",
- "h": "54",
+ "w": "336",
+ "h": "77",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "8",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16776960"
}
@@ -5660,47 +4734,29 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "155",
- "measuredW": "146",
+ "w": "201",
+ "measuredW": "189",
"measuredH": "25",
- "x": "40",
- "y": "23",
+ "x": "65",
+ "y": "15",
"properties": {
"bold": "true",
"size": "17",
- "text": "Basic Usage of Git"
+ "text": "Version Control Systems"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
"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",
+ "w": "292",
+ "measuredW": "285",
+ "measuredH": "23",
+ "x": "19",
+ "y": "40",
"properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "size": "15",
+ "text": "What are they and why you should use one"
}
}
]
@@ -5708,17 +4764,17 @@
}
},
{
- "ID": "1431",
+ "ID": "1614",
"typeID": "__group__",
- "zOrder": "105",
- "measuredW": "352",
- "measuredH": "78",
- "w": "352",
- "h": "78",
- "x": "885",
- "y": "882",
+ "zOrder": "108",
+ "measuredW": "211",
+ "measuredH": "53",
+ "w": "211",
+ "h": "53",
+ "x": "508",
+ "y": "1244",
"properties": {
- "controlName": "105-repo-hosting-services"
+ "controlName": "107-package-managers"
},
"children": {
"controls": {
@@ -5727,8 +4783,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "352",
- "h": "78",
+ "w": "211",
+ "h": "53",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -5741,29 +4797,15 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "189",
- "measuredW": "171",
+ "w": "154",
+ "measuredW": "150",
"measuredH": "25",
- "x": "77",
- "y": "15",
+ "x": "29",
+ "y": "14",
"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"
+ "text": "Package Managers"
}
}
]
@@ -5771,17 +4813,17 @@
}
},
{
- "ID": "1432",
+ "ID": "1615",
"typeID": "__group__",
- "zOrder": "104",
- "measuredW": "240",
+ "zOrder": "109",
+ "measuredW": "158",
"measuredH": "58",
- "w": "240",
+ "w": "158",
"h": "58",
- "x": "994",
- "y": "974",
+ "x": "228",
+ "y": "1229",
"properties": {
- "controlName": "100-repo-hosting-services:github"
+ "controlName": "100-package-managers:npm"
},
"children": {
"controls": {
@@ -5790,29 +4832,29 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "230",
+ "w": "151",
"h": "49",
"measuredW": "200",
"measuredH": "140",
- "x": "10",
+ "x": "7",
"y": "9",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "64",
- "measuredW": "55",
+ "w": "36",
+ "measuredW": "34",
"measuredH": "25",
- "x": "97",
- "y": "22",
+ "x": "64",
+ "y": "21",
"properties": {
"bold": "true",
"size": "17",
- "text": "GitHub"
+ "text": "npm"
}
},
{
@@ -5852,17 +4894,90 @@
}
},
{
- "ID": "1433",
+ "ID": "1616",
"typeID": "__group__",
- "zOrder": "112",
+ "zOrder": "110",
+ "measuredW": "297",
+ "measuredH": "107",
+ "w": "297",
+ "h": "107",
+ "x": "160",
+ "y": "1108",
+ "properties": {
+ "controlName": "100-package-managers"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "297",
+ "h": "107",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0"
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "261",
+ "measuredW": "244",
+ "measuredH": "25",
+ "x": "16",
+ "y": "14",
+ "properties": {
+ "size": "17",
+ "text": "npm and yarn both are fine, pick"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Label",
+ "zOrder": "2",
+ "w": "132",
+ "measuredW": "127",
+ "measuredH": "25",
+ "x": "16",
+ "y": "67",
+ "properties": {
+ "size": "17",
+ "text": "much difference."
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
+ "zOrder": "3",
+ "w": "248",
+ "measuredW": "226",
+ "measuredH": "25",
+ "x": "16",
+ "y": "41",
+ "properties": {
+ "size": "17",
+ "text": "one or learn both, there is not"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1617",
+ "typeID": "__group__",
+ "zOrder": "111",
"measuredW": "238",
- "measuredH": "55",
+ "measuredH": "54",
"w": "238",
- "h": "55",
+ "h": "54",
"x": "996",
- "y": "1033",
+ "y": "1090",
"properties": {
- "controlName": "101-repo-hosting-services:gitlab"
+ "controlName": "102-repo-hosting-services:bitbucket"
},
"children": {
"controls": {
@@ -5876,7 +4991,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "8",
- "y": "6",
+ "y": "5",
"properties": {
"color": "16770457"
}
@@ -5885,21 +5000,22 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "52",
+ "w": "80",
+ "measuredW": "75",
"measuredH": "25",
- "x": "93",
- "y": "18",
+ "x": "83",
+ "y": "17",
"properties": {
"bold": "true",
"color": "3355443",
"size": "17",
- "text": "GitLab"
+ "text": "Bitbucket"
}
},
{
"ID": "3",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -5915,7 +5031,7 @@
{
"ID": "4",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -5931,7 +5047,7 @@
{
"ID": "5",
"typeID": "Icon",
- "zOrder": "5",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -5949,17 +5065,17 @@
}
},
{
- "ID": "1434",
+ "ID": "1618",
"typeID": "__group__",
- "zOrder": "111",
+ "zOrder": "112",
"measuredW": "238",
- "measuredH": "54",
+ "measuredH": "55",
"w": "238",
- "h": "54",
+ "h": "55",
"x": "996",
- "y": "1090",
+ "y": "1033",
"properties": {
- "controlName": "102-repo-hosting-services:bitbucket"
+ "controlName": "101-repo-hosting-services:gitlab"
},
"children": {
"controls": {
@@ -5973,7 +5089,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "8",
- "y": "5",
+ "y": "6",
"properties": {
"color": "16770457"
}
@@ -5982,22 +5098,21 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "80",
- "measuredW": "75",
+ "measuredW": "52",
"measuredH": "25",
- "x": "83",
- "y": "17",
+ "x": "93",
+ "y": "18",
"properties": {
"bold": "true",
"color": "3355443",
"size": "17",
- "text": "Bitbucket"
+ "text": "GitLab"
}
},
{
"ID": "3",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -6013,7 +5128,7 @@
{
"ID": "4",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -6029,7 +5144,7 @@
{
"ID": "5",
"typeID": "Icon",
- "zOrder": "5",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -6047,7 +5162,7 @@
}
},
{
- "ID": "1435",
+ "ID": "1619",
"typeID": "__group__",
"zOrder": "113",
"measuredW": "381",
@@ -6128,180 +5243,170 @@
}
},
{
- "ID": "1437",
+ "ID": "1620",
"typeID": "__group__",
- "zOrder": "110",
- "measuredW": "297",
- "measuredH": "107",
- "w": "297",
- "h": "107",
- "x": "160",
- "y": "1108",
- "properties": {
- "controlName": "100-package-managers"
- },
+ "zOrder": "114",
+ "measuredW": "408",
+ "measuredH": "162",
+ "w": "408",
+ "h": "162",
+ "x": "151",
+ "y": "183",
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "Canvas",
"zOrder": "0",
- "w": "297",
- "h": "107",
- "measuredW": "200",
- "measuredH": "140",
+ "w": "408",
+ "h": "162",
+ "measuredW": "100",
+ "measuredH": "70",
"x": "0",
"y": "0"
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "1",
- "w": "261",
- "measuredW": "244",
- "measuredH": "25",
- "x": "16",
- "y": "14",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "23",
+ "y": "21",
"properties": {
- "size": "17",
- "text": "npm and yarn both are fine, pick"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "2",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "2",
- "w": "132",
- "measuredW": "127",
- "measuredH": "25",
- "x": "16",
- "y": "67",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "23",
+ "y": "21",
"properties": {
- "size": "17",
- "text": "much difference."
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
- "w": "248",
- "measuredW": "226",
- "measuredH": "25",
- "x": "16",
- "y": "41",
+ "measuredW": "269",
+ "measuredH": "24",
+ "x": "59",
+ "y": "21",
"properties": {
- "size": "17",
- "text": "one or learn both, there is not"
+ "size": "16",
+ "text": "Personal Recommendation / Opinion"
}
- }
- ]
- }
- }
- },
- {
- "ID": "1438",
- "typeID": "__group__",
- "zOrder": "108",
- "measuredW": "211",
- "measuredH": "53",
- "w": "211",
- "h": "53",
- "x": "508",
- "y": "1244",
- "properties": {
- "controlName": "107-package-managers"
- },
- "children": {
- "controls": {
- "control": [
+ },
+ {
+ "ID": "4",
+ "typeID": "Label",
+ "zOrder": "4",
+ "measuredW": "159",
+ "measuredH": "24",
+ "x": "59",
+ "y": "118",
+ "properties": {
+ "size": "16",
+ "text": "I wouldn't recommend"
+ }
+ },
{
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "211",
- "h": "53",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
+ "ID": "5",
+ "typeID": "Icon",
+ "zOrder": "5",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "23",
+ "y": "118",
"properties": {
- "color": "16776960"
+ "color": "10066329",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "1",
+ "ID": "6",
"typeID": "Label",
- "zOrder": "1",
- "w": "154",
- "measuredW": "150",
- "measuredH": "25",
- "x": "29",
- "y": "14",
+ "zOrder": "6",
+ "w": "324",
+ "measuredW": "315",
+ "measuredH": "24",
+ "x": "60",
+ "y": "86",
"properties": {
- "bold": "true",
- "size": "17",
- "text": "Package Managers"
+ "size": "16",
+ "text": "Order in roadmap not strict (Learn anytime)"
}
- }
- ]
- }
- }
- },
- {
- "ID": "1439",
- "typeID": "__group__",
- "zOrder": "109",
- "measuredW": "158",
- "measuredH": "58",
- "w": "158",
- "h": "58",
- "x": "228",
- "y": "1229",
- "properties": {
- "controlName": "100-package-managers:npm"
- },
- "children": {
- "controls": {
- "control": [
+ },
{
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "151",
- "h": "49",
- "measuredW": "200",
- "measuredH": "140",
- "x": "7",
- "y": "9",
+ "ID": "7",
+ "typeID": "Icon",
+ "zOrder": "7",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "23",
+ "y": "86",
"properties": {
- "color": "16770457"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "1",
+ "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": "1",
- "w": "36",
- "measuredW": "34",
- "measuredH": "25",
- "x": "64",
- "y": "21",
+ "zOrder": "9",
+ "measuredW": "272",
+ "measuredH": "24",
+ "x": "59",
+ "y": "54",
"properties": {
- "bold": "true",
- "size": "17",
- "text": "npm"
+ "size": "16",
+ "text": "Alternative Option - Pick this or purple"
}
},
{
- "ID": "2",
+ "ID": "10",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "10",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "23",
+ "y": "53",
"properties": {
"color": "16777215",
"icon": {
@@ -6311,15 +5416,31 @@
}
},
{
- "ID": "3",
+ "ID": "11",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "11",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "23",
+ "y": "53",
"properties": {
- "color": "10027263",
+ "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"
@@ -6331,17 +5452,28 @@
}
},
{
- "ID": "1440",
+ "ID": "1621",
+ "typeID": "TextArea",
+ "zOrder": "115",
+ "w": "456",
+ "h": "161",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "837",
+ "y": "1168"
+ },
+ {
+ "ID": "1622",
"typeID": "__group__",
- "zOrder": "42",
- "measuredW": "158",
- "measuredH": "56",
- "w": "158",
- "h": "56",
- "x": "228",
- "y": "1290",
+ "zOrder": "116",
+ "measuredW": "163",
+ "measuredH": "48",
+ "w": "163",
+ "h": "48",
+ "x": "852",
+ "y": "1267",
"properties": {
- "controlName": "101-package-managers:yarn"
+ "controlName": "102-web-security-knowledge:cors"
},
"children": {
"controls": {
@@ -6350,12 +5482,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "151",
- "h": "49",
+ "w": "163",
+ "h": "48",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
- "y": "7",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16770457"
}
@@ -6364,47 +5496,64 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "36",
- "measuredW": "34",
+ "w": "51",
+ "measuredW": "47",
"measuredH": "25",
- "x": "65",
- "y": "19",
+ "x": "56",
+ "y": "12",
"properties": {
"bold": "true",
"size": "17",
- "text": "yarn"
+ "text": "CORS"
}
- },
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1623",
+ "typeID": "__group__",
+ "zOrder": "117",
+ "measuredW": "166",
+ "measuredH": "49",
+ "w": "166",
+ "h": "49",
+ "x": "851",
+ "y": "1212",
+ "properties": {
+ "controlName": "100-web-security-knowledge:https"
+ },
+ "children": {
+ "controls": {
+ "control": [
{
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "166",
+ "h": "49",
+ "measuredW": "200",
+ "measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "color": "16770457"
}
},
{
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "63",
+ "measuredW": "53",
+ "measuredH": "25",
+ "x": "54",
+ "y": "12",
+ "properties": {
+ "bold": "true",
+ "size": "17",
+ "text": "HTTPS"
}
}
]
@@ -6412,17 +5561,17 @@
}
},
{
- "ID": "1441",
+ "ID": "1624",
"typeID": "__group__",
- "zOrder": "136",
- "measuredW": "392",
- "measuredH": "141",
- "w": "392",
- "h": "141",
- "x": "312",
- "y": "1378",
+ "zOrder": "118",
+ "measuredW": "257",
+ "measuredH": "49",
+ "w": "257",
+ "h": "49",
+ "x": "1022",
+ "y": "1212",
"properties": {
- "controlName": "108-css-architecture"
+ "controlName": "101-web-security-knowledge:content-security-policy"
},
"children": {
"controls": {
@@ -6431,71 +5580,78 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "392",
- "h": "141",
+ "w": "257",
+ "h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "148",
- "measuredW": "133",
+ "w": "196",
+ "measuredW": "179",
"measuredH": "25",
- "x": "122",
- "y": "18",
+ "x": "31",
+ "y": "12",
"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"
+ "text": "Content Security Policy"
}
- },
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1625",
+ "typeID": "__group__",
+ "zOrder": "119",
+ "measuredW": "257",
+ "measuredH": "49",
+ "w": "257",
+ "h": "49",
+ "x": "1022",
+ "y": "1266",
+ "properties": {
+ "controlName": "103-web-security-knowledge:owasp-security-risks"
+ },
+ "children": {
+ "controls": {
+ "control": [
{
- "ID": "3",
- "typeID": "Label",
- "zOrder": "3",
- "w": "359",
- "measuredW": "344",
- "measuredH": "23",
- "x": "19",
- "y": "77",
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "257",
+ "h": "49",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "15",
- "text": "have to worry about these anymore but still it would"
+ "color": "16770457"
}
},
{
- "ID": "4",
+ "ID": "1",
"typeID": "Label",
- "zOrder": "4",
- "w": "359",
- "measuredW": "347",
- "measuredH": "23",
- "x": "19",
- "y": "103",
+ "zOrder": "1",
+ "w": "187",
+ "measuredW": "172",
+ "measuredH": "25",
+ "x": "43",
+ "y": "12",
"properties": {
- "size": "15",
- "text": "be a good idea to get familiarized with BEM atleast."
+ "bold": "true",
+ "size": "17",
+ "text": "OWASP Security Risks"
}
}
]
@@ -6503,223 +5659,318 @@
}
},
{
- "ID": "1442",
- "typeID": "__group__",
- "zOrder": "137",
- "measuredW": "156",
- "measuredH": "48",
- "w": "156",
- "h": "48",
- "x": "141",
- "y": "1369",
+ "ID": "1626",
+ "typeID": "Label",
+ "zOrder": "120",
+ "w": "372",
+ "measuredW": "344",
+ "measuredH": "25",
+ "x": "853",
+ "y": "1181",
+ "properties": {
+ "size": "17",
+ "text": "Get at least a basic knowledge of all of these"
+ }
+ },
+ {
+ "ID": "1627",
+ "typeID": "Icon",
+ "zOrder": "121",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "828",
+ "y": "1159",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "1628",
+ "typeID": "Icon",
+ "zOrder": "122",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "828",
+ "y": "1159",
+ "properties": {
+ "color": "10066329",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "1629",
+ "typeID": "Arrow",
+ "zOrder": "123",
+ "w": "201",
+ "h": "4",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "603",
+ "y": "3042",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 200,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5976298194338792,
+ "y": 0.018096648917003643
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1630",
+ "typeID": "Arrow",
+ "zOrder": "124",
+ "w": "41",
+ "h": "124",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "742",
+ "y": "2909",
+ "properties": {
+ "color": "2848996",
+ "curvature": "-1",
+ "leftArrow": "false",
+ "p0": {
+ "x": 37,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5697582243361078,
+ "y": -0.30657946888624726
+ },
+ "p2": {
+ "x": 40,
+ "y": 123
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1631",
+ "typeID": "Arrow",
+ "zOrder": "125",
+ "w": "97",
+ "h": "17",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "897",
+ "y": "2880",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 96,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.4835193355826628,
+ "y": 0.007267064624967626
+ },
+ "p2": {
+ "x": 0,
+ "y": 16
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1632",
+ "typeID": "Arrow",
+ "zOrder": "126",
+ "w": "78",
+ "h": "22",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "903",
+ "y": "2911",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 77,
+ "y": 21
+ },
+ "p1": {
+ "x": 0.4835193355826629,
+ "y": 0.0072670646249675805
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1633",
+ "typeID": "Arrow",
+ "zOrder": "127",
+ "w": "158",
+ "h": "72",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "286",
+ "y": "2958",
"properties": {
- "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"
- }
- }
- }
- ]
- }
+ "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": "1443",
- "typeID": "__group__",
- "zOrder": "139",
- "measuredW": "145",
- "measuredH": "44",
- "w": "145",
- "h": "44",
- "x": "152",
- "y": "1423",
+ "ID": "1634",
+ "typeID": "Arrow",
+ "zOrder": "128",
+ "w": "134",
+ "h": "145",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1059",
+ "y": "3059",
"properties": {
- "controlName": "101-css-architecture:oocss"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "145",
- "h": "44",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "10066329"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "62",
- "measuredW": "58",
- "measuredH": "25",
- "x": "42",
- "y": "10",
- "properties": {
- "bold": "true",
- "color": "3355443",
- "size": "17",
- "text": "OOCSS"
- }
- },
- {
- "ID": "2",
- "typeID": "TextArea",
- "zOrder": "2",
- "w": "145",
- "h": "44",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.25",
- "borderColor": "6710886",
- "color": "15658734"
- }
- }
- ]
- }
+ "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": "1444",
- "typeID": "__group__",
- "zOrder": "138",
- "measuredW": "145",
- "measuredH": "44",
+ "ID": "1635",
+ "typeID": "Arrow",
+ "zOrder": "129",
+ "w": "144",
+ "h": "111",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1049",
+ "y": "3049",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 143,
+ "y": 110
+ },
+ "p1": {
+ "x": 0.5591257349884183,
+ "y": 0.009087129536140616
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1636",
+ "typeID": "Arrow",
+ "zOrder": "130",
"w": "145",
- "h": "44",
- "x": "151",
- "y": "1474",
+ "h": "78",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1053",
+ "y": "3043",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 144,
+ "y": 77
+ },
+ "p1": {
+ "x": 0.5642023346303502,
+ "y": 0.027237354085603124
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1637",
+ "typeID": "Arrow",
+ "zOrder": "131",
+ "w": "29",
+ "h": "229",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "824",
+ "y": "2678",
"properties": {
- "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"
- }
- }
- ]
- }
+ "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": "1445",
+ "ID": "1638",
"typeID": "__group__",
"zOrder": "132",
"measuredW": "392",
@@ -6810,17 +6061,108 @@
}
},
{
- "ID": "1446",
+ "ID": "1639",
+ "typeID": "Arrow",
+ "zOrder": "133",
+ "h": "33",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1049",
+ "y": "3040",
+ "properties": {
+ "color": "2848996",
+ "curvature": "-1",
+ "leftArrow": "false",
+ "p0": {
+ "x": 149,
+ "y": 32
+ },
+ "p1": {
+ "x": 0.5905801701155262,
+ "y": -0.014345563031611016
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1640",
+ "typeID": "Arrow",
+ "zOrder": "134",
+ "w": "141",
+ "h": "16",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1054",
+ "y": "3022",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 140,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5446556671449067,
+ "y": -0.004842180774748907
+ },
+ "p2": {
+ "x": 0,
+ "y": 15
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1641",
+ "typeID": "Arrow",
+ "zOrder": "135",
+ "w": "144",
+ "h": "60",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1048",
+ "y": "2973",
+ "properties": {
+ "color": "2848996",
+ "curvature": "-1",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 143,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5359734790789354,
+ "y": 0.012722874294418268
+ },
+ "p2": {
+ "x": 0,
+ "y": 59
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1642",
"typeID": "__group__",
- "zOrder": "248",
- "measuredW": "156",
- "measuredH": "48",
- "w": "156",
- "h": "48",
- "x": "1147",
- "y": "1374",
+ "zOrder": "136",
+ "measuredW": "392",
+ "measuredH": "141",
+ "w": "392",
+ "h": "141",
+ "x": "312",
+ "y": "1378",
"properties": {
- "controlName": "100-css-preprocessors:sass"
+ "controlName": "108-css-architecture"
},
"children": {
"controls": {
@@ -6829,12 +6171,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "146",
- "h": "41",
+ "w": "392",
+ "h": "141",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "7",
+ "y": "0",
"properties": {
"color": "16776960"
}
@@ -6843,46 +6185,57 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "46",
- "measuredW": "37",
+ "w": "148",
+ "measuredW": "133",
"measuredH": "25",
- "x": "50",
- "y": "15",
+ "x": "122",
+ "y": "18",
"properties": {
+ "bold": "true",
"size": "17",
- "text": "Sass"
+ "text": "CSS Architecture"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "132",
- "y": "0",
+ "w": "351",
+ "measuredW": "335",
+ "measuredH": "23",
+ "x": "19",
+ "y": "51",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "15",
+ "text": "With modern frameworks and CSS-in-JS you don't"
}
},
{
"ID": "3",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "132",
- "y": "0",
+ "w": "359",
+ "measuredW": "344",
+ "measuredH": "23",
+ "x": "19",
+ "y": "77",
"properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "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."
}
}
]
@@ -6890,17 +6243,17 @@
}
},
{
- "ID": "1447",
+ "ID": "1643",
"typeID": "__group__",
- "zOrder": "247",
- "measuredW": "155",
+ "zOrder": "137",
+ "measuredW": "156",
"measuredH": "48",
- "w": "155",
+ "w": "156",
"h": "48",
- "x": "1147",
- "y": "1423",
+ "x": "141",
+ "y": "1369",
"properties": {
- "controlName": "101-css-preprocessors:postcss"
+ "controlName": "100-css-architecture:bem"
},
"children": {
"controls": {
@@ -6910,27 +6263,27 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "146",
- "h": "43",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "5",
+ "x": "10",
+ "y": "8",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "74",
- "measuredW": "66",
+ "w": "45",
+ "measuredW": "38",
"measuredH": "25",
- "x": "39",
- "y": "15",
+ "x": "66",
+ "y": "16",
"properties": {
"size": "17",
- "text": "PostCSS"
+ "text": "BEM"
}
},
{
@@ -6939,7 +6292,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "131",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -6955,7 +6308,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "131",
+ "x": "0",
"y": "0",
"properties": {
"color": "10066329",
@@ -6970,17 +6323,17 @@
}
},
{
- "ID": "1448",
+ "ID": "1644",
"typeID": "__group__",
- "zOrder": "175",
+ "zOrder": "138",
"measuredW": "145",
"measuredH": "44",
"w": "145",
"h": "44",
- "x": "1148",
- "y": "1476",
+ "x": "151",
+ "y": "1474",
"properties": {
- "controlName": "102-css-preprocessors:less"
+ "controlName": "102-css-architecture:smacss"
},
"children": {
"controls": {
@@ -7005,16 +6358,16 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "41",
- "measuredW": "37",
+ "w": "73",
+ "measuredW": "68",
"measuredH": "25",
- "x": "52",
+ "x": "36",
"y": "10",
"properties": {
"bold": "true",
"color": "3355443",
"size": "17",
- "text": "Less"
+ "text": "SMACSS"
}
},
{
@@ -7038,17 +6391,17 @@
}
},
{
- "ID": "1449",
+ "ID": "1645",
"typeID": "__group__",
- "zOrder": "145",
- "measuredW": "214",
- "measuredH": "50",
- "w": "214",
- "h": "50",
- "x": "596",
- "y": "1603",
+ "zOrder": "139",
+ "measuredW": "145",
+ "measuredH": "44",
+ "w": "145",
+ "h": "44",
+ "x": "152",
+ "y": "1423",
"properties": {
- "controlName": "110-build-tools"
+ "controlName": "101-css-architecture:oocss"
},
"children": {
"controls": {
@@ -7057,76 +6410,48 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "214",
- "h": "50",
+ "w": "145",
+ "h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16776960"
+ "backgroundAlpha": "0.5",
+ "borderColor": "16777215",
+ "color": "10066329"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "85",
+ "w": "62",
+ "measuredW": "58",
"measuredH": "25",
- "x": "62",
- "y": "13",
+ "x": "42",
+ "y": "10",
"properties": {
"bold": "true",
+ "color": "3355443",
"size": "17",
- "text": "Build Tools"
+ "text": "OOCSS"
}
- }
- ]
- }
- }
- },
- {
- "ID": "1450",
- "typeID": "__group__",
- "zOrder": "149",
- "measuredW": "138",
- "measuredH": "50",
- "w": "138",
- "h": "50",
- "x": "365",
- "y": "1546",
- "properties": {
- "controlName": "100-build-tools:task-runners"
- },
- "children": {
- "controls": {
- "control": [
+ },
{
- "ID": "0",
+ "ID": "2",
"typeID": "TextArea",
- "zOrder": "0",
- "w": "138",
- "h": "50",
+ "zOrder": "2",
+ "w": "145",
+ "h": "44",
"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"
+ "backgroundAlpha": "0.25",
+ "borderColor": "6710886",
+ "color": "15658734"
}
}
]
@@ -7134,17 +6459,165 @@
}
},
{
- "ID": "1451",
+ "ID": "1646",
+ "typeID": "Arrow",
+ "zOrder": "140",
+ "w": "2",
+ "h": "104",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "564",
+ "y": "3059",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.523291249455812,
+ "y": 0.00130605137135394
+ },
+ "p2": {
+ "x": 1,
+ "y": 103
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1647",
+ "typeID": "Arrow",
+ "zOrder": "141",
+ "w": "180",
+ "h": "45",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "280",
+ "y": "3052",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 44
+ },
+ "p1": {
+ "x": 0.4319942611190816,
+ "y": -0.0061692969870875015
+ },
+ "p2": {
+ "x": 179,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1648",
+ "typeID": "Arrow",
+ "zOrder": "142",
+ "w": "87",
+ "h": "128",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "995",
+ "y": "2689",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 86,
+ "y": 127
+ },
+ "p1": {
+ "x": 0.3984434389140272,
+ "y": 0.2406877828054298
+ },
+ "p2": {
+ "x": 1,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1649",
+ "typeID": "Arrow",
+ "zOrder": "143",
+ "w": "71",
+ "h": "81",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1007",
+ "y": "2686",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 70,
+ "y": 80
+ },
+ "p1": {
+ "x": 0.4436256975246818,
+ "y": 0.1679067105451423
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1650",
+ "typeID": "Arrow",
+ "zOrder": "144",
+ "w": "98",
+ "h": "1",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "997",
+ "y": "2676",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 97,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.48351933558266286,
+ "y": 0.007267064624967593
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1651",
"typeID": "__group__",
- "zOrder": "156",
- "measuredW": "225",
+ "zOrder": "145",
+ "measuredW": "214",
"measuredH": "50",
- "w": "225",
+ "w": "214",
"h": "50",
- "x": "868",
- "y": "1604",
+ "x": "596",
+ "y": "1603",
"properties": {
- "controlName": "102-build-tools:linters-formatters"
+ "controlName": "110-build-tools"
},
"children": {
"controls": {
@@ -7153,7 +6626,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "225",
+ "w": "214",
"h": "50",
"measuredW": "200",
"measuredH": "140",
@@ -7167,14 +6640,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "179",
+ "measuredW": "85",
"measuredH": "25",
- "x": "19",
+ "x": "62",
"y": "13",
"properties": {
"bold": "true",
"size": "17",
- "text": "Linters and Formatters"
+ "text": "Build Tools"
}
}
]
@@ -7182,17 +6655,105 @@
}
},
{
- "ID": "1452",
+ "ID": "1652",
+ "typeID": "Arrow",
+ "zOrder": "146",
+ "w": "134",
+ "h": "109",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "697",
+ "y": "2562",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.6566784235546694,
+ "y": 0.1877932832387666
+ },
+ "p2": {
+ "x": 132,
+ "y": 108
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1653",
+ "typeID": "Arrow",
+ "zOrder": "147",
+ "w": "1",
+ "h": "86",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "554",
+ "y": "2562",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.4770488047048041,
+ "y": 0.005193614908729856
+ },
+ "p2": {
+ "x": 0,
+ "y": 85
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1654",
+ "typeID": "Arrow",
+ "zOrder": "148",
+ "w": "177",
+ "h": "1",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "358",
+ "y": "2552",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 176,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.477048804704804,
+ "y": 0.005193614908729856
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1655",
"typeID": "__group__",
- "zOrder": "157",
- "measuredW": "155",
- "measuredH": "46",
- "w": "155",
- "h": "46",
- "x": "1150",
- "y": "1549",
+ "zOrder": "149",
+ "measuredW": "138",
+ "measuredH": "50",
+ "w": "138",
+ "h": "50",
+ "x": "365",
+ "y": "1546",
"properties": {
- "controlName": "100-build-tools:linters-formatters:prettier"
+ "controlName": "100-build-tools:task-runners"
},
"children": {
"controls": {
@@ -7201,12 +6762,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "40",
+ "w": "138",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "6",
+ "y": "0",
"properties": {
"color": "16776960"
}
@@ -7215,46 +6776,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "66",
- "measuredW": "58",
+ "measuredW": "105",
"measuredH": "25",
- "x": "44",
+ "x": "17",
"y": "14",
"properties": {
+ "bold": "true",
"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"
- }
+ "text": "Task Runners"
}
}
]
@@ -7262,17 +6791,105 @@
}
},
{
- "ID": "1453",
+ "ID": "1656",
+ "typeID": "Arrow",
+ "zOrder": "150",
+ "w": "116",
+ "h": "1",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "729",
+ "y": "2551",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 115,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.477048804704804,
+ "y": 0.005193614908729856
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1657",
+ "typeID": "Arrow",
+ "zOrder": "151",
+ "w": "119",
+ "h": "88",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "800",
+ "y": "2446",
+ "properties": {
+ "color": "2848996",
+ "curvature": "-1",
+ "leftArrow": "false",
+ "p0": {
+ "x": 118,
+ "y": 87
+ },
+ "p1": {
+ "x": 0.3818452519424929,
+ "y": -0.18457172102545016
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1658",
+ "typeID": "Arrow",
+ "zOrder": "152",
+ "w": "76",
+ "h": "5",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "343",
+ "y": "2366",
+ "properties": {
+ "color": "10027263",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 74,
+ "y": 1
+ },
+ "p1": {
+ "x": 0.5049180327868853,
+ "y": -0.02090163934426228
+ },
+ "p2": {
+ "x": 0,
+ "y": 3
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1659",
"typeID": "__group__",
- "zOrder": "158",
- "measuredW": "155",
- "measuredH": "44",
- "w": "155",
- "h": "44",
- "x": "1150",
- "y": "1596",
+ "zOrder": "153",
+ "measuredW": "183",
+ "measuredH": "56",
+ "w": "183",
+ "h": "56",
+ "x": "146",
+ "y": "1536",
"properties": {
- "controlName": "101-build-tools:linters-formatters:eslint"
+ "controlName": "100-build-tools:task-runners:npm-scripts"
},
"children": {
"controls": {
@@ -7281,12 +6898,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "40",
+ "w": "176",
+ "h": "45",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "4",
+ "x": "7",
+ "y": "11",
"properties": {
"color": "16776960"
}
@@ -7295,14 +6912,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "53",
- "measuredW": "51",
+ "w": "97",
+ "measuredW": "89",
"measuredH": "25",
- "x": "46",
- "y": "12",
+ "x": "47",
+ "y": "21",
"properties": {
"size": "17",
- "text": "ESLint"
+ "text": "npm scripts"
}
},
{
@@ -7311,7 +6928,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "131",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -7327,10 +6944,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "131",
+ "x": "0",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -7342,17 +6959,76 @@
}
},
{
- "ID": "1454",
+ "ID": "1660",
+ "typeID": "Arrow",
+ "zOrder": "154",
+ "w": "1",
+ "h": "81",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "616",
+ "y": "2209",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.5750000000000001,
+ "y": 0
+ },
+ "p2": {
+ "x": 0,
+ "y": 80
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1661",
+ "typeID": "Arrow",
+ "zOrder": "155",
+ "w": "191",
+ "h": "3",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "682",
+ "y": "2199",
+ "properties": {
+ "color": "10027263",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 190,
+ "y": 2
+ },
+ "p1": {
+ "x": 0.5105398742417108,
+ "y": -0.0025761059250436276
+ },
+ "p2": {
+ "x": 0,
+ "y": 1
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1662",
"typeID": "__group__",
- "zOrder": "159",
- "measuredW": "145",
- "measuredH": "44",
- "w": "145",
- "h": "44",
- "x": "1151",
- "y": "1646",
+ "zOrder": "156",
+ "measuredW": "225",
+ "measuredH": "50",
+ "w": "225",
+ "h": "50",
+ "x": "868",
+ "y": "1604",
"properties": {
- "controlName": "102-build-tools:linters-formatters:standardjs"
+ "controlName": "102-build-tools:linters-formatters"
},
"children": {
"controls": {
@@ -7361,47 +7037,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "44",
+ "w": "225",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "10066329"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "91",
+ "measuredW": "179",
"measuredH": "25",
- "x": "26",
- "y": "10",
+ "x": "19",
+ "y": "13",
"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"
+ "text": "Linters and Formatters"
}
}
]
@@ -7409,17 +7066,17 @@
}
},
{
- "ID": "1455",
+ "ID": "1663",
"typeID": "__group__",
- "zOrder": "153",
- "measuredW": "183",
- "measuredH": "56",
- "w": "183",
- "h": "56",
- "x": "146",
- "y": "1536",
+ "zOrder": "157",
+ "measuredW": "155",
+ "measuredH": "46",
+ "w": "155",
+ "h": "46",
+ "x": "1150",
+ "y": "1549",
"properties": {
- "controlName": "100-build-tools:task-runners:npm-scripts"
+ "controlName": "100-build-tools:linters-formatters:prettier"
},
"children": {
"controls": {
@@ -7428,12 +7085,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "176",
- "h": "45",
+ "w": "145",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
- "y": "11",
+ "x": "0",
+ "y": "6",
"properties": {
"color": "16776960"
}
@@ -7442,14 +7099,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "97",
- "measuredW": "89",
+ "w": "66",
+ "measuredW": "58",
"measuredH": "25",
- "x": "47",
- "y": "21",
+ "x": "44",
+ "y": "14",
"properties": {
"size": "17",
- "text": "npm scripts"
+ "text": "Prettier"
}
},
{
@@ -7458,7 +7115,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
"color": "16777215",
@@ -7474,10 +7131,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -7489,65 +7146,17 @@
}
},
{
- "ID": "1457",
- "typeID": "__group__",
- "zOrder": "163",
- "measuredW": "177",
- "measuredH": "50",
- "w": "177",
- "h": "50",
- "x": "411",
- "y": "1723",
- "properties": {
- "controlName": "101-build-tools:module-bundlers"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "177",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "133",
- "measuredH": "25",
- "x": "23",
- "y": "13",
- "properties": {
- "bold": "true",
- "size": "17",
- "text": "Module Bundlers"
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1458",
- "typeID": "__group__",
- "zOrder": "160",
- "measuredW": "185",
- "measuredH": "47",
- "w": "185",
- "h": "47",
- "x": "143",
- "y": "1601",
+ "ID": "1664",
+ "typeID": "__group__",
+ "zOrder": "158",
+ "measuredW": "155",
+ "measuredH": "44",
+ "w": "155",
+ "h": "44",
+ "x": "1150",
+ "y": "1596",
"properties": {
- "controlName": "100-build-tools:module-bundlers:webpack"
+ "controlName": "101-build-tools:linters-formatters:eslint"
},
"children": {
"controls": {
@@ -7556,12 +7165,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "176",
+ "w": "145",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "7",
+ "x": "0",
+ "y": "4",
"properties": {
"color": "16776960"
}
@@ -7570,51 +7179,23 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "72",
- "measuredW": "72",
+ "w": "53",
+ "measuredW": "51",
"measuredH": "25",
- "x": "61",
- "y": "15",
+ "x": "46",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Webpack"
+ "text": "ESLint"
}
},
{
"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",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
"color": "16777215",
@@ -7625,15 +7206,15 @@
}
},
{
- "ID": "5",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "5",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -7645,17 +7226,17 @@
}
},
{
- "ID": "1465",
+ "ID": "1665",
"typeID": "__group__",
- "zOrder": "250",
- "measuredW": "185",
- "measuredH": "47",
- "w": "185",
- "h": "47",
- "x": "142",
- "y": "1648",
+ "zOrder": "159",
+ "measuredW": "145",
+ "measuredH": "44",
+ "w": "145",
+ "h": "44",
+ "x": "1151",
+ "y": "1646",
"properties": {
- "controlName": "101-build-tools:module-bundlers:esbuild"
+ "controlName": "102-build-tools:linters-formatters:standardjs"
},
"children": {
"controls": {
@@ -7664,87 +7245,47 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "176",
- "h": "40",
+ "w": "145",
+ "h": "44",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "7",
+ "x": "0",
+ "y": "0",
"properties": {
- "color": "16776960"
+ "backgroundAlpha": "0.5",
+ "borderColor": "16777215",
+ "color": "10066329"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "72",
- "measuredW": "72",
+ "measuredW": "91",
"measuredH": "25",
- "x": "61",
- "y": "15",
+ "x": "26",
+ "y": "10",
"properties": {
+ "bold": "true",
+ "color": "3355443",
"size": "17",
- "text": "Webpack"
+ "text": "StandardJS"
}
},
{
"ID": "2",
"typeID": "TextArea",
"zOrder": "2",
- "w": "176",
- "h": "40",
+ "w": "145",
+ "h": "44",
"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"
- }
+ "backgroundAlpha": "0.25",
+ "borderColor": "6710886",
+ "color": "15658734"
}
}
]
@@ -7752,17 +7293,17 @@
}
},
{
- "ID": "1468",
+ "ID": "1666",
"typeID": "__group__",
- "zOrder": "161",
- "measuredW": "184",
- "measuredH": "44",
- "w": "184",
- "h": "44",
+ "zOrder": "160",
+ "measuredW": "185",
+ "measuredH": "47",
+ "w": "185",
+ "h": "47",
"x": "143",
- "y": "1696",
+ "y": "1601",
"properties": {
- "controlName": "102-build-tools:module-bundlers:rollup"
+ "controlName": "100-build-tools:module-bundlers:webpack"
},
"children": {
"controls": {
@@ -7775,24 +7316,24 @@
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "4",
+ "x": "9",
+ "y": "7",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "46",
- "measuredW": "49",
+ "w": "72",
+ "measuredW": "72",
"measuredH": "25",
- "x": "73",
- "y": "12",
+ "x": "61",
+ "y": "15",
"properties": {
"size": "17",
- "text": "Rollup"
+ "text": "Webpack"
}
},
{
@@ -7803,24 +7344,24 @@
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "4",
+ "x": "9",
+ "y": "7",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
- "w": "63",
- "measuredW": "49",
+ "w": "90",
+ "measuredW": "72",
"measuredH": "25",
- "x": "73",
- "y": "12",
+ "x": "61",
+ "y": "15",
"properties": {
"size": "17",
- "text": "Rollup"
+ "text": "Webpack"
}
},
{
@@ -7848,23 +7389,7 @@
"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",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -7876,25 +7401,39 @@
}
},
{
- "ID": "1469",
+ "ID": "1667",
"typeID": "__group__",
- "zOrder": "162",
+ "zOrder": "161",
"measuredW": "184",
"measuredH": "44",
"w": "184",
"h": "44",
"x": "143",
- "y": "1741",
+ "y": "1696",
"properties": {
- "controlName": "103-build-tools:module-bundlers:parcel"
+ "controlName": "102-build-tools:module-bundlers:rollup"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "Label",
+ "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",
@@ -7902,13 +7441,13 @@
"y": "12",
"properties": {
"size": "17",
- "text": "Parcel"
+ "text": "Rollup"
}
},
{
- "ID": "1",
+ "ID": "2",
"typeID": "TextArea",
- "zOrder": "1",
+ "zOrder": "2",
"w": "176",
"h": "40",
"measuredW": "200",
@@ -7920,9 +7459,9 @@
}
},
{
- "ID": "2",
+ "ID": "3",
"typeID": "Label",
- "zOrder": "2",
+ "zOrder": "3",
"w": "63",
"measuredW": "49",
"measuredH": "25",
@@ -7930,13 +7469,13 @@
"y": "12",
"properties": {
"size": "17",
- "text": "Parcel"
+ "text": "Rollup"
}
},
{
- "ID": "3",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -7950,9 +7489,9 @@
}
},
{
- "ID": "4",
+ "ID": "5",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "5",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -7966,9 +7505,9 @@
}
},
{
- "ID": "5",
+ "ID": "6",
"typeID": "Icon",
- "zOrder": "5",
+ "zOrder": "6",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -7986,47 +7525,17 @@
}
},
{
- "ID": "1470",
- "typeID": "Arrow",
- "zOrder": "4",
- "w": "111",
- "h": "37",
- "measuredW": "150",
- "measuredH": "100",
- "x": "307",
- "y": "1714",
- "properties": {
- "color": "10027263",
- "direction": "bottom",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": 0,
- "y": 0
- },
- "p1": {
- "x": 0.40594249201277954,
- "y": -0.011437699680511181
- },
- "p2": {
- "x": 111,
- "y": 37
- }
- }
- },
- {
- "ID": "1471",
+ "ID": "1668",
"typeID": "__group__",
- "zOrder": "251",
+ "zOrder": "162",
"measuredW": "184",
"measuredH": "44",
"w": "184",
"h": "44",
"x": "143",
- "y": "1787",
+ "y": "1741",
"properties": {
- "controlName": "104-build-tools:module-bundlers:vite"
+ "controlName": "103-build-tools:module-bundlers:parcel"
},
"children": {
"controls": {
@@ -8063,13 +7572,14 @@
"ID": "2",
"typeID": "Label",
"zOrder": "2",
- "measuredW": "30",
+ "w": "63",
+ "measuredW": "49",
"measuredH": "25",
- "x": "81",
- "y": "11",
+ "x": "73",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Vite"
+ "text": "Parcel"
}
},
{
@@ -8125,37 +7635,116 @@
}
},
{
- "ID": "1473",
+ "ID": "1669",
+ "typeID": "__group__",
+ "zOrder": "163",
+ "measuredW": "177",
+ "measuredH": "50",
+ "w": "177",
+ "h": "50",
+ "x": "411",
+ "y": "1723",
+ "properties": {
+ "controlName": "101-build-tools:module-bundlers"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "177",
+ "h": "50",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "measuredW": "133",
+ "measuredH": "25",
+ "x": "23",
+ "y": "13",
+ "properties": {
+ "bold": "true",
+ "size": "17",
+ "text": "Module Bundlers"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1670",
"typeID": "Arrow",
- "zOrder": "3",
- "w": "114",
- "h": "62",
+ "zOrder": "164",
+ "w": "79",
+ "h": "16",
"measuredW": "150",
"measuredH": "100",
- "x": "311",
- "y": "1749",
+ "x": "1026",
+ "y": "2558",
"properties": {
- "color": "10027263",
- "direction": "bottom",
+ "color": "2848996",
+ "curvature": "0",
"leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
"p0": {
"x": 0,
- "y": 62
+ "y": 0
},
"p1": {
- "x": 0.4230344065220394,
- "y": -0.06791488185712315
+ "x": 0.4835193355826628,
+ "y": 0.007267064624967568
},
"p2": {
- "x": 114,
+ "x": 78,
+ "y": 15
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1671",
+ "typeID": "Arrow",
+ "zOrder": "165",
+ "w": "85",
+ "h": "23",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1030",
+ "y": "2528",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 84,
"y": 0
- }
+ },
+ "p1": {
+ "x": 0.48351933558266297,
+ "y": 0.007267064624967475
+ },
+ "p2": {
+ "x": 0,
+ "y": 22
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
}
},
{
- "ID": "1474",
+ "ID": "1672",
"typeID": "__group__",
"zOrder": "166",
"measuredW": "267",
@@ -8204,7 +7793,7 @@
}
},
{
- "ID": "1475",
+ "ID": "1673",
"typeID": "__group__",
"zOrder": "167",
"measuredW": "152",
@@ -8238,7 +7827,7 @@
"typeID": "Label",
"zOrder": "1",
"w": "68",
- "measuredW": "62",
+ "measuredW": "47",
"measuredH": "25",
"x": "55",
"y": "16",
@@ -8248,9 +7837,105 @@
}
},
{
- "ID": "2",
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1674",
+ "typeID": "__group__",
+ "zOrder": "168",
+ "measuredW": "153",
+ "measuredH": "50",
+ "w": "153",
+ "h": "50",
+ "x": "944",
+ "y": "1833",
+ "properties": {
+ "controlName": "101-pick-a-framework:angular"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "145",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "8",
+ "y": "10",
+ "properties": {
+ "color": "16770457"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "64",
+ "measuredW": "59",
+ "measuredH": "25",
+ "x": "49",
+ "y": "18",
+ "properties": {
+ "size": "17",
+ "text": "Angular"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -8264,15 +7949,15 @@
}
},
{
- "ID": "3",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
"x": "0",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -8284,17 +7969,17 @@
}
},
{
- "ID": "1483",
+ "ID": "1675",
"typeID": "__group__",
- "zOrder": "252",
- "measuredW": "93",
- "measuredH": "41",
- "w": "93",
- "h": "41",
- "x": "1246",
- "y": "1770",
+ "zOrder": "169",
+ "measuredW": "152",
+ "measuredH": "50",
+ "w": "152",
+ "h": "50",
+ "x": "945",
+ "y": "1917",
"properties": {
- "controlName": "102-pick-a-framework:react-js:recoil"
+ "controlName": "102-pick-a-framework:vue-js"
},
"children": {
"controls": {
@@ -8303,12 +7988,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "85",
+ "w": "145",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "1",
+ "x": "7",
+ "y": "10",
"properties": {
"color": "16770457"
}
@@ -8317,13 +8002,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "49",
+ "measuredW": "45",
"measuredH": "25",
- "x": "14",
- "y": "8",
+ "x": "58",
+ "y": "17",
"properties": {
- "size": "17",
- "text": "Recoil"
+ "text": "Vue.js",
+ "size": "17"
}
},
{
@@ -8332,7 +8017,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "69",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -8348,7 +8033,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "69",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -8364,7 +8049,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "69",
+ "x": "0",
"y": "0",
"properties": {
"color": "3700253",
@@ -8379,7 +8064,7 @@
}
},
{
- "ID": "1484",
+ "ID": "1676",
"typeID": "__group__",
"zOrder": "170",
"measuredW": "185",
@@ -8459,7 +8144,7 @@
}
},
{
- "ID": "1486",
+ "ID": "1677",
"typeID": "__group__",
"zOrder": "171",
"measuredW": "88",
@@ -8555,17 +8240,78 @@
}
},
{
- "ID": "1487",
+ "ID": "1678",
+ "typeID": "Arrow",
+ "zOrder": "172",
+ "w": "66",
+ "h": "23",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1169",
+ "y": "2677",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 65,
+ "y": 22
+ },
+ "p1": {
+ "x": 0.4835193355826627,
+ "y": 0.007267064624967518
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1679",
+ "typeID": "Arrow",
+ "zOrder": "173",
+ "w": "96",
+ "h": "27",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1168",
+ "y": "2651",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 95,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.48351933558266286,
+ "y": 0.007267064624967588
+ },
+ "p2": {
+ "x": 0,
+ "y": 26
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1680",
"typeID": "__group__",
- "zOrder": "168",
- "measuredW": "153",
+ "zOrder": "174",
+ "measuredW": "203",
"measuredH": "50",
- "w": "153",
+ "w": "203",
"h": "50",
- "x": "944",
- "y": "1833",
+ "x": "483",
+ "y": "1942",
"properties": {
- "controlName": "101-pick-a-framework:angular"
+ "controlName": "112-modern-css"
},
"children": {
"controls": {
@@ -8574,76 +8320,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "40",
+ "w": "203",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "10",
+ "x": "0",
+ "y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "64",
- "measuredW": "59",
+ "measuredW": "98",
"measuredH": "25",
- "x": "49",
- "y": "18",
+ "x": "53",
+ "y": "13",
"properties": {
+ "bold": "true",
"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"
- }
+ "text": "Modern CSS"
}
}
]
@@ -8651,17 +8349,17 @@
}
},
{
- "ID": "1488",
+ "ID": "1681",
"typeID": "__group__",
- "zOrder": "178",
- "measuredW": "185",
- "measuredH": "48",
- "w": "185",
- "h": "48",
- "x": "1155",
- "y": "1818",
+ "zOrder": "175",
+ "measuredW": "145",
+ "measuredH": "44",
+ "w": "145",
+ "h": "44",
+ "x": "1148",
+ "y": "1476",
"properties": {
- "controlName": "100-pick-a-framework:angular:rxjs"
+ "controlName": "102-css-preprocessors:less"
},
"children": {
"controls": {
@@ -8670,76 +8368,48 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "177",
- "h": "40",
+ "w": "145",
+ "h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "8",
+ "y": "0",
"properties": {
- "color": "16776960"
+ "backgroundAlpha": "0.5",
+ "borderColor": "16777215",
+ "color": "10066329"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "44",
- "measuredW": "40",
+ "w": "41",
+ "measuredW": "37",
"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"
- }
+ "x": "52",
+ "y": "10",
+ "properties": {
+ "bold": "true",
+ "color": "3355443",
+ "size": "17",
+ "text": "Less"
}
},
{
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "161",
+ "ID": "2",
+ "typeID": "TextArea",
+ "zOrder": "2",
+ "w": "145",
+ "h": "44",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
"y": "0",
"properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "backgroundAlpha": "0.25",
+ "borderColor": "6710886",
+ "color": "15658734"
}
}
]
@@ -8747,17 +8417,17 @@
}
},
{
- "ID": "1489",
+ "ID": "1682",
"typeID": "__group__",
- "zOrder": "180",
+ "zOrder": "176",
"measuredW": "185",
- "measuredH": "44",
+ "measuredH": "49",
"w": "185",
- "h": "44",
+ "h": "49",
"x": "1155",
- "y": "1868",
+ "y": "1918",
"properties": {
- "controlName": "101-pick-a-framework:angular:ngrx"
+ "controlName": "100-pick-a-framework:vue-js:vuex"
},
"children": {
"controls": {
@@ -8771,7 +8441,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "4",
+ "y": "9",
"properties": {
"color": "16776960"
}
@@ -8780,14 +8450,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "46",
- "measuredW": "43",
+ "w": "44",
+ "measuredW": "39",
"measuredH": "25",
- "x": "67",
- "y": "12",
+ "x": "64",
+ "y": "18",
"properties": {
"size": "17",
- "text": "NgRx"
+ "text": "VueX"
}
},
{
@@ -8831,7 +8501,7 @@
"x": "161",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "40463",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -8843,17 +8513,47 @@
}
},
{
- "ID": "1490",
+ "ID": "1683",
+ "typeID": "Arrow",
+ "zOrder": "177",
+ "w": "65",
+ "h": "4",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1172",
+ "y": "2763",
+ "properties": {
+ "color": "2848996",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 3
+ },
+ "p1": {
+ "x": 0.4807692307692308,
+ "y": -0.01923076923076923
+ },
+ "p2": {
+ "x": 64,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1684",
"typeID": "__group__",
- "zOrder": "169",
- "measuredW": "152",
- "measuredH": "50",
- "w": "152",
- "h": "50",
- "x": "945",
- "y": "1917",
+ "zOrder": "178",
+ "measuredW": "185",
+ "measuredH": "48",
+ "w": "185",
+ "h": "48",
+ "x": "1155",
+ "y": "1818",
"properties": {
- "controlName": "102-pick-a-framework:vue-js"
+ "controlName": "100-pick-a-framework:angular:rxjs"
},
"children": {
"controls": {
@@ -8862,27 +8562,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
+ "w": "177",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
- "y": "10",
+ "x": "0",
+ "y": "8",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "45",
+ "w": "44",
+ "measuredW": "40",
"measuredH": "25",
- "x": "58",
- "y": "17",
+ "x": "67",
+ "y": "16",
"properties": {
- "text": "Vue.js",
- "size": "17"
+ "size": "17",
+ "text": "RxJS"
}
},
{
@@ -8891,7 +8592,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "161",
"y": "0",
"properties": {
"color": "16777215",
@@ -8907,7 +8608,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "161",
"y": "0",
"properties": {
"color": "16777215",
@@ -8923,7 +8624,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "161",
"y": "0",
"properties": {
"color": "3700253",
@@ -8938,17 +8639,47 @@
}
},
{
- "ID": "1491",
+ "ID": "1685",
+ "typeID": "Arrow",
+ "zOrder": "179",
+ "w": "65",
+ "h": "2",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1172",
+ "y": "2819",
+ "properties": {
+ "color": "2848996",
+ "curvature": "-1",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.4807692307692308,
+ "y": -0.01923076923076923
+ },
+ "p2": {
+ "x": 64,
+ "y": 1
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1686",
"typeID": "__group__",
- "zOrder": "176",
+ "zOrder": "180",
"measuredW": "185",
- "measuredH": "49",
+ "measuredH": "44",
"w": "185",
- "h": "49",
+ "h": "44",
"x": "1155",
- "y": "1918",
+ "y": "1868",
"properties": {
- "controlName": "100-pick-a-framework:vue-js:vuex"
+ "controlName": "101-pick-a-framework:angular:ngrx"
},
"children": {
"controls": {
@@ -8962,7 +8693,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "4",
"properties": {
"color": "16776960"
}
@@ -8971,14 +8702,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "44",
- "measuredW": "39",
+ "w": "46",
+ "measuredW": "43",
"measuredH": "25",
- "x": "64",
- "y": "18",
+ "x": "67",
+ "y": "12",
"properties": {
"size": "17",
- "text": "VueX"
+ "text": "NgRx"
}
},
{
@@ -9022,7 +8753,7 @@
"x": "161",
"y": "0",
"properties": {
- "color": "40463",
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9034,55 +8765,98 @@
}
},
{
- "ID": "1492",
- "typeID": "__group__",
- "zOrder": "174",
- "measuredW": "203",
- "measuredH": "50",
- "w": "203",
- "h": "50",
- "x": "483",
- "y": "1942",
+ "ID": "1687",
+ "typeID": "Arrow",
+ "zOrder": "181",
+ "w": "87",
+ "h": "43",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "673",
+ "y": "3175",
"properties": {
- "controlName": "112-modern-css"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "203",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "98",
- "measuredH": "25",
- "x": "53",
- "y": "13",
- "properties": {
- "bold": "true",
- "size": "17",
- "text": "Modern CSS"
- }
- }
- ]
- }
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.43199426111908185,
+ "y": -0.006169296987087567
+ },
+ "p2": {
+ "x": 86,
+ "y": 42
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1688",
+ "typeID": "Arrow",
+ "zOrder": "182",
+ "w": "95",
+ "h": "8",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "666",
+ "y": "3165",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.43199426111908185,
+ "y": -0.006169296987087555
+ },
+ "p2": {
+ "x": 94,
+ "y": 7
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1689",
+ "typeID": "Arrow",
+ "zOrder": "183",
+ "w": "98",
+ "h": "36",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "665",
+ "y": "3129",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 35
+ },
+ "p1": {
+ "x": 0.4319942611190818,
+ "y": -0.006169296987087552
+ },
+ "p2": {
+ "x": 97,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
}
},
{
- "ID": "1493",
+ "ID": "1690",
"typeID": "__group__",
"zOrder": "184",
"measuredW": "229",
@@ -9162,7 +8936,7 @@
}
},
{
- "ID": "1494",
+ "ID": "1691",
"typeID": "__group__",
"zOrder": "185",
"measuredW": "230",
@@ -9242,17 +9016,78 @@
}
},
{
- "ID": "1495",
+ "ID": "1692",
+ "typeID": "Arrow",
+ "zOrder": "186",
+ "w": "179",
+ "h": "2",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "280",
+ "y": "3045",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 1
+ },
+ "p1": {
+ "x": 0.431994261119082,
+ "y": -0.006169296987087527
+ },
+ "p2": {
+ "x": 178,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1693",
+ "typeID": "Arrow",
+ "zOrder": "187",
+ "w": "161",
+ "h": "34",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "286",
+ "y": "3002",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 0,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.4319942611190819,
+ "y": -0.006169296987087513
+ },
+ "p2": {
+ "x": 160,
+ "y": 33
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1694",
"typeID": "__group__",
- "zOrder": "249",
- "measuredW": "230",
+ "zOrder": "188",
+ "measuredW": "229",
"measuredH": "44",
- "w": "230",
+ "w": "229",
"h": "44",
- "x": "139",
- "y": "1950",
+ "x": "140",
+ "y": "1996",
"properties": {
- "controlName": "102-modern-css:styled-jsx"
+ "controlName": "103-modern-css:emotion"
},
"children": {
"controls": {
@@ -9265,7 +9100,7 @@
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
+ "x": "8",
"y": "4",
"properties": {
"color": "16770457"
@@ -9275,14 +9110,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "90",
- "measuredW": "80",
+ "measuredW": "64",
"measuredH": "25",
- "x": "75",
+ "x": "88",
"y": "12",
"properties": {
- "size": "17",
- "text": "Styled JSX"
+ "text": "Emotion",
+ "size": "17"
}
},
{
@@ -9302,12 +9136,142 @@
}
},
{
- "ID": "3",
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1695",
+ "typeID": "__group__",
+ "zOrder": "189",
+ "measuredW": "199",
+ "measuredH": "41",
+ "w": "199",
+ "h": "41",
+ "x": "1104",
+ "y": "2557",
+ "properties": {
+ "controlName": "101-type-checkers:flow"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "199",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "backgroundAlpha": "0.5",
+ "color": "10066329"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "38",
+ "measuredW": "35",
+ "measuredH": "25",
+ "x": "81",
+ "y": "8",
+ "properties": {
+ "color": "3355443",
+ "size": "17",
+ "text": "Flow"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1696",
+ "typeID": "__group__",
+ "zOrder": "190",
+ "measuredW": "177",
+ "measuredH": "47",
+ "w": "177",
+ "h": "47",
+ "x": "975",
+ "y": "2854",
+ "properties": {
+ "controlName": "100-graphql:apollo"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "167",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "6",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "49",
+ "measuredW": "48",
+ "measuredH": "25",
+ "x": "50",
+ "y": "14",
+ "properties": {
+ "size": "17",
+ "text": "Apollo"
+ }
+ },
+ {
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "153",
"y": "0",
"properties": {
"color": "16777215",
@@ -9318,15 +9282,15 @@
}
},
{
- "ID": "4",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "153",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9338,17 +9302,76 @@
}
},
{
- "ID": "1496",
+ "ID": "1697",
+ "typeID": "Arrow",
+ "zOrder": "191",
+ "w": "2",
+ "h": "89",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "296",
+ "y": "3529",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 1,
+ "y": 88
+ },
+ "p1": {
+ "x": 0.4072427393330943,
+ "y": 0.00953746862674794
+ },
+ "p2": {
+ "x": 1,
+ "y": 0
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1698",
+ "typeID": "Arrow",
+ "zOrder": "192",
+ "w": "8",
+ "h": "166",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "286",
+ "y": "3351",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "p0": {
+ "x": 7,
+ "y": 165
+ },
+ "p1": {
+ "x": 0.4072427393330943,
+ "y": 0.009537468626747932
+ },
+ "p2": {
+ "x": 0,
+ "y": 0
+ },
+ "rightArrow": "false"
+ }
+ },
+ {
+ "ID": "1699",
"typeID": "__group__",
- "zOrder": "188",
- "measuredW": "229",
- "measuredH": "44",
- "w": "229",
- "h": "44",
- "x": "140",
- "y": "1996",
+ "zOrder": "193",
+ "measuredW": "285",
+ "measuredH": "59",
+ "w": "285",
+ "h": "59",
+ "x": "776",
+ "y": "3006",
"properties": {
- "controlName": "103-modern-css:emotion"
+ "controlName": "120-static-site-generators"
},
"children": {
"controls": {
@@ -9357,27 +9380,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "221",
- "h": "40",
+ "w": "281",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "4",
+ "x": "0",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "64",
+ "measuredW": "172",
"measuredH": "25",
- "x": "88",
- "y": "12",
+ "x": "49",
+ "y": "22",
"properties": {
- "text": "Emotion",
- "size": "17"
+ "size": "17",
+ "text": "Static Site Generators",
+ "bold": "true"
}
},
{
@@ -9386,7 +9410,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "261",
"y": "0",
"properties": {
"color": "16777215",
@@ -9402,26 +9426,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
+ "x": "261",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9433,17 +9441,17 @@
}
},
{
- "ID": "1497",
+ "ID": "1700",
"typeID": "__group__",
- "zOrder": "242",
- "measuredW": "238",
- "measuredH": "60",
- "w": "238",
- "h": "60",
- "x": "722",
- "y": "2028",
+ "zOrder": "194",
+ "measuredW": "156",
+ "measuredH": "45",
+ "w": "156",
+ "h": "45",
+ "x": "1183",
+ "y": "2995",
"properties": {
- "controlName": "113-web-components"
+ "controlName": "101-static-site-generators:gatsbyjs"
},
"children": {
"controls": {
@@ -9452,12 +9460,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "230",
- "h": "50",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "10",
+ "y": "4",
"properties": {
"color": "16776960"
}
@@ -9466,14 +9474,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "138",
+ "w": "78",
+ "measuredW": "73",
"measuredH": "25",
- "x": "44",
- "y": "23",
+ "x": "35",
+ "y": "12",
"properties": {
- "bold": "true",
"size": "17",
- "text": "Web Components"
+ "text": "GatsbyJS"
}
},
{
@@ -9482,7 +9490,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "214",
+ "x": "132",
"y": "0",
"properties": {
"color": "16777215",
@@ -9498,10 +9506,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "214",
+ "x": "132",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9513,17 +9521,17 @@
}
},
{
- "ID": "1498",
+ "ID": "1701",
"typeID": "__group__",
- "zOrder": "243",
- "measuredW": "199",
- "measuredH": "46",
- "w": "199",
- "h": "46",
- "x": "1047",
- "y": "1991",
+ "zOrder": "195",
+ "measuredW": "157",
+ "measuredH": "50",
+ "w": "157",
+ "h": "50",
+ "x": "1183",
+ "y": "2944",
"properties": {
- "controlName": "100-web-components:html-templates"
+ "controlName": "100-static-site-generators:next-js"
},
"children": {
"controls": {
@@ -9532,28 +9540,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "190",
- "h": "40",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "6",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "132",
- "measuredW": "131",
+ "w": "58",
+ "measuredW": "52",
"measuredH": "25",
- "x": "30",
- "y": "14",
+ "x": "45",
+ "y": "17",
"properties": {
"size": "17",
- "text": "HTML Templates"
+ "text": "Next.js"
}
},
{
@@ -9562,7 +9570,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "133",
"y": "0",
"properties": {
"color": "16777215",
@@ -9578,10 +9586,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "133",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9593,17 +9601,17 @@
}
},
{
- "ID": "1499",
+ "ID": "1702",
"typeID": "__group__",
- "zOrder": "244",
- "measuredW": "199",
- "measuredH": "42",
- "w": "199",
- "h": "42",
- "x": "1047",
- "y": "2040",
+ "zOrder": "196",
+ "measuredW": "156",
+ "measuredH": "44",
+ "w": "156",
+ "h": "44",
+ "x": "1183",
+ "y": "3042",
"properties": {
- "controlName": "101-web-components:custom-elements"
+ "controlName": "102-static-site-generators:nuxt-js"
},
"children": {
"controls": {
@@ -9612,12 +9620,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "190",
- "h": "40",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "2",
+ "y": "3",
"properties": {
"color": "16770457"
}
@@ -9626,23 +9634,39 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "139",
- "measuredW": "136",
+ "w": "56",
+ "measuredW": "52",
"measuredH": "25",
- "x": "30",
- "y": "10",
+ "x": "46",
+ "y": "11",
"properties": {
"size": "17",
- "text": "Custom Elements"
+ "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": "2",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "132",
"y": "0",
"properties": {
"color": "16777215",
@@ -9653,15 +9677,15 @@
}
},
{
- "ID": "3",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "132",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9673,17 +9697,17 @@
}
},
{
- "ID": "1500",
+ "ID": "1703",
"typeID": "__group__",
- "zOrder": "245",
- "measuredW": "199",
- "measuredH": "44",
- "w": "199",
- "h": "44",
- "x": "1047",
- "y": "2083",
+ "zOrder": "197",
+ "measuredW": "156",
+ "measuredH": "43",
+ "w": "156",
+ "h": "43",
+ "x": "1183",
+ "y": "3088",
"properties": {
- "controlName": "102-web-components:shadow-dom"
+ "controlName": "103-static-site-generators:vuepress"
},
"children": {
"controls": {
@@ -9692,12 +9716,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "190",
- "h": "40",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "4",
+ "y": "2",
"properties": {
"color": "16770457"
}
@@ -9706,14 +9730,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "105",
- "measuredW": "105",
+ "w": "76",
+ "measuredW": "72",
"measuredH": "25",
- "x": "38",
- "y": "12",
+ "x": "40",
+ "y": "10",
"properties": {
"size": "17",
- "text": "Shadow DOM"
+ "text": "Vuepress"
}
},
{
@@ -9722,7 +9746,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "132",
"y": "0",
"properties": {
"color": "16777215",
@@ -9738,62 +9762,30 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "132",
"y": "0",
"properties": {
- "color": "10066329",
+ "color": "16777215",
"icon": {
- "ID": "check-circle",
+ "ID": "circle",
"size": "small"
}
}
- }
- ]
- }
- }
- },
- {
- "ID": "1501",
- "typeID": "__group__",
- "zOrder": "200",
- "measuredW": "261",
- "measuredH": "50",
- "w": "261",
- "h": "50",
- "x": "526",
- "y": "2173",
- "properties": {
- "controlName": "114-css-frameworks"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "261",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16776960"
- }
},
{
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "132",
- "measuredH": "25",
- "x": "63",
- "y": "13",
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "132",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "CSS Frameworks",
- "bold": "true"
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -9801,17 +9793,17 @@
}
},
{
- "ID": "1510",
+ "ID": "1704",
"typeID": "__group__",
- "zOrder": "207",
- "measuredW": "213",
- "measuredH": "42",
- "w": "213",
- "h": "42",
- "x": "844",
- "y": "2211",
+ "zOrder": "198",
+ "measuredW": "157",
+ "measuredH": "45",
+ "w": "157",
+ "h": "45",
+ "x": "1183",
+ "y": "3132",
"properties": {
- "controlName": "101-css-frameworks:js-first:chakra-ui"
+ "controlName": "104-static-site-generators:jekyll"
},
"children": {
"controls": {
@@ -9820,27 +9812,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "205",
- "h": "39",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "3",
+ "x": "0",
+ "y": "4",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "78",
+ "w": "49",
+ "measuredW": "43",
"measuredH": "25",
- "x": "72",
- "y": "11",
+ "x": "52",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Chakra UI"
+ "text": "Jekyll"
}
},
{
@@ -9849,7 +9842,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "133",
"y": "0",
"properties": {
"color": "16777215",
@@ -9865,7 +9858,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "133",
"y": "0",
"properties": {
"color": "16777215",
@@ -9881,7 +9874,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "133",
"y": "0",
"properties": {
"color": "3700253",
@@ -9896,17 +9889,46 @@
}
},
{
- "ID": "1511",
+ "ID": "1705",
+ "typeID": "Arrow",
+ "zOrder": "199",
+ "w": "128",
+ "h": "180",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1055",
+ "y": "3064",
+ "properties": {
+ "color": "2848996",
+ "leftArrow": "false",
+ "p0": {
+ "x": 128,
+ "y": 180
+ },
+ "p1": {
+ "x": 0.56420233463035,
+ "y": 0.027237354085603037
+ },
+ "p2": {
+ "x": 0.142857142856883,
+ "y": -0.12135922330026006
+ },
+ "rightArrow": "false",
+ "stroke": "dotted"
+ }
+ },
+ {
+ "ID": "1706",
"typeID": "__group__",
- "zOrder": "206",
- "measuredW": "213",
- "measuredH": "41",
- "w": "213",
- "h": "41",
- "x": "844",
- "y": "2256",
+ "zOrder": "200",
+ "measuredW": "261",
+ "measuredH": "50",
+ "w": "261",
+ "h": "50",
+ "x": "526",
+ "y": "2173",
"properties": {
- "controlName": "102-css-frameworks:js-first:material-ui"
+ "controlName": "114-css-frameworks"
},
"children": {
"controls": {
@@ -9915,12 +9937,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "205",
- "h": "37",
+ "w": "261",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "4",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16776960"
}
@@ -9929,61 +9951,99 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "86",
+ "measuredW": "132",
"measuredH": "25",
- "x": "68",
- "y": "11",
+ "x": "63",
+ "y": "13",
"properties": {
"size": "17",
- "text": "Material UI"
+ "text": "CSS Frameworks",
+ "bold": "true"
}
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1707",
+ "typeID": "__group__",
+ "zOrder": "201",
+ "measuredW": "369",
+ "measuredH": "137",
+ "w": "369",
+ "h": "137",
+ "x": "127",
+ "y": "2086",
+ "properties": {
+ "controlName": "114-css-frameworks:css-first"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "369",
+ "h": "137",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0"
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "206",
+ "measuredW": "195",
+ "measuredH": "24",
+ "x": "154",
+ "y": "13",
+ "properties": {
+ "size": "16",
+ "text": "CSS first frameworks which"
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
"zOrder": "2",
- "measuredW": "24",
+ "w": "206",
+ "measuredW": "192",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "154",
+ "y": "41",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "16",
+ "text": "don't come with JavaScript"
}
},
{
- "ID": "3",
- "typeID": "Icon",
+ "ID": "4",
+ "typeID": "Label",
"zOrder": "3",
- "measuredW": "24",
+ "measuredW": "190",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "154",
+ "y": "69",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "16",
+ "text": "framework components by"
}
},
{
- "ID": "4",
- "typeID": "Icon",
+ "ID": "5",
+ "typeID": "Label",
"zOrder": "4",
- "measuredW": "24",
+ "measuredW": "53",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "153",
+ "y": "97",
"properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "size": "16",
+ "text": "default."
}
}
]
@@ -9991,17 +10051,17 @@
}
},
{
- "ID": "1512",
+ "ID": "1708",
"typeID": "__group__",
- "zOrder": "253",
- "measuredW": "213",
- "measuredH": "41",
- "w": "213",
- "h": "41",
- "x": "844",
- "y": "2300",
+ "zOrder": "202",
+ "measuredW": "130",
+ "measuredH": "57",
+ "w": "130",
+ "h": "57",
+ "x": "143",
+ "y": "2096",
"properties": {
- "controlName": "103-css-frameworks:js-first:radix-ui"
+ "controlName": "100-css-frameworks:css-first:bootstrap"
},
"children": {
"controls": {
@@ -10010,27 +10070,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "205",
- "h": "37",
+ "w": "127",
+ "h": "52",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "4",
+ "x": "0",
+ "y": "5",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "66",
+ "w": "81",
+ "measuredW": "75",
"measuredH": "25",
- "x": "78",
- "y": "11",
+ "x": "27",
+ "y": "18",
"properties": {
"size": "17",
- "text": "Radix UI"
+ "text": "Bootstrap"
}
},
{
@@ -10039,7 +10100,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "106",
"y": "0",
"properties": {
"color": "16777215",
@@ -10055,30 +10116,14 @@
"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",
+ "x": "106",
"y": "0",
"properties": {
- "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "3700253"
}
}
]
@@ -10086,17 +10131,17 @@
}
},
{
- "ID": "1514",
+ "ID": "1709",
"typeID": "__group__",
- "zOrder": "205",
- "measuredW": "210",
- "measuredH": "46",
- "w": "210",
- "h": "46",
- "x": "847",
- "y": "2161",
+ "zOrder": "203",
+ "measuredW": "133",
+ "measuredH": "52",
+ "w": "133",
+ "h": "52",
+ "x": "143",
+ "y": "2155",
"properties": {
- "controlName": "100-css-frameworks:js-first:tailwind-css"
+ "controlName": "101-css-frameworks:css-first:bulma"
},
"children": {
"controls": {
@@ -10105,27 +10150,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "205",
- "h": "40",
+ "w": "127",
+ "h": "49",
"measuredW": "200",
"measuredH": "140",
- "x": "5",
- "y": "6",
+ "x": "0",
+ "y": "3",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "98",
+ "w": "50",
+ "measuredW": "49",
"measuredH": "25",
- "x": "59",
- "y": "13",
+ "x": "39",
+ "y": "15",
"properties": {
"size": "17",
- "text": "Tailwind CSS"
+ "text": "Bulma"
}
},
{
@@ -10134,7 +10180,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "109",
"y": "0",
"properties": {
"color": "16777215",
@@ -10150,7 +10196,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "109",
"y": "0",
"properties": {
"color": "16777215",
@@ -10166,7 +10212,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "109",
"y": "0",
"properties": {
"color": "3700253",
@@ -10181,47 +10227,17 @@
}
},
{
- "ID": "1532",
- "typeID": "Arrow",
- "zOrder": "2",
- "w": "102",
- "h": "1",
- "measuredW": "150",
- "measuredH": "100",
- "x": "479",
- "y": "2198",
- "properties": {
- "color": "10027263",
- "curvature": "0",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": 101,
- "y": 0
- },
- "p1": {
- "x": 0.5105398742417109,
- "y": -0.0025761059250436276
- },
- "p2": {
- "x": -0.5,
- "y": 0
- }
- }
- },
- {
- "ID": "1534",
+ "ID": "1710",
"typeID": "__group__",
- "zOrder": "202",
- "measuredW": "130",
- "measuredH": "57",
- "w": "130",
- "h": "57",
- "x": "143",
- "y": "2096",
+ "zOrder": "204",
+ "measuredW": "236",
+ "measuredH": "281",
+ "w": "236",
+ "h": "281",
+ "x": "836",
+ "y": "2149",
"properties": {
- "controlName": "100-css-frameworks:css-first:bootstrap"
+ "controlName": "114-css-frameworks:js-first"
},
"children": {
"controls": {
@@ -10230,60 +10246,53 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "127",
- "h": "52",
+ "w": "236",
+ "h": "281",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "5",
- "properties": {
- "color": "16770457"
- }
+ "y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "81",
- "measuredW": "75",
- "measuredH": "25",
- "x": "27",
- "y": "18",
+ "w": "205",
+ "measuredW": "196",
+ "measuredH": "24",
+ "x": "16",
+ "y": "198",
"properties": {
- "size": "17",
- "text": "Bootstrap"
+ "size": "16",
+ "text": "JS based and better to use"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "2",
- "measuredW": "24",
+ "w": "201",
+ "measuredW": "192",
"measuredH": "24",
- "x": "106",
- "y": "0",
+ "x": "16",
+ "y": "223",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "16",
+ "text": "with your framework based"
}
},
{
"ID": "3",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "3",
- "measuredW": "24",
+ "w": "205",
+ "measuredW": "171",
"measuredH": "24",
- "x": "106",
- "y": "0",
+ "x": "16",
+ "y": "247",
"properties": {
- "icon": {
- "ID": "check-circle",
- "size": "small"
- },
- "color": "3700253"
+ "size": "16",
+ "text": "JavaScript applications."
}
}
]
@@ -10291,17 +10300,17 @@
}
},
{
- "ID": "1535",
+ "ID": "1711",
"typeID": "__group__",
- "zOrder": "203",
- "measuredW": "133",
- "measuredH": "52",
- "w": "133",
- "h": "52",
- "x": "143",
- "y": "2155",
+ "zOrder": "205",
+ "measuredW": "210",
+ "measuredH": "46",
+ "w": "210",
+ "h": "46",
+ "x": "847",
+ "y": "2161",
"properties": {
- "controlName": "101-css-frameworks:css-first:bulma"
+ "controlName": "100-css-frameworks:js-first:tailwind-css"
},
"children": {
"controls": {
@@ -10310,28 +10319,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "127",
- "h": "49",
+ "w": "205",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "3",
+ "x": "5",
+ "y": "6",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "50",
- "measuredW": "49",
+ "measuredW": "98",
"measuredH": "25",
- "x": "39",
- "y": "15",
+ "x": "59",
+ "y": "13",
"properties": {
"size": "17",
- "text": "Bulma"
+ "text": "Tailwind CSS"
}
},
{
@@ -10340,7 +10348,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "109",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -10356,7 +10364,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "109",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -10372,7 +10380,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "109",
+ "x": "0",
"y": "0",
"properties": {
"color": "3700253",
@@ -10387,17 +10395,17 @@
}
},
{
- "ID": "1537",
+ "ID": "1712",
"typeID": "__group__",
- "zOrder": "201",
- "measuredW": "369",
- "measuredH": "137",
- "w": "369",
- "h": "137",
- "x": "127",
- "y": "2086",
+ "zOrder": "206",
+ "measuredW": "213",
+ "measuredH": "41",
+ "w": "213",
+ "h": "41",
+ "x": "844",
+ "y": "2256",
"properties": {
- "controlName": "114-css-frameworks:css-first"
+ "controlName": "102-css-frameworks:js-first:material-ui"
},
"children": {
"controls": {
@@ -10406,138 +10414,75 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "369",
- "h": "137",
+ "w": "205",
+ "h": "37",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "0"
+ "x": "8",
+ "y": "4",
+ "properties": {
+ "color": "16776960"
+ }
},
{
- "ID": "2",
+ "ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "206",
- "measuredW": "195",
- "measuredH": "24",
- "x": "154",
- "y": "13",
+ "measuredW": "86",
+ "measuredH": "25",
+ "x": "68",
+ "y": "11",
"properties": {
- "size": "16",
- "text": "CSS first frameworks which"
+ "size": "17",
+ "text": "Material UI"
}
},
{
- "ID": "3",
- "typeID": "Label",
+ "ID": "2",
+ "typeID": "Icon",
"zOrder": "2",
- "w": "206",
- "measuredW": "192",
+ "measuredW": "24",
"measuredH": "24",
- "x": "154",
- "y": "41",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "16",
- "text": "don't come with JavaScript"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "4",
- "typeID": "Label",
+ "ID": "3",
+ "typeID": "Icon",
"zOrder": "3",
- "measuredW": "190",
+ "measuredW": "24",
"measuredH": "24",
- "x": "154",
- "y": "69",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "16",
- "text": "framework components by"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "5",
- "typeID": "Label",
+ "ID": "4",
+ "typeID": "Icon",
"zOrder": "4",
- "measuredW": "53",
+ "measuredW": "24",
"measuredH": "24",
- "x": "153",
- "y": "97",
- "properties": {
- "size": "16",
- "text": "default."
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1538",
- "typeID": "__group__",
- "zOrder": "204",
- "measuredW": "236",
- "measuredH": "281",
- "w": "236",
- "h": "281",
- "x": "836",
- "y": "2149",
- "properties": {
- "controlName": "114-css-frameworks:js-first"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "236",
- "h": "281",
- "measuredW": "200",
- "measuredH": "140",
"x": "0",
- "y": "0"
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "205",
- "measuredW": "196",
- "measuredH": "24",
- "x": "16",
- "y": "198",
- "properties": {
- "size": "16",
- "text": "JS based and better to use"
- }
- },
- {
- "ID": "2",
- "typeID": "Label",
- "zOrder": "2",
- "w": "201",
- "measuredW": "192",
- "measuredH": "24",
- "x": "16",
- "y": "223",
- "properties": {
- "size": "16",
- "text": "with your framework based"
- }
- },
- {
- "ID": "3",
- "typeID": "Label",
- "zOrder": "3",
- "w": "205",
- "measuredW": "171",
- "measuredH": "24",
- "x": "16",
- "y": "247",
+ "y": "0",
"properties": {
- "size": "16",
- "text": "JavaScript applications."
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -10545,17 +10490,17 @@
}
},
{
- "ID": "1539",
+ "ID": "1713",
"typeID": "__group__",
- "zOrder": "213",
- "measuredW": "405",
- "measuredH": "158",
- "w": "405",
- "h": "158",
- "x": "395",
- "y": "2259",
+ "zOrder": "207",
+ "measuredW": "213",
+ "measuredH": "42",
+ "w": "213",
+ "h": "42",
+ "x": "844",
+ "y": "2211",
"properties": {
- "controlName": "115-testing-your-apps"
+ "controlName": "101-css-frameworks:js-first:chakra-ui"
},
"children": {
"controls": {
@@ -10564,12 +10509,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "405",
- "h": "158",
+ "w": "205",
+ "h": "39",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "0",
+ "x": "8",
+ "y": "3",
"properties": {
"color": "16776960"
}
@@ -10578,56 +10523,61 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "144",
- "measuredH": "26",
- "x": "125",
- "y": "19",
+ "measuredW": "78",
+ "measuredH": "25",
+ "x": "72",
+ "y": "11",
"properties": {
- "size": "18",
- "text": "Testing your Apps",
- "bold": "true"
+ "size": "17",
+ "text": "Chakra UI"
}
},
{
"ID": "2",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "2",
- "w": "349",
- "measuredW": "328",
- "measuredH": "25",
- "x": "22",
- "y": "86",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "and {color:blue}Functional{color} tests and learn how to write"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "3",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "3",
- "w": "302",
- "measuredW": "275",
- "measuredH": "25",
- "x": "21",
- "y": "115",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "them with the tools listed on the left."
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "4",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "4",
- "w": "362",
- "measuredW": "361",
- "measuredH": "25",
- "x": "21",
- "y": "56",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, "
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -10635,7 +10585,7 @@
}
},
{
- "ID": "1544",
+ "ID": "1714",
"typeID": "__group__",
"zOrder": "208",
"measuredW": "247",
@@ -10694,17 +10644,17 @@
}
},
{
- "ID": "1545",
+ "ID": "1715",
"typeID": "__group__",
- "zOrder": "211",
+ "zOrder": "209",
"measuredW": "223",
- "measuredH": "46",
+ "measuredH": "42",
"w": "223",
- "h": "46",
+ "h": "42",
"x": "134",
- "y": "2263",
+ "y": "2312",
"properties": {
- "controlName": "100-testing-your-apps:jest"
+ "controlName": "101-testing-your-apps:react-testing-library"
},
"children": {
"controls": {
@@ -10718,7 +10668,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "7",
- "y": "6",
+ "y": "2",
"properties": {
"color": "16776960"
}
@@ -10727,14 +10677,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "39",
- "measuredW": "33",
+ "w": "164",
+ "measuredW": "152",
"measuredH": "25",
- "x": "96",
- "y": "14",
+ "x": "33",
+ "y": "10",
"properties": {
"size": "17",
- "text": "Jest"
+ "text": "react-testing-library"
}
},
{
@@ -10774,17 +10724,17 @@
}
},
{
- "ID": "1546",
+ "ID": "1716",
"typeID": "__group__",
- "zOrder": "209",
+ "zOrder": "210",
"measuredW": "223",
- "measuredH": "42",
+ "measuredH": "41",
"w": "223",
- "h": "42",
+ "h": "41",
"x": "134",
- "y": "2312",
+ "y": "2398",
"properties": {
- "controlName": "101-testing-your-apps:react-testing-library"
+ "controlName": "103-testing-your-apps:enzyme"
},
"children": {
"controls": {
@@ -10794,11 +10744,11 @@
"typeID": "TextArea",
"zOrder": "0",
"w": "216",
- "h": "40",
+ "h": "37",
"measuredW": "200",
"measuredH": "140",
"x": "7",
- "y": "2",
+ "y": "4",
"properties": {
"color": "16776960"
}
@@ -10807,14 +10757,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "164",
- "measuredW": "152",
+ "w": "68",
+ "measuredW": "61",
"measuredH": "25",
- "x": "33",
+ "x": "82",
"y": "10",
"properties": {
"size": "17",
- "text": "react-testing-library"
+ "text": "Enzyme"
}
},
{
@@ -10854,7 +10804,87 @@
}
},
{
- "ID": "1547",
+ "ID": "1717",
+ "typeID": "__group__",
+ "zOrder": "211",
+ "measuredW": "223",
+ "measuredH": "46",
+ "w": "223",
+ "h": "46",
+ "x": "134",
+ "y": "2263",
+ "properties": {
+ "controlName": "100-testing-your-apps:jest"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "216",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "7",
+ "y": "6",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "39",
+ "measuredW": "33",
+ "measuredH": "25",
+ "x": "96",
+ "y": "14",
+ "properties": {
+ "size": "17",
+ "text": "Jest"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1718",
"typeID": "__group__",
"zOrder": "212",
"measuredW": "223",
@@ -10934,78 +10964,372 @@
}
},
{
- "ID": "1548",
+ "ID": "1719",
+ "typeID": "__group__",
+ "zOrder": "213",
+ "measuredW": "405",
+ "measuredH": "158",
+ "w": "405",
+ "h": "158",
+ "x": "395",
+ "y": "2259",
+ "properties": {
+ "controlName": "115-testing-your-apps"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "405",
+ "h": "158",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "measuredW": "144",
+ "measuredH": "26",
+ "x": "125",
+ "y": "19",
+ "properties": {
+ "size": "18",
+ "text": "Testing your Apps",
+ "bold": "true"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Label",
+ "zOrder": "2",
+ "w": "349",
+ "measuredW": "328",
+ "measuredH": "25",
+ "x": "22",
+ "y": "86",
+ "properties": {
+ "size": "17",
+ "text": "and {color:blue}Functional{color} tests and learn how to write"
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
+ "zOrder": "3",
+ "w": "302",
+ "measuredW": "275",
+ "measuredH": "25",
+ "x": "21",
+ "y": "115",
+ "properties": {
+ "size": "17",
+ "text": "them with the tools listed on the left."
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Label",
+ "zOrder": "4",
+ "w": "362",
+ "measuredW": "361",
+ "measuredH": "25",
+ "x": "21",
+ "y": "56",
+ "properties": {
+ "size": "17",
+ "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, "
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1720",
"typeID": "__group__",
- "zOrder": "210",
- "measuredW": "223",
- "measuredH": "41",
- "w": "223",
- "h": "41",
- "x": "134",
- "y": "2398",
+ "zOrder": "214",
+ "measuredW": "405",
+ "measuredH": "44",
+ "w": "405",
+ "h": "44",
+ "x": "395",
+ "y": "2425",
"properties": {
- "controlName": "103-testing-your-apps:enzyme"
+ "controlName": "104-testing-your-apps:other-options"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "__group__",
"zOrder": "0",
- "w": "216",
- "h": "37",
- "measuredW": "200",
- "measuredH": "140",
- "x": "7",
- "y": "4",
+ "measuredW": "93",
+ "measuredH": "43",
+ "w": "93",
+ "h": "43",
+ "x": "109",
+ "y": "1",
"properties": {
- "color": "16776960"
+ "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": "Label",
+ "typeID": "__group__",
"zOrder": "1",
- "w": "68",
- "measuredW": "61",
- "measuredH": "25",
- "x": "82",
- "y": "10",
+ "measuredW": "75",
+ "measuredH": "43",
+ "w": "75",
+ "h": "43",
+ "x": "210",
+ "y": "1",
"properties": {
- "size": "17",
- "text": "Enzyme"
+ "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": "Icon",
+ "typeID": "__group__",
"zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
+ "measuredW": "112",
+ "measuredH": "43",
+ "w": "112",
+ "h": "43",
+ "x": "293",
"y": "0",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
+ "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": "Icon",
+ "typeID": "__group__",
"zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
+ "measuredW": "101",
+ "measuredH": "43",
+ "w": "101",
+ "h": "43",
"x": "0",
"y": "0",
"properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
+ "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"
+ }
+ }
+ ]
}
}
}
@@ -11014,7 +11338,7 @@
}
},
{
- "ID": "1549",
+ "ID": "1721",
"typeID": "__group__",
"zOrder": "215",
"measuredW": "234",
@@ -11094,7 +11418,7 @@
}
},
{
- "ID": "1550",
+ "ID": "1722",
"typeID": "__group__",
"zOrder": "216",
"measuredW": "206",
@@ -11206,57 +11530,7 @@
}
},
{
- "ID": "1551",
- "typeID": "__group__",
- "zOrder": "189",
- "measuredW": "199",
- "measuredH": "41",
- "w": "199",
- "h": "41",
- "x": "1104",
- "y": "2557",
- "properties": {
- "controlName": "101-type-checkers:flow"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "199",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "color": "10066329"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "38",
- "measuredW": "35",
- "measuredH": "25",
- "x": "81",
- "y": "8",
- "properties": {
- "color": "3355443",
- "size": "17",
- "text": "Flow"
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1552",
+ "ID": "1723",
"typeID": "__group__",
"zOrder": "217",
"measuredW": "247",
@@ -11295,185 +11569,14 @@
"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": "219",
- "measuredW": "269",
- "measuredH": "290",
- "w": "269",
- "h": "290",
- "x": "388",
- "y": "2626",
- "properties": {
- "controlName": "101-progressive-web-apps:performance"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "Canvas",
- "zOrder": "0",
- "w": "262",
- "h": "281",
- "measuredW": "100",
- "measuredH": "70",
- "x": "7",
- "y": "9"
- },
- {
- "ID": "1",
- "typeID": "TextInput",
- "zOrder": "1",
- "w": "225",
- "measuredW": "124",
- "measuredH": "32",
- "x": "27",
- "y": "28",
- "properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "PRPL Pattern"
- }
- },
- {
- "ID": "2",
- "typeID": "TextInput",
- "zOrder": "2",
- "w": "225",
- "measuredW": "110",
- "measuredH": "32",
- "x": "27",
- "y": "66",
- "properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "RAIL Model"
- }
- },
- {
- "ID": "3",
- "typeID": "TextInput",
- "zOrder": "3",
- "w": "225",
- "measuredW": "185",
- "measuredH": "32",
- "x": "27",
- "y": "104",
- "properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Performance Metrics"
- }
- },
- {
- "ID": "4",
- "typeID": "TextInput",
- "zOrder": "4",
- "w": "225",
- "measuredW": "156",
- "measuredH": "32",
- "x": "27",
- "y": "141",
- "properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Using Lighthouse"
- }
- },
- {
- "ID": "5",
- "typeID": "TextInput",
- "zOrder": "5",
- "w": "225",
- "measuredW": "141",
- "measuredH": "32",
- "x": "27",
- "y": "179",
- "properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Using DevTools"
- }
- },
- {
- "ID": "6",
- "typeID": "Label",
- "zOrder": "6",
- "w": "185",
- "measuredW": "176",
- "measuredH": "25",
- "x": "47",
- "y": "224",
- "properties": {
- "size": "17",
- "text": "Calculating, Measuring"
- }
- },
- {
- "ID": "7",
- "typeID": "Label",
- "zOrder": "7",
- "w": "224",
- "measuredW": "212",
- "measuredH": "25",
- "x": "27",
- "y": "251",
- "properties": {
- "size": "17",
- "text": "and improving performance"
+ "text": "Progressive Web Apps",
+ "bold": "true"
}
},
{
- "ID": "8",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "8",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -11487,9 +11590,9 @@
}
},
{
- "ID": "9",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "9",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
"x": "0",
@@ -11507,7 +11610,7 @@
}
},
{
- "ID": "1554",
+ "ID": "1724",
"typeID": "__group__",
"zOrder": "218",
"measuredW": "237",
@@ -11665,277 +11768,37 @@
"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": "220",
- "measuredW": "285",
- "measuredH": "59",
- "w": "285",
- "h": "59",
- "x": "740",
- "y": "2641",
- "properties": {
- "controlName": "118-server-side-rendering"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "278",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "9",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "225",
- "measuredH": "25",
- "x": "22",
- "y": "22",
- "properties": {
- "size": "17",
- "text": "Server Side Rendering (SSR)",
- "bold": "true"
- }
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "261",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "261",
- "y": "0",
- "properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1556",
- "typeID": "__group__",
- "zOrder": "221",
- "measuredW": "125",
- "measuredH": "52",
- "w": "125",
- "h": "52",
- "x": "1062",
- "y": "2644",
- "properties": {
- "controlName": "100-server-side-rendering:react-js"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "116",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "11",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "69",
- "measuredW": "62",
- "measuredH": "25",
- "x": "30",
- "y": "19",
- "properties": {
- "size": "17",
- "text": "React"
- }
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "101",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "101",
- "y": "0",
- "properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1557",
- "typeID": "__group__",
- "zOrder": "222",
- "measuredW": "104",
- "measuredH": "49",
- "w": "104",
- "h": "49",
- "x": "1235",
- "y": "2627",
- "properties": {
- "controlName": "100-server-side-rendering:react-js:next-js"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "94",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "8",
+ "w": "156",
+ "measuredW": "151",
+ "measuredH": "25",
+ "x": "46",
+ "y": "331",
"properties": {
- "color": "16776960"
+ "size": "17",
+ "text": "Learn different Web"
}
},
{
- "ID": "1",
+ "ID": "10",
"typeID": "Label",
- "zOrder": "1",
- "w": "61",
- "measuredW": "52",
+ "zOrder": "10",
+ "w": "148",
+ "measuredW": "143",
"measuredH": "25",
- "x": "20",
- "y": "16",
+ "x": "50",
+ "y": "357",
"properties": {
"size": "17",
- "text": "Next.js"
+ "text": "APIs used in PWAs"
}
},
{
- "ID": "2",
+ "ID": "11",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "11",
"measuredW": "24",
"measuredH": "24",
- "x": "80",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -11946,15 +11809,15 @@
}
},
{
- "ID": "3",
+ "ID": "12",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "12",
"measuredW": "24",
"measuredH": "24",
- "x": "80",
+ "x": "0",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11966,122 +11829,147 @@
}
},
{
- "ID": "1558",
+ "ID": "1725",
"typeID": "__group__",
- "zOrder": "223",
- "measuredW": "94",
- "measuredH": "41",
- "w": "94",
- "h": "41",
- "x": "1235",
- "y": "2682",
+ "zOrder": "219",
+ "measuredW": "269",
+ "measuredH": "290",
+ "w": "269",
+ "h": "290",
+ "x": "388",
+ "y": "2626",
"properties": {
- "controlName": "101-server-side-rendering:react-js:after-js"
+ "controlName": "101-progressive-web-apps:performance"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "Canvas",
"zOrder": "0",
- "w": "94",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "color": "10066329"
- }
+ "w": "262",
+ "h": "281",
+ "measuredW": "100",
+ "measuredH": "70",
+ "x": "7",
+ "y": "9"
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "TextInput",
"zOrder": "1",
- "w": "60",
- "measuredW": "52",
- "measuredH": "25",
- "x": "21",
- "y": "8",
+ "w": "225",
+ "measuredW": "124",
+ "measuredH": "32",
+ "x": "27",
+ "y": "28",
"properties": {
- "color": "3355443",
- "size": "17",
- "text": "After.js"
+ "align": "center",
+ "color": "16776960",
+ "size": "18",
+ "text": "PRPL Pattern"
}
- }
- ]
- }
- }
- },
- {
- "ID": "1560",
- "typeID": "__group__",
- "zOrder": "224",
- "measuredW": "123",
- "measuredH": "52",
- "w": "123",
- "h": "52",
- "x": "1066",
- "y": "2735",
- "properties": {
- "controlName": "101-server-side-rendering:angular"
- },
- "children": {
- "controls": {
- "control": [
+ },
{
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "115",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "11",
+ "ID": "2",
+ "typeID": "TextInput",
+ "zOrder": "2",
+ "w": "225",
+ "measuredW": "110",
+ "measuredH": "32",
+ "x": "27",
+ "y": "66",
"properties": {
- "color": "16770457"
+ "align": "center",
+ "color": "16776960",
+ "size": "18",
+ "text": "RAIL Model"
}
},
{
- "ID": "1",
+ "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": "1",
- "w": "69",
- "measuredW": "59",
+ "zOrder": "6",
+ "w": "185",
+ "measuredW": "176",
"measuredH": "25",
- "x": "31",
- "y": "19",
+ "x": "47",
+ "y": "224",
"properties": {
"size": "17",
- "text": "Angular"
+ "text": "Calculating, Measuring"
}
},
{
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "99",
- "y": "0",
+ "ID": "7",
+ "typeID": "Label",
+ "zOrder": "7",
+ "w": "224",
+ "measuredW": "212",
+ "measuredH": "25",
+ "x": "27",
+ "y": "251",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "17",
+ "text": "and improving performance"
}
},
{
- "ID": "3",
+ "ID": "8",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "8",
"measuredW": "24",
"measuredH": "24",
- "x": "99",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -12092,15 +11980,15 @@
}
},
{
- "ID": "4",
+ "ID": "9",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "9",
"measuredW": "24",
"measuredH": "24",
- "x": "99",
+ "x": "0",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12112,17 +12000,17 @@
}
},
{
- "ID": "1561",
+ "ID": "1726",
"typeID": "__group__",
- "zOrder": "225",
- "measuredW": "121",
- "measuredH": "52",
- "w": "121",
- "h": "52",
- "x": "1218",
- "y": "2735",
+ "zOrder": "220",
+ "measuredW": "285",
+ "measuredH": "59",
+ "w": "285",
+ "h": "59",
+ "x": "740",
+ "y": "2641",
"properties": {
- "controlName": "100-server-side-rendering:angular:universal"
+ "controlName": "118-server-side-rendering"
},
"children": {
"controls": {
@@ -12131,28 +12019,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "111",
- "h": "41",
+ "w": "278",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "11",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "73",
- "measuredW": "72",
+ "measuredW": "225",
"measuredH": "25",
- "x": "19",
- "y": "19",
+ "x": "22",
+ "y": "22",
"properties": {
"size": "17",
- "text": "Universal"
+ "text": "Server Side Rendering (SSR)",
+ "bold": "true"
}
},
{
@@ -12161,7 +12049,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "97",
+ "x": "261",
"y": "0",
"properties": {
"color": "16777215",
@@ -12177,26 +12065,10 @@
"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",
+ "x": "261",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12208,17 +12080,17 @@
}
},
{
- "ID": "1562",
+ "ID": "1727",
"typeID": "__group__",
- "zOrder": "226",
- "measuredW": "124",
- "measuredH": "51",
- "w": "124",
- "h": "51",
- "x": "1066",
- "y": "2789",
+ "zOrder": "221",
+ "measuredW": "125",
+ "measuredH": "52",
+ "w": "125",
+ "h": "52",
+ "x": "1062",
+ "y": "2644",
"properties": {
- "controlName": "102-server-side-rendering:vue-js"
+ "controlName": "100-server-side-rendering:react-js"
},
"children": {
"controls": {
@@ -12227,28 +12099,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "115",
+ "w": "116",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "10",
+ "y": "11",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "48",
- "measuredW": "45",
+ "w": "69",
+ "measuredW": "47",
"measuredH": "25",
- "x": "34",
- "y": "18",
+ "x": "30",
+ "y": "19",
"properties": {
"size": "17",
- "text": "Vue.js"
+ "text": "React"
}
},
{
@@ -12257,7 +12129,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "100",
+ "x": "101",
"y": "0",
"properties": {
"color": "16777215",
@@ -12273,26 +12145,10 @@
"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",
+ "x": "101",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12304,17 +12160,17 @@
}
},
{
- "ID": "1563",
+ "ID": "1728",
"typeID": "__group__",
- "zOrder": "227",
- "measuredW": "122",
- "measuredH": "51",
- "w": "122",
- "h": "51",
- "x": "1218",
- "y": "2789",
+ "zOrder": "222",
+ "measuredW": "104",
+ "measuredH": "49",
+ "w": "104",
+ "h": "49",
+ "x": "1235",
+ "y": "2627",
"properties": {
- "controlName": "100-server-side-rendering:vue-js:nuxt-js"
+ "controlName": "100-server-side-rendering:react-js:next-js"
},
"children": {
"controls": {
@@ -12323,28 +12179,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "111",
+ "w": "94",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "10",
+ "y": "8",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "55",
+ "w": "61",
"measuredW": "52",
"measuredH": "25",
- "x": "28",
- "y": "18",
+ "x": "20",
+ "y": "16",
"properties": {
"size": "17",
- "text": "Nuxt.js"
+ "text": "Next.js"
}
},
{
@@ -12353,7 +12209,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
+ "x": "80",
"y": "0",
"properties": {
"color": "16777215",
@@ -12369,30 +12225,64 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
+ "x": "80",
"y": "0",
"properties": {
- "color": "16777215",
+ "color": "10027263",
"icon": {
- "ID": "circle",
+ "ID": "check-circle",
"size": "small"
}
}
- },
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1729",
+ "typeID": "__group__",
+ "zOrder": "223",
+ "measuredW": "94",
+ "measuredH": "41",
+ "w": "94",
+ "h": "41",
+ "x": "1235",
+ "y": "2682",
+ "properties": {
+ "controlName": "101-server-side-rendering:react-js:after-js"
+ },
+ "children": {
+ "controls": {
+ "control": [
{
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "98",
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "94",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
"y": "0",
"properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "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"
}
}
]
@@ -12400,17 +12290,17 @@
}
},
{
- "ID": "1564",
+ "ID": "1730",
"typeID": "__group__",
- "zOrder": "237",
- "measuredW": "154",
- "measuredH": "59",
- "w": "154",
- "h": "59",
- "x": "759",
- "y": "2869",
+ "zOrder": "224",
+ "measuredW": "123",
+ "measuredH": "52",
+ "w": "123",
+ "h": "52",
+ "x": "1066",
+ "y": "2735",
"properties": {
- "controlName": "119-graphql"
+ "controlName": "101-server-side-rendering:angular"
},
"children": {
"controls": {
@@ -12419,28 +12309,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "146",
- "h": "50",
+ "w": "115",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
- "y": "9",
+ "x": "0",
+ "y": "11",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "71",
+ "w": "69",
+ "measuredW": "59",
"measuredH": "25",
- "x": "45",
- "y": "22",
+ "x": "31",
+ "y": "19",
"properties": {
"size": "17",
- "text": "GraphQL",
- "bold": "true"
+ "text": "Angular"
}
},
{
@@ -12449,7 +12339,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "99",
"y": "0",
"properties": {
"color": "16777215",
@@ -12465,10 +12355,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "99",
"y": "0",
"properties": {
- "color": "10066329",
+ "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"
@@ -12476,21 +12382,21 @@
}
}
]
- }
- }
- },
- {
- "ID": "1565",
- "typeID": "__group__",
- "zOrder": "190",
- "measuredW": "177",
- "measuredH": "47",
- "w": "177",
- "h": "47",
- "x": "975",
- "y": "2854",
+ }
+ }
+ },
+ {
+ "ID": "1731",
+ "typeID": "__group__",
+ "zOrder": "225",
+ "measuredW": "121",
+ "measuredH": "52",
+ "w": "121",
+ "h": "52",
+ "x": "1218",
+ "y": "2735",
"properties": {
- "controlName": "100-graphql:apollo"
+ "controlName": "100-server-side-rendering:angular:universal"
},
"children": {
"controls": {
@@ -12499,28 +12405,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "167",
+ "w": "111",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "6",
+ "y": "11",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "49",
- "measuredW": "48",
+ "w": "73",
+ "measuredW": "72",
"measuredH": "25",
- "x": "50",
- "y": "14",
+ "x": "19",
+ "y": "19",
"properties": {
"size": "17",
- "text": "Apollo"
+ "text": "Universal"
}
},
{
@@ -12529,7 +12435,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "153",
+ "x": "97",
"y": "0",
"properties": {
"color": "16777215",
@@ -12545,10 +12451,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "153",
+ "x": "97",
"y": "0",
"properties": {
- "color": "10027263",
+ "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"
@@ -12560,17 +12482,17 @@
}
},
{
- "ID": "1566",
+ "ID": "1732",
"typeID": "__group__",
- "zOrder": "238",
- "measuredW": "178",
- "measuredH": "45",
- "w": "178",
- "h": "45",
- "x": "975",
- "y": "2905",
+ "zOrder": "226",
+ "measuredW": "124",
+ "measuredH": "51",
+ "w": "124",
+ "h": "51",
+ "x": "1066",
+ "y": "2789",
"properties": {
- "controlName": "101-graphql:relay-modern"
+ "controlName": "102-server-side-rendering:vue-js"
},
"children": {
"controls": {
@@ -12579,28 +12501,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "168",
+ "w": "115",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "4",
+ "y": "10",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "115",
- "measuredW": "107",
+ "w": "48",
+ "measuredW": "45",
"measuredH": "25",
- "x": "33",
- "y": "12",
+ "x": "34",
+ "y": "18",
"properties": {
"size": "17",
- "text": "Relay Modern"
+ "text": "Vue.js"
}
},
{
@@ -12609,7 +12531,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "154",
+ "x": "100",
"y": "0",
"properties": {
"color": "16777215",
@@ -12625,7 +12547,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "154",
+ "x": "100",
"y": "0",
"properties": {
"color": "16777215",
@@ -12641,7 +12563,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "154",
+ "x": "100",
"y": "0",
"properties": {
"color": "3700253",
@@ -12656,17 +12578,17 @@
}
},
{
- "ID": "1567",
+ "ID": "1733",
"typeID": "__group__",
- "zOrder": "193",
- "measuredW": "285",
- "measuredH": "59",
- "w": "285",
- "h": "59",
- "x": "776",
- "y": "3006",
+ "zOrder": "227",
+ "measuredW": "122",
+ "measuredH": "51",
+ "w": "122",
+ "h": "51",
+ "x": "1218",
+ "y": "2789",
"properties": {
- "controlName": "120-static-site-generators"
+ "controlName": "100-server-side-rendering:vue-js:nuxt-js"
},
"children": {
"controls": {
@@ -12675,28 +12597,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "281",
- "h": "50",
+ "w": "111",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "10",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "172",
+ "w": "55",
+ "measuredW": "52",
"measuredH": "25",
- "x": "49",
- "y": "22",
+ "x": "28",
+ "y": "18",
"properties": {
"size": "17",
- "text": "Static Site Generators",
- "bold": "true"
+ "text": "Nuxt.js"
}
},
{
@@ -12705,7 +12627,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "261",
+ "x": "98",
"y": "0",
"properties": {
"color": "16777215",
@@ -12721,10 +12643,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "261",
+ "x": "98",
"y": "0",
"properties": {
- "color": "10066329",
+ "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"
@@ -12736,17 +12674,17 @@
}
},
{
- "ID": "1568",
+ "ID": "1734",
"typeID": "__group__",
- "zOrder": "195",
- "measuredW": "157",
- "measuredH": "50",
- "w": "157",
- "h": "50",
- "x": "1183",
- "y": "2944",
+ "zOrder": "228",
+ "measuredW": "249",
+ "measuredH": "59",
+ "w": "249",
+ "h": "59",
+ "x": "441",
+ "y": "3131",
"properties": {
- "controlName": "100-static-site-generators:next-js"
+ "controlName": "122-desktop-applications"
},
"children": {
"controls": {
@@ -12755,8 +12693,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "241",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -12769,14 +12707,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "58",
- "measuredW": "52",
+ "measuredW": "163",
"measuredH": "25",
- "x": "45",
- "y": "17",
+ "x": "43",
+ "y": "22",
"properties": {
"size": "17",
- "text": "Next.js"
+ "text": "Desktop Applications",
+ "bold": "true"
}
},
{
@@ -12785,7 +12723,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
+ "x": "225",
"y": "0",
"properties": {
"color": "16777215",
@@ -12801,10 +12739,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
+ "x": "225",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12816,17 +12754,17 @@
}
},
{
- "ID": "1569",
+ "ID": "1735",
"typeID": "__group__",
- "zOrder": "194",
- "measuredW": "156",
- "measuredH": "45",
- "w": "156",
- "h": "45",
- "x": "1183",
- "y": "2995",
+ "zOrder": "229",
+ "measuredW": "196",
+ "measuredH": "47",
+ "w": "196",
+ "h": "47",
+ "x": "755",
+ "y": "3097",
"properties": {
- "controlName": "101-static-site-generators:gatsbyjs"
+ "controlName": "100-desktop-applications:electron"
},
"children": {
"controls": {
@@ -12835,12 +12773,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
+ "w": "188",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "4",
+ "y": "6",
"properties": {
"color": "16776960"
}
@@ -12849,14 +12787,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "78",
- "measuredW": "73",
+ "w": "69",
+ "measuredW": "65",
"measuredH": "25",
- "x": "35",
- "y": "12",
+ "x": "63",
+ "y": "14",
"properties": {
"size": "17",
- "text": "GatsbyJS"
+ "text": "Electron"
}
},
{
@@ -12865,7 +12803,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "132",
+ "x": "172",
"y": "0",
"properties": {
"color": "16777215",
@@ -12881,7 +12819,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "132",
+ "x": "172",
"y": "0",
"properties": {
"color": "10027263",
@@ -12896,17 +12834,17 @@
}
},
{
- "ID": "1570",
+ "ID": "1737",
"typeID": "__group__",
- "zOrder": "196",
- "measuredW": "156",
- "measuredH": "44",
- "w": "156",
- "h": "44",
- "x": "1183",
- "y": "3042",
+ "zOrder": "230",
+ "measuredW": "220",
+ "measuredH": "59",
+ "w": "220",
+ "h": "59",
+ "x": "437",
+ "y": "3009",
"properties": {
- "controlName": "102-static-site-generators:nuxt-js"
+ "controlName": "121-mobile-applications"
},
"children": {
"controls": {
@@ -12915,28 +12853,29 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "210",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "3",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "56",
- "measuredW": "52",
+ "w": "169",
+ "measuredW": "152",
"measuredH": "25",
- "x": "46",
- "y": "11",
+ "x": "27",
+ "y": "22",
"properties": {
"size": "17",
- "text": "Nuxt.js"
+ "text": "Mobile Applications",
+ "bold": "true"
}
},
{
@@ -12945,7 +12884,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "132",
+ "x": "196",
"y": "0",
"properties": {
"color": "16777215",
@@ -12961,26 +12900,10 @@
"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",
+ "x": "196",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12992,17 +12915,17 @@
}
},
{
- "ID": "1571",
+ "ID": "1738",
"typeID": "__group__",
- "zOrder": "197",
+ "zOrder": "231",
"measuredW": "156",
- "measuredH": "43",
+ "measuredH": "51",
"w": "156",
- "h": "43",
- "x": "1183",
- "y": "3088",
+ "h": "51",
+ "x": "137",
+ "y": "2928",
"properties": {
- "controlName": "103-static-site-generators:vuepress"
+ "controlName": "100-mobile-applications:react-native"
},
"children": {
"controls": {
@@ -13015,24 +12938,24 @@
"h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "2",
+ "x": "9",
+ "y": "10",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "76",
- "measuredW": "72",
+ "w": "101",
+ "measuredW": "100",
"measuredH": "25",
- "x": "40",
- "y": "10",
+ "x": "32",
+ "y": "18",
"properties": {
"size": "17",
- "text": "Vuepress"
+ "text": "React Native"
}
},
{
@@ -13041,7 +12964,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "132",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -13057,26 +12980,10 @@
"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",
+ "x": "0",
"y": "0",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -13088,17 +12995,17 @@
}
},
{
- "ID": "1572",
+ "ID": "1739",
"typeID": "__group__",
- "zOrder": "198",
- "measuredW": "157",
- "measuredH": "45",
- "w": "157",
- "h": "45",
- "x": "1183",
- "y": "3132",
+ "zOrder": "232",
+ "measuredW": "147",
+ "measuredH": "41",
+ "w": "147",
+ "h": "41",
+ "x": "146",
+ "y": "2983",
"properties": {
- "controlName": "104-static-site-generators:jekyll"
+ "controlName": "101-mobile-applications:nativescript"
},
"children": {
"controls": {
@@ -13112,7 +13019,7 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "4",
+ "y": "0",
"properties": {
"color": "16770457"
}
@@ -13121,62 +13028,62 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "49",
- "measuredW": "43",
+ "w": "101",
+ "measuredW": "94",
"measuredH": "25",
- "x": "52",
- "y": "12",
+ "x": "23",
+ "y": "8",
"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"
- }
+ "text": "NativeScript"
}
- },
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1740",
+ "typeID": "__group__",
+ "zOrder": "233",
+ "measuredW": "147",
+ "measuredH": "41",
+ "w": "147",
+ "h": "41",
+ "x": "146",
+ "y": "3029",
+ "properties": {
+ "controlName": "102-mobile-applications:flutter"
+ },
+ "children": {
+ "controls": {
+ "control": [
{
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "133",
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "147",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "0",
"y": "0",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "color": "16770457"
}
},
{
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "133",
- "y": "0",
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "53",
+ "measuredW": "50",
+ "measuredH": "25",
+ "x": "47",
+ "y": "8",
"properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "size": "17",
+ "text": "Flutter"
}
}
]
@@ -13184,9 +13091,9 @@
}
},
{
- "ID": "1573",
+ "ID": "1741",
"typeID": "__group__",
- "zOrder": "235",
+ "zOrder": "234",
"measuredW": "157",
"measuredH": "44",
"w": "157",
@@ -13280,17 +13187,17 @@
}
},
{
- "ID": "1574",
+ "ID": "1742",
"typeID": "__group__",
- "zOrder": "5",
- "measuredW": "157",
+ "zOrder": "235",
+ "measuredW": "147",
"measuredH": "41",
- "w": "157",
+ "w": "147",
"h": "41",
- "x": "1183",
- "y": "3228",
+ "x": "146",
+ "y": "3075",
"properties": {
- "controlName": "106-static-site-generators:gridsome"
+ "controlName": "103-mobile-applications:ionic"
},
"children": {
"controls": {
@@ -13306,19 +13213,79 @@
"x": "0",
"y": "0",
"properties": {
- "color": "16770457",
- "align": "center",
- "size": "17"
+ "color": "16770457"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "40",
+ "measuredW": "38",
+ "measuredH": "25",
+ "x": "54",
+ "y": "8",
+ "properties": {
+ "size": "17",
+ "text": "Ionic"
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1743",
+ "typeID": "__group__",
+ "zOrder": "236",
+ "measuredW": "154",
+ "measuredH": "59",
+ "w": "154",
+ "h": "59",
+ "x": "759",
+ "y": "2869",
+ "properties": {
+ "controlName": "119-graphql"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "146",
+ "h": "50",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "8",
+ "y": "9",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "measuredW": "71",
+ "measuredH": "25",
+ "x": "45",
+ "y": "22",
+ "properties": {
+ "size": "17",
+ "text": "GraphQL",
+ "bold": "true"
}
},
{
- "ID": "1",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "1",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "5",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -13328,51 +13295,37 @@
}
},
{
- "ID": "2",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "5",
+ "x": "0",
+ "y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"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",
+ "ID": "1744",
"typeID": "__group__",
- "zOrder": "231",
- "measuredW": "220",
- "measuredH": "59",
- "w": "220",
- "h": "59",
- "x": "437",
- "y": "3009",
+ "zOrder": "237",
+ "measuredW": "178",
+ "measuredH": "45",
+ "w": "178",
+ "h": "45",
+ "x": "975",
+ "y": "2905",
"properties": {
- "controlName": "121-mobile-applications"
+ "controlName": "101-graphql:relay-modern"
},
"children": {
"controls": {
@@ -13381,12 +13334,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "210",
- "h": "50",
+ "w": "168",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "4",
"properties": {
"color": "16776960"
}
@@ -13395,15 +13348,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "169",
- "measuredW": "152",
+ "w": "115",
+ "measuredW": "107",
"measuredH": "25",
- "x": "27",
- "y": "22",
+ "x": "33",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Mobile Applications",
- "bold": "true"
+ "text": "Relay Modern"
}
},
{
@@ -13412,7 +13364,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "196",
+ "x": "154",
"y": "0",
"properties": {
"color": "16777215",
@@ -13428,10 +13380,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "196",
+ "x": "154",
"y": "0",
"properties": {
- "color": "10066329",
+ "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"
@@ -13443,17 +13411,17 @@
}
},
{
- "ID": "1576",
+ "ID": "1745",
"typeID": "__group__",
- "zOrder": "232",
- "measuredW": "156",
- "measuredH": "51",
- "w": "156",
- "h": "51",
- "x": "137",
- "y": "2928",
+ "zOrder": "238",
+ "measuredW": "221",
+ "measuredH": "61",
+ "w": "221",
+ "h": "61",
+ "x": "176",
+ "y": "3313",
"properties": {
- "controlName": "100-mobile-applications:react-native"
+ "controlName": "123-web-assembly"
},
"children": {
"controls": {
@@ -13462,12 +13430,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "210",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
- "y": "10",
+ "x": "11",
+ "y": "11",
"properties": {
"color": "16776960"
}
@@ -13476,14 +13444,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "101",
- "measuredW": "100",
+ "measuredW": "112",
"measuredH": "25",
- "x": "32",
- "y": "18",
+ "x": "57",
+ "y": "24",
"properties": {
"size": "17",
- "text": "React Native"
+ "text": "Web Assembly",
+ "bold": "true"
}
},
{
@@ -13511,7 +13479,7 @@
"x": "0",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -13523,17 +13491,17 @@
}
},
{
- "ID": "1577",
+ "ID": "1746",
"typeID": "__group__",
- "zOrder": "233",
- "measuredW": "147",
- "measuredH": "41",
- "w": "147",
- "h": "41",
- "x": "146",
- "y": "2983",
+ "zOrder": "239",
+ "measuredW": "207",
+ "measuredH": "50",
+ "w": "207",
+ "h": "50",
+ "x": "201",
+ "y": "3500",
"properties": {
- "controlName": "101-mobile-applications:nativescript"
+ "controlName": "ext_link:google.com"
},
"children": {
"controls": {
@@ -13542,28 +13510,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "207",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "101",
- "measuredW": "94",
+ "measuredW": "114",
"measuredH": "25",
- "x": "23",
- "y": "8",
+ "x": "45",
+ "y": "13",
"properties": {
"size": "17",
- "text": "NativeScript"
+ "text": "Keep Learning",
+ "bold": "true"
}
}
]
@@ -13571,18 +13539,15 @@
}
},
{
- "ID": "1578",
+ "ID": "1747",
"typeID": "__group__",
- "zOrder": "234",
- "measuredW": "147",
- "measuredH": "41",
- "w": "147",
- "h": "41",
- "x": "146",
- "y": "3029",
- "properties": {
- "controlName": "102-mobile-applications:flutter"
- },
+ "zOrder": "240",
+ "measuredW": "582",
+ "measuredH": "188",
+ "w": "582",
+ "h": "188",
+ "x": "464",
+ "y": "3296",
"children": {
"controls": {
"control": [
@@ -13590,28 +13555,81 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "582",
+ "h": "188",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
- "properties": {
- "color": "16770457"
- }
+ "y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "53",
- "measuredW": "50",
+ "w": "536",
+ "measuredW": "498",
"measuredH": "25",
- "x": "47",
- "y": "8",
+ "x": "20",
+ "y": "20",
"properties": {
"size": "17",
- "text": "Flutter"
+ "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"
}
}
]
@@ -13619,17 +13637,17 @@
}
},
{
- "ID": "1579",
+ "ID": "1748",
"typeID": "__group__",
- "zOrder": "236",
- "measuredW": "147",
- "measuredH": "41",
- "w": "147",
- "h": "41",
- "x": "146",
- "y": "3075",
+ "zOrder": "241",
+ "measuredW": "238",
+ "measuredH": "60",
+ "w": "238",
+ "h": "60",
+ "x": "722",
+ "y": "2028",
"properties": {
- "controlName": "103-mobile-applications:ionic"
+ "controlName": "113-web-components"
},
"children": {
"controls": {
@@ -13638,28 +13656,60 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "230",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "10",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "40",
- "measuredW": "38",
+ "measuredW": "138",
"measuredH": "25",
- "x": "54",
- "y": "8",
+ "x": "44",
+ "y": "23",
"properties": {
+ "bold": "true",
"size": "17",
- "text": "Ionic"
+ "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"
+ }
}
}
]
@@ -13667,17 +13717,17 @@
}
},
{
- "ID": "1580",
+ "ID": "1749",
"typeID": "__group__",
- "zOrder": "228",
- "measuredW": "249",
- "measuredH": "59",
- "w": "249",
- "h": "59",
- "x": "441",
- "y": "3131",
+ "zOrder": "242",
+ "measuredW": "199",
+ "measuredH": "46",
+ "w": "199",
+ "h": "46",
+ "x": "1047",
+ "y": "1991",
"properties": {
- "controlName": "122-desktop-applications"
+ "controlName": "100-web-components:html-templates"
},
"children": {
"controls": {
@@ -13686,28 +13736,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "241",
- "h": "50",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "6",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "163",
+ "w": "132",
+ "measuredW": "131",
"measuredH": "25",
- "x": "43",
- "y": "22",
+ "x": "30",
+ "y": "14",
"properties": {
"size": "17",
- "text": "Desktop Applications",
- "bold": "true"
+ "text": "HTML Templates"
}
},
{
@@ -13716,7 +13766,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "225",
+ "x": "175",
"y": "0",
"properties": {
"color": "16777215",
@@ -13732,7 +13782,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "225",
+ "x": "175",
"y": "0",
"properties": {
"color": "10066329",
@@ -13747,17 +13797,17 @@
}
},
{
- "ID": "1581",
+ "ID": "1750",
"typeID": "__group__",
- "zOrder": "229",
- "measuredW": "196",
- "measuredH": "47",
- "w": "196",
- "h": "47",
- "x": "755",
- "y": "3097",
+ "zOrder": "243",
+ "measuredW": "199",
+ "measuredH": "42",
+ "w": "199",
+ "h": "42",
+ "x": "1047",
+ "y": "2040",
"properties": {
- "controlName": "100-desktop-applications:electron"
+ "controlName": "101-web-components:custom-elements"
},
"children": {
"controls": {
@@ -13766,28 +13816,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "188",
- "h": "41",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "6",
+ "y": "2",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "69",
- "measuredW": "65",
+ "w": "139",
+ "measuredW": "136",
"measuredH": "25",
- "x": "63",
- "y": "14",
+ "x": "30",
+ "y": "10",
"properties": {
"size": "17",
- "text": "Electron"
+ "text": "Custom Elements"
}
},
{
@@ -13796,7 +13846,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "172",
+ "x": "175",
"y": "0",
"properties": {
"color": "16777215",
@@ -13812,10 +13862,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "172",
+ "x": "175",
"y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -13827,17 +13877,17 @@
}
},
{
- "ID": "1582",
+ "ID": "1751",
"typeID": "__group__",
- "zOrder": "230",
- "measuredW": "188",
- "measuredH": "41",
- "w": "188",
- "h": "41",
- "x": "756",
- "y": "3151",
+ "zOrder": "244",
+ "measuredW": "199",
+ "measuredH": "44",
+ "w": "199",
+ "h": "44",
+ "x": "1047",
+ "y": "2083",
"properties": {
- "controlName": "101-desktop-applications:carlo"
+ "controlName": "102-web-components:shadow-dom"
},
"children": {
"controls": {
@@ -13846,47 +13896,60 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "188",
- "h": "41",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "4",
"properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "13421772",
- "textColor": "3355443"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "48",
- "measuredW": "42",
+ "w": "105",
+ "measuredW": "105",
"measuredH": "25",
- "x": "73",
- "y": "9",
+ "x": "38",
+ "y": "12",
"properties": {
- "color": "3355443",
"size": "17",
- "text": "Carlo"
+ "text": "Shadow DOM"
}
},
{
"ID": "2",
- "typeID": "TextArea",
+ "typeID": "Icon",
"zOrder": "2",
- "w": "186",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "1",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "175",
"y": "0",
"properties": {
- "backgroundAlpha": "0.5",
- "color": "10066329"
+ "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"
+ }
}
}
]
@@ -13894,9 +13957,9 @@
}
},
{
- "ID": "1583",
+ "ID": "1752",
"typeID": "__group__",
- "zOrder": "246",
+ "zOrder": "245",
"measuredW": "188",
"measuredH": "42",
"w": "188",
@@ -13961,17 +14024,17 @@
}
},
{
- "ID": "1584",
+ "ID": "1753",
"typeID": "__group__",
- "zOrder": "239",
- "measuredW": "221",
- "measuredH": "61",
- "w": "221",
- "h": "61",
- "x": "176",
- "y": "3313",
+ "zOrder": "246",
+ "measuredW": "155",
+ "measuredH": "48",
+ "w": "155",
+ "h": "48",
+ "x": "1147",
+ "y": "1423",
"properties": {
- "controlName": "123-web-assembly"
+ "controlName": "101-css-preprocessors:postcss"
},
"children": {
"controls": {
@@ -13980,28 +14043,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "210",
- "h": "50",
+ "w": "146",
+ "h": "43",
"measuredW": "200",
"measuredH": "140",
- "x": "11",
- "y": "11",
+ "x": "0",
+ "y": "5",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "112",
+ "w": "74",
+ "measuredW": "66",
"measuredH": "25",
- "x": "57",
- "y": "24",
+ "x": "39",
+ "y": "15",
"properties": {
"size": "17",
- "text": "Web Assembly",
- "bold": "true"
+ "text": "PostCSS"
}
},
{
@@ -14010,7 +14073,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
"color": "16777215",
@@ -14026,7 +14089,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "131",
"y": "0",
"properties": {
"color": "10066329",
@@ -14041,17 +14104,17 @@
}
},
{
- "ID": "1585",
+ "ID": "1754",
"typeID": "__group__",
- "zOrder": "240",
- "measuredW": "207",
- "measuredH": "50",
- "w": "207",
- "h": "50",
- "x": "201",
- "y": "3500",
+ "zOrder": "247",
+ "measuredW": "156",
+ "measuredH": "48",
+ "w": "156",
+ "h": "48",
+ "x": "1147",
+ "y": "1374",
"properties": {
- "controlName": "ext_link:google.com"
+ "controlName": "100-css-preprocessors:sass"
},
"children": {
"controls": {
@@ -14060,311 +14123,59 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "207",
- "h": "50",
+ "w": "146",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "7",
"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": "214",
- "measuredW": "405",
- "measuredH": "44",
- "w": "405",
- "h": "44",
- "x": "395",
- "y": "2425",
- "properties": {
- "controlName": "104-testing-your-apps:other-options"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "__group__",
- "zOrder": "0",
- "measuredW": "93",
- "measuredH": "43",
- "w": "93",
- "h": "43",
- "x": "109",
- "y": "1",
- "properties": {
- "controlName": "testing-your-apps:chai"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "93",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "10066329"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "38",
- "measuredW": "36",
- "measuredH": "25",
- "x": "28",
- "y": "9",
- "properties": {
- "size": "17",
- "text": "Chai"
- }
- },
- {
- "ID": "2",
- "typeID": "TextArea",
- "zOrder": "2",
- "w": "93",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.25",
- "borderColor": "6710886",
- "color": "15658734"
- }
- }
- ]
- }
- }
- },
- {
- "ID": "1",
- "typeID": "__group__",
- "zOrder": "1",
- "measuredW": "75",
- "measuredH": "43",
- "w": "75",
- "h": "43",
- "x": "210",
- "y": "1",
- "properties": {
- "controlName": "testing-your-apps:ava"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "75",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "10066329"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "32",
- "measuredW": "28",
- "measuredH": "25",
- "x": "22",
- "y": "9",
- "properties": {
- "size": "17",
- "text": "Ava"
- }
- },
- {
- "ID": "2",
- "typeID": "TextArea",
- "zOrder": "2",
- "w": "75",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.25",
- "borderColor": "6710886",
- "color": "15658734"
- }
- }
- ]
- }
- }
- },
- {
- "ID": "2",
- "typeID": "__group__",
- "zOrder": "2",
- "measuredW": "112",
- "measuredH": "43",
- "w": "112",
- "h": "43",
- "x": "293",
- "y": "0",
- "properties": {
- "controlName": "testing-your-apps:jasmine"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "112",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.5",
- "borderColor": "16777215",
- "color": "10066329"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "w": "67",
- "measuredW": "65",
- "measuredH": "25",
- "x": "23",
- "y": "9",
- "properties": {
- "size": "17",
- "text": "Jasmine"
- }
- },
- {
- "ID": "2",
- "typeID": "TextArea",
- "zOrder": "2",
- "w": "112",
- "h": "43",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "backgroundAlpha": "0.25",
- "borderColor": "6710886",
- "color": "15658734"
- }
- }
- ]
+ "ID": "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": "__group__",
+ "typeID": "Icon",
"zOrder": "3",
- "measuredW": "101",
- "measuredH": "43",
- "w": "101",
- "h": "43",
- "x": "0",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "132",
"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"
- }
- }
- ]
+ "color": "10066329",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
}
}
}
@@ -14373,17 +14184,17 @@
}
},
{
- "ID": "1588",
+ "ID": "1755",
"typeID": "__group__",
- "zOrder": "254",
- "measuredW": "157",
- "measuredH": "41",
- "w": "157",
- "h": "41",
- "x": "1184",
- "y": "3274",
+ "zOrder": "248",
+ "measuredW": "230",
+ "measuredH": "44",
+ "w": "230",
+ "h": "44",
+ "x": "139",
+ "y": "1950",
"properties": {
- "controlName": "107-static-site-generators:eleventy"
+ "controlName": "102-modern-css:styled-jsx"
},
"children": {
"controls": {
@@ -14392,26 +14203,54 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "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": "16770457",
- "align": "center",
- "size": "17"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "1",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "1",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "5",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -14421,13 +14260,13 @@
}
},
{
- "ID": "2",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "5",
+ "x": "0",
+ "y": "0",
"properties": {
"color": "3700253",
"icon": {
@@ -14435,18 +14274,112 @@
"size": "small"
}
}
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1756",
+ "typeID": "__group__",
+ "zOrder": "249",
+ "measuredW": "185",
+ "measuredH": "47",
+ "w": "185",
+ "h": "47",
+ "x": "142",
+ "y": "1648",
+ "properties": {
+ "controlName": "101-build-tools:module-bundlers:esbuild"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "176",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "9",
+ "y": "7",
+ "properties": {
+ "color": "16776960"
+ }
+ },
+ {
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "72",
+ "measuredW": "72",
+ "measuredH": "25",
+ "x": "61",
+ "y": "15",
+ "properties": {
+ "size": "17",
+ "text": "Webpack"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "TextArea",
+ "zOrder": "2",
+ "w": "176",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "9",
+ "y": "7",
+ "properties": {
+ "color": "16776960"
+ }
},
{
"ID": "3",
"typeID": "Label",
"zOrder": "3",
- "measuredW": "66",
+ "measuredW": "55",
"measuredH": "25",
- "x": "41",
- "y": "8",
+ "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": {
- "text": "Eleventy",
- "size": "17"
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -14454,126 +14387,108 @@
}
},
{
- "ID": "1589",
- "typeID": "Arrow",
- "zOrder": "0",
- "w": "144",
- "h": "237",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1045",
- "y": "3058",
- "properties": {
- "color": "2848996",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": 143.5,
- "y": 237
- },
- "p1": {
- "x": 0.56420233463035,
- "y": 0.027237354085603065
- },
- "p2": {
- "x": -0.5,
- "y": 0
- }
- }
- },
- {
- "ID": "1590",
+ "ID": "1757",
"typeID": "__group__",
- "zOrder": "241",
- "measuredW": "582",
- "measuredH": "188",
- "w": "582",
- "h": "188",
- "x": "464",
- "y": "3296",
+ "zOrder": "250",
+ "measuredW": "184",
+ "measuredH": "44",
+ "w": "184",
+ "h": "44",
+ "x": "143",
+ "y": "1787",
+ "properties": {
+ "controlName": "104-build-tools:module-bundlers:vite"
+ },
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "Label",
"zOrder": "0",
- "w": "582",
- "h": "188",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0"
+ "w": "46",
+ "measuredW": "49",
+ "measuredH": "25",
+ "x": "73",
+ "y": "12",
+ "properties": {
+ "size": "17",
+ "text": "Parcel"
+ }
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "TextArea",
"zOrder": "1",
- "w": "536",
- "measuredW": "498",
- "measuredH": "25",
- "x": "20",
- "y": "20",
+ "w": "176",
+ "h": "40",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "8",
+ "y": "4",
"properties": {
- "size": "17",
- "text": "Web Assembly or WASM is the binary instructions generated from"
+ "color": "16770457"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
- "w": "537",
- "measuredW": "508",
+ "measuredW": "30",
"measuredH": "25",
- "x": "20",
- "y": "50",
+ "x": "81",
+ "y": "11",
"properties": {
"size": "17",
- "text": "higher level languages such as Go, C, C++ or Rust. It is faster than"
+ "text": "Vite"
}
},
{
"ID": "3",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "3",
- "w": "528",
- "measuredW": "523",
- "measuredH": "25",
- "x": "19",
- "y": "81",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "JavaScript and WASM 1.0 has already shipped in the major browsers."
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "4",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "4",
- "w": "536",
- "measuredW": "360",
- "measuredH": "25",
- "x": "19",
- "y": "142",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "take quite some time to go mainstream though."
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
"ID": "5",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "5",
- "w": "539",
- "measuredW": "520",
- "measuredH": "25",
- "x": "19",
- "y": "111",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
"properties": {
- "size": "17",
- "text": "W3C accepted it as an official standard at the end of 2019. It will still"
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -14581,28 +14496,17 @@
}
},
{
- "ID": "2164",
- "typeID": "TextArea",
- "zOrder": "115",
- "w": "456",
- "h": "161",
- "measuredW": "200",
- "measuredH": "140",
- "x": "837",
- "y": "1168"
- },
- {
- "ID": "2165",
+ "ID": "1758",
"typeID": "__group__",
- "zOrder": "116",
- "measuredW": "163",
- "measuredH": "48",
- "w": "163",
- "h": "48",
- "x": "852",
- "y": "1267",
+ "zOrder": "251",
+ "measuredW": "93",
+ "measuredH": "41",
+ "w": "93",
+ "h": "41",
+ "x": "1246",
+ "y": "1770",
"properties": {
- "controlName": "102-web-security-knowledge:cors"
+ "controlName": "102-pick-a-framework:react-js:recoil"
},
"children": {
"controls": {
@@ -14611,12 +14515,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "163",
- "h": "48",
+ "w": "85",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "1",
"properties": {
"color": "16770457"
}
@@ -14625,33 +14529,79 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "51",
- "measuredW": "47",
+ "measuredW": "49",
"measuredH": "25",
- "x": "56",
- "y": "12",
+ "x": "14",
+ "y": "8",
"properties": {
- "bold": "true",
"size": "17",
- "text": "CORS"
+ "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": "2166",
- "typeID": "__group__",
- "zOrder": "117",
- "measuredW": "166",
- "measuredH": "49",
- "w": "166",
- "h": "49",
- "x": "851",
- "y": "1212",
+ ]
+ }
+ }
+ },
+ {
+ "ID": "1759",
+ "typeID": "__group__",
+ "zOrder": "252",
+ "measuredW": "213",
+ "measuredH": "41",
+ "w": "213",
+ "h": "41",
+ "x": "844",
+ "y": "2300",
"properties": {
- "controlName": "100-web-security-knowledge:https"
+ "controlName": "103-css-frameworks:js-first:radix-ui"
},
"children": {
"controls": {
@@ -14660,29 +14610,75 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "166",
- "h": "49",
+ "w": "205",
+ "h": "37",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "0",
+ "x": "8",
+ "y": "4",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "63",
- "measuredW": "53",
+ "measuredW": "66",
"measuredH": "25",
- "x": "54",
- "y": "12",
+ "x": "78",
+ "y": "11",
"properties": {
- "bold": "true",
"size": "17",
- "text": "HTTPS"
+ "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"
+ }
}
}
]
@@ -14690,17 +14686,17 @@
}
},
{
- "ID": "2167",
+ "ID": "1760",
"typeID": "__group__",
- "zOrder": "118",
- "measuredW": "257",
- "measuredH": "49",
- "w": "257",
- "h": "49",
- "x": "1022",
- "y": "1212",
+ "zOrder": "253",
+ "measuredW": "157",
+ "measuredH": "41",
+ "w": "157",
+ "h": "41",
+ "x": "1184",
+ "y": "3274",
"properties": {
- "controlName": "101-web-security-knowledge:content-security-policy"
+ "controlName": "107-static-site-generators:eleventy"
},
"children": {
"controls": {
@@ -14709,29 +14705,61 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "257",
- "h": "49",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16770457",
+ "align": "center",
+ "size": "17"
}
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "1",
- "w": "196",
- "measuredW": "179",
+ "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": "31",
- "y": "12",
+ "x": "41",
+ "y": "8",
"properties": {
- "bold": "true",
- "size": "17",
- "text": "Content Security Policy"
+ "text": "Eleventy",
+ "size": "17"
}
}
]
@@ -14739,17 +14767,17 @@
}
},
{
- "ID": "2168",
+ "ID": "1761",
"typeID": "__group__",
- "zOrder": "119",
- "measuredW": "257",
- "measuredH": "49",
- "w": "257",
- "h": "49",
- "x": "1022",
- "y": "1266",
+ "zOrder": "254",
+ "measuredW": "196",
+ "measuredH": "47",
+ "w": "196",
+ "h": "47",
+ "x": "755",
+ "y": "3146",
"properties": {
- "controlName": "103-web-security-knowledge:owasp-security-risks"
+ "controlName": "101-desktop-applications:tauri"
},
"children": {
"controls": {
@@ -14758,12 +14786,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "257",
- "h": "49",
+ "w": "188",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "6",
"properties": {
"color": "16770457"
}
@@ -14772,81 +14800,71 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "187",
- "measuredW": "172",
+ "measuredW": "38",
"measuredH": "25",
- "x": "43",
- "y": "12",
+ "x": "83",
+ "y": "14",
"properties": {
- "bold": "true",
"size": "17",
- "text": "OWASP Security Risks"
+ "text": "Tauri"
+ }
+ },
+ {
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "172",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "172",
+ "y": "0",
+ "properties": {
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ },
+ "color": "40463"
}
}
]
}
}
- },
- {
- "ID": "2169",
- "typeID": "Label",
- "zOrder": "120",
- "w": "372",
- "measuredW": "344",
- "measuredH": "25",
- "x": "853",
- "y": "1181",
- "properties": {
- "size": "17",
- "text": "Get at least a basic knowledge of all of these"
- }
- },
- {
- "ID": "2170",
- "typeID": "Icon",
- "zOrder": "121",
- "measuredW": "24",
- "measuredH": "24",
- "x": "828",
- "y": "1159",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "2171",
- "typeID": "Icon",
- "zOrder": "122",
- "measuredW": "24",
- "measuredH": "24",
- "x": "828",
- "y": "1159",
- "properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
}
]
},
"attributes": {
"name": "frontend",
- "order": 1000076.8179159599,
+ "order": 1000000,
"parentID": null,
"notes": ""
},
"branchID": "Master",
- "resourceID": "A451988B-49CC-410A-A8B7-C129C14D5D14",
+ "resourceID": "CCB6346D-253A-48EE-9AB5-68DBEF696597",
"mockupH": "3449",
"mockupW": "1216",
"measuredW": "1341",
"measuredH": "3618",
"version": "1.0"
- }
+ },
+ "groupOffset": {
+ "x": 0,
+ "y": 0
+ },
+ "dependencies": [],
+ "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr"
}
diff --git a/public/sitemap.xml b/public/sitemap.xml
index 3cd3a2e51..6837a5a72 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -15,7 +15,7 @@
https://roadmap.sh/devops
monthly
- 2022-08-03T14:53:32.279Z
+ 2022-08-03T15:24:13.858Z
1.0