From f705c1752398ca82f1da6e89297aa1f9a3541064 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 3 Aug 2022 19:29:08 +0400 Subject: [PATCH] Add tauri roadmap --- .../roadmaps/100-frontend/content-paths.json | 4 +- public/project/frontend.json | 11874 ++++++++-------- public/sitemap.xml | 2 +- 3 files changed, 5949 insertions(+), 5931 deletions(-) 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