From e076fb5df32250af6252ed863764bf837be96576 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 | 19142 ++++++++-------- public/sitemap.xml | 2 +- 3 files changed, 9583 insertions(+), 9565 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,7 +1307,88 @@ } }, { - "ID": "750", + "ID": "1548", + "typeID": "__group__", + "zOrder": "42", + "measuredW": "158", + "measuredH": "56", + "w": "158", + "h": "56", + "x": "228", + "y": "1290", + "properties": { + "controlName": "101-package-managers:yarn" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "7", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "36", + "measuredW": "34", + "measuredH": "25", + "x": "65", + "y": "19", + "properties": { + "bold": "true", + "size": "17", + "text": "yarn" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1549", "typeID": "Arrow", "zOrder": "43", "w": "171", @@ -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,7 +2272,761 @@ } }, { - "ID": "816", + "ID": "1579", + "typeID": "__group__", + "zOrder": "73", + "measuredW": "250", + "measuredH": "55", + "w": "250", + "h": "55", + "x": "543", + "y": "619", + "properties": { + "controlName": "101-html" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "250", + "h": "55", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "47", + "measuredH": "25", + "x": "101", + "y": "16", + "properties": { + "bold": "true", + "size": "17", + "text": "HTML" + } + } + ] + } + } + }, + { + "ID": "1580", + "typeID": "__group__", + "zOrder": "74", + "measuredW": "145", + "measuredH": "40", + "w": "145", + "h": "40", + "x": "624", + "y": "273", + "properties": { + "controlName": "ext_link:roadmap.sh/frontend" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "measuredW": "145", + "measuredH": "40", + "x": "0", + "y": "0", + "properties": { + "size": "32", + "text": "Front-end", + "bold": "true" + } + } + ] + } + } + }, + { + "ID": "1581", + "typeID": "__group__", + "zOrder": "75", + "measuredW": "304", + "measuredH": "47", + "w": "304", + "h": "47", + "x": "152", + "y": "552", + "properties": { + "controlName": "100-html:learn-the-basics" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "7", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "134", + "measuredW": "128", + "measuredH": "25", + "x": "90", + "y": "15", + "properties": { + "size": "17", + "text": "Learn the basics" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1582", + "typeID": "__group__", + "zOrder": "76", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", + "x": "152", + "y": "601", + "properties": { + "controlName": "101-html:writing-semantic-html" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "189", + "measuredW": "183", + "measuredH": "25", + "x": "63", + "y": "13", + "properties": { + "size": "17", + "text": "Writing Semantic HTML" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1583", + "typeID": "__group__", + "zOrder": "77", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", + "x": "152", + "y": "647", + "properties": { + "controlName": "102-html:forms-and-validations" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "172", + "measuredW": "169", + "measuredH": "25", + "x": "71", + "y": "13", + "properties": { + "size": "17", + "text": "Forms and Validations" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1584", + "typeID": "__group__", + "zOrder": "78", + "measuredW": "304", + "measuredH": "49", + "w": "304", + "h": "49", + "x": "152", + "y": "690", + "properties": { + "controlName": "103-html:conventions-and-best-practices" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "248", + "measuredW": "246", + "measuredH": "25", + "x": "33", + "y": "17", + "properties": { + "size": "17", + "text": "Conventions and Best Practices" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1585", + "typeID": "__group__", + "zOrder": "79", + "measuredW": "250", + "measuredH": "50", + "w": "250", + "h": "50", + "x": "543", + "y": "681", + "properties": { + "controlName": "102-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "250", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "108", + "y": "14", + "properties": { + "bold": "true", + "size": "17", + "text": "CSS" + } + } + ] + } + } + }, + { + "ID": "1586", + "typeID": "__group__", + "zOrder": "80", + "measuredW": "123", + "measuredH": "193", + "w": "123", + "h": "193", + "x": "1183", + "y": "652", + "properties": { + "controlName": "101-css:making-layouts" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "116", + "h": "185", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "47", + "measuredH": "25", + "x": "35", + "y": "21", + "properties": { + "size": "17", + "text": "Floats" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "84", + "measuredH": "25", + "x": "16", + "y": "48", + "properties": { + "size": "17", + "text": "Positioning" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "56", + "measuredH": "25", + "x": "30", + "y": "75", + "properties": { + "size": "17", + "text": "Display" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "82", + "measuredH": "25", + "x": "19", + "y": "102", + "properties": { + "size": "17", + "text": "Box Model" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "70", + "measuredH": "25", + "x": "22", + "y": "129", + "properties": { + "size": "17", + "text": "CSS Grid" + } + }, + { + "ID": "6", + "typeID": "Label", + "zOrder": "6", + "measuredW": "65", + "measuredH": "25", + "x": "26", + "y": "156", + "properties": { + "size": "17", + "text": "Flex Box" + } + }, + { + "ID": "7", + "typeID": "Icon", + "zOrder": "7", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "8", + "typeID": "Icon", + "zOrder": "8", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1587", + "typeID": "__group__", + "zOrder": "81", + "measuredW": "289", + "measuredH": "47", + "w": "289", + "h": "47", + "x": "875", + "y": "679", + "properties": { + "controlName": "100-css:learn-the-basics" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "43", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "140", + "measuredW": "128", + "measuredH": "25", + "x": "70", + "y": "13", + "properties": { + "size": "17", + "text": "Learn the basics" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1588", + "typeID": "__group__", + "zOrder": "82", + "measuredW": "290", + "measuredH": "51", + "w": "290", + "h": "51", + "x": "874", + "y": "728", + "properties": { + "controlName": "101-css:making-layouts" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "281", + "h": "47", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "130", + "measuredW": "120", + "measuredH": "25", + "x": "76", + "y": "15", + "properties": { + "size": "17", + "text": "Making Layouts" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "266", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "266", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1589", "typeID": "Canvas", "zOrder": "83", "w": "350", @@ -1972,7 +3037,7 @@ "y": "169" }, { - "ID": "817", + "ID": "1590", "typeID": "Label", "zOrder": "84", "measuredW": "314", @@ -1985,7 +3050,7 @@ } }, { - "ID": "818", + "ID": "1591", "typeID": "Label", "zOrder": "85", "measuredW": "319", @@ -1998,7 +3063,1615 @@ } }, { - "ID": "923", + "ID": "1592", + "typeID": "__group__", + "zOrder": "86", + "measuredW": "288", + "measuredH": "45", + "w": "288", + "h": "45", + "x": "874", + "y": "783", + "properties": { + "controlName": "102-css:responsive-design-and-media-queries" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "43", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "2", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "248", + "measuredW": "246", + "measuredH": "22", + "x": "18", + "y": "12", + "properties": { + "size": "14", + "text": "Responsive design and Media Queries" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1593", + "typeID": "__group__", + "zOrder": "87", + "measuredW": "250", + "measuredH": "50", + "w": "250", + "h": "50", + "x": "543", + "y": "738", + "properties": { + "controlName": "103-javascript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "250", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "82", + "measuredH": "25", + "x": "82", + "y": "13", + "properties": { + "bold": "true", + "size": "17", + "text": "JavaScript" + } + } + ] + } + } + }, + { + "ID": "1594", + "typeID": "__group__", + "zOrder": "88", + "measuredW": "304", + "measuredH": "48", + "w": "304", + "h": "48", + "x": "152", + "y": "753", + "properties": { + "controlName": "100-javascript:syntax-and-basic-constructs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "228", + "measuredW": "219", + "measuredH": "25", + "x": "43", + "y": "16", + "properties": { + "size": "17", + "text": "Syntax and Basic Constructs" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1595", + "typeID": "__group__", + "zOrder": "89", + "measuredW": "305", + "measuredH": "45", + "w": "305", + "h": "45", + "x": "152", + "y": "802", + "properties": { + "controlName": "101-javascript:learn-dom-manipulation" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "297", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "197", + "measuredW": "193", + "measuredH": "25", + "x": "59", + "y": "13", + "properties": { + "size": "17", + "text": "Learn DOM Manipulation" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1596", + "typeID": "__group__", + "zOrder": "90", + "measuredW": "305", + "measuredH": "117", + "w": "305", + "h": "117", + "x": "151", + "y": "947", + "properties": { + "controlName": "104-javascript:concepts" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "113", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "247", + "measuredW": "246", + "measuredH": "25", + "x": "34", + "y": "49", + "properties": { + "size": "17", + "text": "Hoisting, Event Bubbling, Scope," + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "245", + "measuredW": "231", + "measuredH": "25", + "x": "36", + "y": "78", + "properties": { + "size": "17", + "text": "Prototype, Shadow DOM, strict" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "w": "202", + "measuredW": "195", + "measuredH": "25", + "x": "57", + "y": "19", + "properties": { + "size": "17", + "text": "Understand the concepts" + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1597", + "typeID": "__group__", + "zOrder": "91", + "measuredW": "304", + "measuredH": "45", + "w": "304", + "h": "45", + "x": "152", + "y": "849", + "properties": { + "controlName": "102-javascript:learn-fetch-api-ajax-xhr" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "234", + "measuredW": "224", + "measuredH": "25", + "x": "40", + "y": "13", + "properties": { + "size": "17", + "text": "Learn Fetch API / Ajax (XHR)" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1598", + "typeID": "__group__", + "zOrder": "92", + "measuredW": "305", + "measuredH": "47", + "w": "305", + "h": "47", + "x": "151", + "y": "895", + "properties": { + "controlName": "103-javascript:es6-and-modular-javascript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "296", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "234", + "measuredW": "228", + "measuredH": "25", + "x": "41", + "y": "15", + "properties": { + "size": "17", + "text": "ES6+ and modular JavaScript" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1599", + "typeID": "__group__", + "zOrder": "93", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "948", + "y": "250", + "properties": { + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "320", + "h": "45", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "28", + "x": "139", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "roadmap.sh" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "35", + "measuredH": "28", + "x": "76", + "y": "8", + "properties": { + "color": "16777215", + "size": "20", + "text": "http" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", + "properties": { + "bold": "true", + "color": "16777215", + "size": "20", + "text": ":" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "10", + "measuredH": "28", + "x": "120", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "10", + "measuredH": "28", + "x": "128", + "y": "9", + "properties": { + "color": "16777215", + "size": "20", + "text": "/" + } + } + ] + } + } + }, + { + "ID": "1600", + "typeID": "__group__", + "zOrder": "94", + "measuredW": "187", + "measuredH": "60", + "w": "187", + "h": "60", + "x": "564", + "y": "439", + "properties": { + "controlName": "100-internet" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "178", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "75", + "measuredW": "63", + "measuredH": "25", + "x": "64", + "y": "23", + "properties": { + "size": "17", + "text": "Internet", + "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": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1601", + "typeID": "__group__", + "zOrder": "95", + "measuredW": "306", + "measuredH": "53", + "w": "306", + "h": "53", + "x": "153", + "y": "391", + "properties": { + "controlName": "100-internet:how-does-the-internet-work" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "223", + "measuredW": "219", + "measuredH": "25", + "x": "45", + "y": "19", + "properties": { + "size": "17", + "text": "How does the internet work?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1602", + "typeID": "__group__", + "zOrder": "96", + "measuredW": "307", + "measuredH": "47", + "w": "307", + "h": "47", + "x": "152", + "y": "443", + "properties": { + "controlName": "101-internet:what-is-http" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "7", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "119", + "measuredW": "113", + "measuredH": "25", + "x": "98", + "y": "15", + "properties": { + "size": "17", + "text": "What is HTTP?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1603", + "typeID": "__group__", + "zOrder": "97", + "measuredW": "307", + "measuredH": "48", + "w": "307", + "h": "48", + "x": "152", + "y": "488", + "properties": { + "controlName": "102-internet:browsers-and-how-they-work" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "299", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "230", + "measuredW": "225", + "measuredH": "25", + "x": "42", + "y": "16", + "properties": { + "size": "17", + "text": "Browsers and how they work?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "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": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "179", + "measuredW": "175", + "measuredH": "25", + "x": "51", + "y": "17", + "properties": { + "size": "17", + "text": "DNS and how it works?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1605", + "typeID": "__group__", + "zOrder": "99", + "measuredW": "289", + "measuredH": "45", + "w": "289", + "h": "45", + "x": "874", + "y": "438", + "properties": { + "controlName": "104-internet:what-is-domain-name" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "189", + "measuredW": "180", + "measuredH": "25", + "x": "51", + "y": "13", + "properties": { + "size": "17", + "text": "What is Domain Name?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1606", + "typeID": "__group__", + "zOrder": "100", + "measuredW": "288", + "measuredH": "46", + "w": "288", + "h": "46", + "x": "875", + "y": "483", + "properties": { + "controlName": "105-internet:what-is-hosting" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "133", + "measuredW": "126", + "measuredH": "25", + "x": "74", + "y": "14", + "properties": { + "size": "17", + "text": "What is hosting?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1607", + "typeID": "__group__", + "zOrder": "101", + "measuredW": "288", + "measuredH": "48", + "w": "288", + "h": "48", + "x": "875", + "y": "581", + "properties": { + "controlName": "104-html:accessibility" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "94", + "measuredH": "25", + "x": "89", + "y": "16", + "properties": { + "size": "17", + "text": "Accessibility" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "264", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1608", + "typeID": "__group__", + "zOrder": "102", + "measuredW": "289", + "measuredH": "46", + "w": "289", + "h": "46", + "x": "875", + "y": "630", + "properties": { + "controlName": "105-html:seo-basics" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "280", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "94", + "measuredW": "90", + "measuredH": "25", + "x": "93", + "y": "14", + "properties": { + "size": "17", + "text": "SEO Basics" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "265", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1609", + "typeID": "__group__", + "zOrder": "103", + "measuredW": "225", + "measuredH": "62", + "w": "225", + "h": "62", + "x": "513", + "y": "972", + "properties": { + "controlName": "100-version-control-systems:basic-usage-of-git" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "54", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "155", + "measuredW": "146", + "measuredH": "25", + "x": "40", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Basic Usage of Git" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1610", + "typeID": "__group__", + "zOrder": "104", + "measuredW": "240", + "measuredH": "58", + "w": "240", + "h": "58", + "x": "994", + "y": "974", + "properties": { + "controlName": "100-repo-hosting-services:github" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "64", + "measuredW": "55", + "measuredH": "25", + "x": "97", + "y": "22", + "properties": { + "bold": "true", + "size": "17", + "text": "GitHub" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1611", + "typeID": "__group__", + "zOrder": "105", + "measuredW": "352", + "measuredH": "78", + "w": "352", + "h": "78", + "x": "885", + "y": "882", + "properties": { + "controlName": "105-repo-hosting-services" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "352", + "h": "78", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "189", + "measuredW": "171", + "measuredH": "25", + "x": "77", + "y": "15", + "properties": { + "bold": "true", + "size": "17", + "text": "Repo hosting services" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "279", + "measuredW": "275", + "measuredH": "23", + "x": "32", + "y": "41", + "properties": { + "size": "15", + "text": "Create account and Learn to use GitHub" + } + } + ] + } + } + }, + { + "ID": "1612", "typeID": "Arrow", "zOrder": "106", "w": "96", @@ -2028,1197 +4701,549 @@ } }, { - "ID": "976", - "typeID": "Arrow", - "zOrder": "123", - "w": "201", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "603", - "y": "3042", + "ID": "1613", + "typeID": "__group__", + "zOrder": "107", + "measuredW": "336", + "measuredH": "77", + "w": "336", + "h": "77", + "x": "522", + "y": "882", "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 200, - "y": 0 - }, - "p1": { - "x": 0.5976298194338792, - "y": 0.018096648917003643 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" + "controlName": "104-version-control-systems" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "336", + "h": "77", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "201", + "measuredW": "189", + "measuredH": "25", + "x": "65", + "y": "15", + "properties": { + "bold": "true", + "size": "17", + "text": "Version Control Systems" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "292", + "measuredW": "285", + "measuredH": "23", + "x": "19", + "y": "40", + "properties": { + "size": "15", + "text": "What are they and why you should use one" + } + } + ] + } } }, { - "ID": "977", - "typeID": "Arrow", - "zOrder": "124", - "w": "41", - "h": "124", - "measuredW": "150", - "measuredH": "100", - "x": "742", - "y": "2909", + "ID": "1614", + "typeID": "__group__", + "zOrder": "108", + "measuredW": "211", + "measuredH": "53", + "w": "211", + "h": "53", + "x": "508", + "y": "1244", "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" + "controlName": "107-package-managers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "211", + "h": "53", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "154", + "measuredW": "150", + "measuredH": "25", + "x": "29", + "y": "14", + "properties": { + "bold": "true", + "size": "17", + "text": "Package Managers" + } + } + ] + } } }, { - "ID": "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", + "ID": "1615", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "158", + "measuredH": "58", "w": "158", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "286", - "y": "2958", + "h": "58", + "x": "228", + "y": "1229", "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" + "controlName": "100-package-managers:npm" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "9", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "36", + "measuredW": "34", + "measuredH": "25", + "x": "64", + "y": "21", + "properties": { + "bold": "true", + "size": "17", + "text": "npm" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } } }, { - "ID": "982", - "typeID": "Arrow", - "zOrder": "128", - "w": "134", - "h": "145", - "measuredW": "150", - "measuredH": "100", - "x": "1059", - "y": "3059", + "ID": "1616", + "typeID": "__group__", + "zOrder": "110", + "measuredW": "297", + "measuredH": "107", + "w": "297", + "h": "107", + "x": "160", + "y": "1108", "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" + "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": "983", - "typeID": "Arrow", - "zOrder": "129", - "w": "144", - "h": "111", - "measuredW": "150", - "measuredH": "100", - "x": "1049", - "y": "3049", + "ID": "1617", + "typeID": "__group__", + "zOrder": "111", + "measuredW": "238", + "measuredH": "54", + "w": "238", + "h": "54", + "x": "996", + "y": "1090", "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" + "controlName": "102-repo-hosting-services:bitbucket" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "5", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "80", + "measuredW": "75", + "measuredH": "25", + "x": "83", + "y": "17", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "Bitbucket" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } } }, { - "ID": "984", - "typeID": "Arrow", - "zOrder": "130", - "w": "145", - "h": "78", - "measuredW": "150", - "measuredH": "100", - "x": "1053", - "y": "3043", + "ID": "1618", + "typeID": "__group__", + "zOrder": "112", + "measuredW": "238", + "measuredH": "55", + "w": "238", + "h": "55", + "x": "996", + "y": "1033", "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" + "controlName": "101-repo-hosting-services:gitlab" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "52", + "measuredH": "25", + "x": "93", + "y": "18", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "GitLab" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } } }, { - "ID": "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", + "ID": "1619", + "typeID": "__group__", + "zOrder": "113", + "measuredW": "381", + "measuredH": "62", + "w": "381", + "h": "62", "x": "564", - "y": "3059", + "y": "1065", "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" + "controlName": "106-web-security-knowledge" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "372", + "h": "54", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "8", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "203", + "measuredW": "192", + "measuredH": "25", + "x": "94", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Web Security Knowledge" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } } }, { - "ID": "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", + "ID": "1620", "typeID": "__group__", "zOrder": "114", "measuredW": "408", @@ -3427,398 +5452,28 @@ } }, { - "ID": "1398", - "typeID": "__group__", - "zOrder": "93", - "measuredW": "320", - "measuredH": "45", - "w": "320", - "h": "45", - "x": "948", - "y": "250", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "105", - "measuredH": "28", - "x": "139", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "35", - "measuredH": "28", - "x": "76", - "y": "8", - "properties": { - "color": "16777215", - "size": "20", - "text": "http" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "5", - "measuredH": "28", - "x": "113", - "y": "8", - "properties": { - "bold": "true", - "color": "16777215", - "size": "20", - "text": ":" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "10", - "measuredH": "28", - "x": "120", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "10", - "measuredH": "28", - "x": "128", - "y": "9", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - } - ] - } - } + "ID": "1621", + "typeID": "TextArea", + "zOrder": "115", + "w": "456", + "h": "161", + "measuredW": "200", + "measuredH": "140", + "x": "837", + "y": "1168" }, { - "ID": "1399", + "ID": "1622", "typeID": "__group__", - "zOrder": "74", - "measuredW": "145", - "measuredH": "40", - "w": "145", - "h": "40", - "x": "624", - "y": "273", - "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "measuredW": "145", - "measuredH": "40", - "x": "0", - "y": "0", - "properties": { - "size": "32", - "text": "Front-end", - "bold": "true" - } - } - ] - } - } - }, - { - "ID": "1400", - "typeID": "__group__", - "zOrder": "95", - "measuredW": "306", - "measuredH": "53", - "w": "306", - "h": "53", - "x": "153", - "y": "391", - "properties": { - "controlName": "100-internet:how-does-the-internet-work" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "9", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "223", - "measuredW": "219", - "measuredH": "25", - "x": "45", - "y": "19", - "properties": { - "size": "17", - "text": "How does the internet work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1401", - "typeID": "__group__", - "zOrder": "94", - "measuredW": "187", - "measuredH": "60", - "w": "187", - "h": "60", - "x": "564", - "y": "439", - "properties": { - "controlName": "100-internet" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "178", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "10", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "75", - "measuredW": "63", - "measuredH": "25", - "x": "64", - "y": "23", - "properties": { - "size": "17", - "text": "Internet", - "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": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1402", - "typeID": "__group__", - "zOrder": "96", - "measuredW": "307", - "measuredH": "47", - "w": "307", - "h": "47", - "x": "152", - "y": "443", - "properties": { - "controlName": "101-internet:what-is-http" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "119", - "measuredW": "113", - "measuredH": "25", - "x": "98", - "y": "15", - "properties": { - "size": "17", - "text": "What is HTTP?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1403", - "typeID": "__group__", - "zOrder": "97", - "measuredW": "307", + "zOrder": "116", + "measuredW": "163", "measuredH": "48", - "w": "307", + "w": "163", "h": "48", - "x": "152", - "y": "488", + "x": "852", + "y": "1267", "properties": { - "controlName": "102-internet:browsers-and-how-they-work" + "controlName": "102-web-security-knowledge:cors" }, "children": { "controls": { @@ -3827,12 +5482,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", - "h": "40", + "w": "163", + "h": "48", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "8", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -3841,1102 +5496,15 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "230", - "measuredW": "225", - "measuredH": "25", - "x": "42", - "y": "16", - "properties": { - "size": "17", - "text": "Browsers and how they work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1404", - "typeID": "__group__", - "zOrder": "98", - "measuredW": "289", - "measuredH": "49", - "w": "289", - "h": "49", - "x": "875", - "y": "388", - "properties": { - "controlName": "103-internet:dns-and-how-it-works" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "9", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "179", - "measuredW": "175", - "measuredH": "25", - "x": "51", - "y": "17", - "properties": { - "size": "17", - "text": "DNS and how it works?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1405", - "typeID": "__group__", - "zOrder": "99", - "measuredW": "289", - "measuredH": "45", - "w": "289", - "h": "45", - "x": "874", - "y": "438", - "properties": { - "controlName": "104-internet:what-is-domain-name" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "180", - "measuredH": "25", - "x": "51", - "y": "13", - "properties": { - "size": "17", - "text": "What is Domain Name?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1406", - "typeID": "__group__", - "zOrder": "100", - "measuredW": "288", - "measuredH": "46", - "w": "288", - "h": "46", - "x": "875", - "y": "483", - "properties": { - "controlName": "105-internet:what-is-hosting" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "6", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "133", - "measuredW": "126", - "measuredH": "25", - "x": "74", - "y": "14", - "properties": { - "size": "17", - "text": "What is hosting?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1407", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "250", - "measuredH": "55", - "w": "250", - "h": "55", - "x": "543", - "y": "619", - "properties": { - "controlName": "101-html" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "55", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", + "w": "51", "measuredW": "47", "measuredH": "25", - "x": "101", - "y": "16", - "properties": { - "bold": "true", - "size": "17", - "text": "HTML" - } - } - ] - } - } - }, - { - "ID": "1409", - "typeID": "__group__", - "zOrder": "75", - "measuredW": "304", - "measuredH": "47", - "w": "304", - "h": "47", - "x": "152", - "y": "552", - "properties": { - "controlName": "100-html:learn-the-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "134", - "measuredW": "128", - "measuredH": "25", - "x": "90", - "y": "15", - "properties": { - "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1410", - "typeID": "__group__", - "zOrder": "76", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "601", - "properties": { - "controlName": "101-html:writing-semantic-html" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "183", - "measuredH": "25", - "x": "63", - "y": "13", - "properties": { - "size": "17", - "text": "Writing Semantic HTML" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1411", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "647", - "properties": { - "controlName": "102-html:forms-and-validations" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "172", - "measuredW": "169", - "measuredH": "25", - "x": "71", - "y": "13", - "properties": { - "size": "17", - "text": "Forms and Validations" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1412", - "typeID": "__group__", - "zOrder": "78", - "measuredW": "304", - "measuredH": "49", - "w": "304", - "h": "49", - "x": "152", - "y": "690", - "properties": { - "controlName": "103-html:conventions-and-best-practices" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "9", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "248", - "measuredW": "246", - "measuredH": "25", - "x": "33", - "y": "17", - "properties": { - "size": "17", - "text": "Conventions and Best Practices" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1413", - "typeID": "__group__", - "zOrder": "101", - "measuredW": "288", - "measuredH": "48", - "w": "288", - "h": "48", - "x": "875", - "y": "581", - "properties": { - "controlName": "104-html:accessibility" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "8", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "101", - "measuredW": "94", - "measuredH": "25", - "x": "89", - "y": "16", - "properties": { - "size": "17", - "text": "Accessibility" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1415", - "typeID": "__group__", - "zOrder": "102", - "measuredW": "289", - "measuredH": "46", - "w": "289", - "h": "46", - "x": "875", - "y": "630", - "properties": { - "controlName": "105-html:seo-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "6", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "94", - "measuredW": "90", - "measuredH": "25", - "x": "93", - "y": "14", - "properties": { - "size": "17", - "text": "SEO Basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1416", - "typeID": "__group__", - "zOrder": "79", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "543", - "y": "681", - "properties": { - "controlName": "102-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "108", - "y": "14", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS" - } - } - ] - } - } - }, - { - "ID": "1417", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "289", - "measuredH": "47", - "w": "289", - "h": "47", - "x": "875", - "y": "679", - "properties": { - "controlName": "100-css:learn-the-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "140", - "measuredW": "128", - "measuredH": "25", - "x": "70", - "y": "13", - "properties": { - "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "265", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1418", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "290", - "measuredH": "51", - "w": "290", - "h": "51", - "x": "874", - "y": "728", - "properties": { - "controlName": "101-css:making-layouts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "281", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "130", - "measuredW": "120", - "measuredH": "25", - "x": "76", - "y": "15", - "properties": { - "size": "17", - "text": "Making Layouts" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "266", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "266", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1419", - "typeID": "__group__", - "zOrder": "86", - "measuredW": "288", - "measuredH": "45", - "w": "288", - "h": "45", - "x": "874", - "y": "783", - "properties": { - "controlName": "102-css:responsive-design-and-media-queries" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "280", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "2", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "248", - "measuredW": "246", - "measuredH": "22", - "x": "18", + "x": "56", "y": "12", "properties": { - "size": "14", - "text": "Responsive design and Media Queries" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "bold": "true", + "size": "17", + "text": "CORS" } } ] @@ -4944,17 +5512,17 @@ } }, { - "ID": "1420", + "ID": "1623", "typeID": "__group__", - "zOrder": "80", - "measuredW": "123", - "measuredH": "193", - "w": "123", - "h": "193", - "x": "1183", - "y": "652", + "zOrder": "117", + "measuredW": "166", + "measuredH": "49", + "w": "166", + "h": "49", + "x": "851", + "y": "1212", "properties": { - "controlName": "101-css:making-layouts" + "controlName": "100-web-security-knowledge:https" }, "children": { "controls": { @@ -4963,12 +5531,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "116", - "h": "185", + "w": "166", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "8", + "y": "0", "properties": { "color": "16770457" } @@ -4977,158 +5545,15 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "47", + "w": "63", + "measuredW": "53", "measuredH": "25", - "x": "35", - "y": "21", - "properties": { - "size": "17", - "text": "Floats" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "84", - "measuredH": "25", - "x": "16", - "y": "48", - "properties": { - "size": "17", - "text": "Positioning" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "56", - "measuredH": "25", - "x": "30", - "y": "75", - "properties": { - "size": "17", - "text": "Display" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "82", - "measuredH": "25", - "x": "19", - "y": "102", - "properties": { - "size": "17", - "text": "Box Model" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "70", - "measuredH": "25", - "x": "22", - "y": "129", - "properties": { - "size": "17", - "text": "CSS Grid" - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "measuredW": "65", - "measuredH": "25", - "x": "26", - "y": "156", - "properties": { - "size": "17", - "text": "Flex Box" - } - }, - { - "ID": "7", - "typeID": "Icon", - "zOrder": "7", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1421", - "typeID": "__group__", - "zOrder": "87", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "543", - "y": "738", - "properties": { - "controlName": "103-javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "250", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "82", - "measuredH": "25", - "x": "82", - "y": "13", + "x": "54", + "y": "12", "properties": { "bold": "true", "size": "17", - "text": "JavaScript" + "text": "HTTPS" } } ] @@ -5136,17 +5561,17 @@ } }, { - "ID": "1424", + "ID": "1624", "typeID": "__group__", - "zOrder": "88", - "measuredW": "304", - "measuredH": "48", - "w": "304", - "h": "48", - "x": "152", - "y": "753", + "zOrder": "118", + "measuredW": "257", + "measuredH": "49", + "w": "257", + "h": "49", + "x": "1022", + "y": "1212", "properties": { - "controlName": "100-javascript:syntax-and-basic-constructs" + "controlName": "101-web-security-knowledge:content-security-policy" }, "children": { "controls": { @@ -5155,12 +5580,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "8", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -5169,457 +5594,64 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "228", - "measuredW": "219", + "w": "196", + "measuredW": "179", + "measuredH": "25", + "x": "31", + "y": "12", + "properties": { + "bold": "true", + "size": "17", + "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": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "257", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "187", + "measuredW": "172", "measuredH": "25", "x": "43", - "y": "16", - "properties": { - "size": "17", - "text": "Syntax and Basic Constructs" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1425", - "typeID": "__group__", - "zOrder": "89", - "measuredW": "305", - "measuredH": "45", - "w": "305", - "h": "45", - "x": "152", - "y": "802", - "properties": { - "controlName": "101-javascript:learn-dom-manipulation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "297", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "197", - "measuredW": "193", - "measuredH": "25", - "x": "59", - "y": "13", - "properties": { - "size": "17", - "text": "Learn DOM Manipulation" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1426", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "152", - "y": "849", - "properties": { - "controlName": "102-javascript:learn-fetch-api-ajax-xhr" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "234", - "measuredW": "224", - "measuredH": "25", - "x": "40", - "y": "13", - "properties": { - "size": "17", - "text": "Learn Fetch API / Ajax (XHR)" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1427", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "305", - "measuredH": "47", - "w": "305", - "h": "47", - "x": "151", - "y": "895", - "properties": { - "controlName": "103-javascript:es6-and-modular-javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "234", - "measuredW": "228", - "measuredH": "25", - "x": "41", - "y": "15", - "properties": { - "size": "17", - "text": "ES6+ and modular JavaScript" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1428", - "typeID": "__group__", - "zOrder": "90", - "measuredW": "305", - "measuredH": "117", - "w": "305", - "h": "117", - "x": "151", - "y": "947", - "properties": { - "controlName": "104-javascript:concepts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "113", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "247", - "measuredW": "246", - "measuredH": "25", - "x": "34", - "y": "49", - "properties": { - "size": "17", - "text": "Hoisting, Event Bubbling, Scope," - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "245", - "measuredW": "234", - "measuredH": "25", - "x": "36", - "y": "78", - "properties": { - "size": "17", - "text": "Prototype, Shadow DOM, strict" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "202", - "measuredW": "195", - "measuredH": "25", - "x": "57", - "y": "19", - "properties": { - "size": "17", - "text": "Understand the concepts" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1429", - "typeID": "__group__", - "zOrder": "107", - "measuredW": "336", - "measuredH": "77", - "w": "336", - "h": "77", - "x": "522", - "y": "882", - "properties": { - "controlName": "104-version-control-systems" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "336", - "h": "77", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "201", - "measuredW": "189", - "measuredH": "25", - "x": "65", - "y": "15", + "y": "12", "properties": { "bold": "true", "size": "17", - "text": "Version Control Systems" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "292", - "measuredW": "285", - "measuredH": "23", - "x": "19", - "y": "40", - "properties": { - "size": "15", - "text": "What are they and why you should use one" + "text": "OWASP Security Risks" } } ] @@ -5627,1099 +5659,318 @@ } }, { - "ID": "1430", - "typeID": "__group__", - "zOrder": "103", - "measuredW": "225", - "measuredH": "62", - "w": "225", - "h": "62", - "x": "513", - "y": "972", + "ID": "1626", + "typeID": "Label", + "zOrder": "120", + "w": "372", + "measuredW": "344", + "measuredH": "25", + "x": "853", + "y": "1181", "properties": { - "controlName": "100-version-control-systems:basic-usage-of-git" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "216", - "h": "54", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "8", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "155", - "measuredW": "146", - "measuredH": "25", - "x": "40", - "y": "23", - "properties": { - "bold": "true", - "size": "17", - "text": "Basic Usage of Git" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "1431", - "typeID": "__group__", - "zOrder": "105", - "measuredW": "352", - "measuredH": "78", - "w": "352", + "ID": "1628", + "typeID": "Icon", + "zOrder": "122", + "measuredW": "24", + "measuredH": "24", + "x": "828", + "y": "1159", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "1629", + "typeID": "Arrow", + "zOrder": "123", + "w": "201", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "603", + "y": "3042", + "properties": { + "color": "2848996", + "leftArrow": "false", + "p0": { + "x": 200, + "y": 0 + }, + "p1": { + "x": 0.5976298194338792, + "y": 0.018096648917003643 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false" + } + }, + { + "ID": "1630", + "typeID": "Arrow", + "zOrder": "124", + "w": "41", + "h": "124", + "measuredW": "150", + "measuredH": "100", + "x": "742", + "y": "2909", + "properties": { + "color": "2848996", + "curvature": "-1", + "leftArrow": "false", + "p0": { + "x": 37, + "y": 0 + }, + "p1": { + "x": 0.5697582243361078, + "y": -0.30657946888624726 + }, + "p2": { + "x": 40, + "y": 123 + }, + "rightArrow": "false" + } + }, + { + "ID": "1631", + "typeID": "Arrow", + "zOrder": "125", + "w": "97", + "h": "17", + "measuredW": "150", + "measuredH": "100", + "x": "897", + "y": "2880", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 96, + "y": 0 + }, + "p1": { + "x": 0.4835193355826628, + "y": 0.007267064624967626 + }, + "p2": { + "x": 0, + "y": 16 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1632", + "typeID": "Arrow", + "zOrder": "126", + "w": "78", + "h": "22", + "measuredW": "150", + "measuredH": "100", + "x": "903", + "y": "2911", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 77, + "y": 21 + }, + "p1": { + "x": 0.4835193355826629, + "y": 0.0072670646249675805 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1633", + "typeID": "Arrow", + "zOrder": "127", + "w": "158", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "286", + "y": "2958", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4319942611190819, + "y": -0.006169296987087513 + }, + "p2": { + "x": 157, + "y": 71 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1634", + "typeID": "Arrow", + "zOrder": "128", + "w": "134", + "h": "145", + "measuredW": "150", + "measuredH": "100", + "x": "1059", + "y": "3059", + "properties": { + "color": "2848996", + "leftArrow": "false", + "p0": { + "x": 133, + "y": 144 + }, + "p1": { + "x": 0.5642023346303501, + "y": 0.02723735408560301 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1635", + "typeID": "Arrow", + "zOrder": "129", + "w": "144", + "h": "111", + "measuredW": "150", + "measuredH": "100", + "x": "1049", + "y": "3049", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 143, + "y": 110 + }, + "p1": { + "x": 0.5591257349884183, + "y": 0.009087129536140616 + }, + "p2": { + "x": 0, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1636", + "typeID": "Arrow", + "zOrder": "130", + "w": "145", "h": "78", - "x": "885", - "y": "882", + "measuredW": "150", + "measuredH": "100", + "x": "1053", + "y": "3043", "properties": { - "controlName": "105-repo-hosting-services" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "352", - "h": "78", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "171", - "measuredH": "25", - "x": "77", - "y": "15", - "properties": { - "bold": "true", - "size": "17", - "text": "Repo hosting services" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "279", - "measuredW": "275", - "measuredH": "23", - "x": "32", - "y": "41", - "properties": { - "size": "15", - "text": "Create account and Learn to use GitHub" - } - } - ] - } + "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": "1432", - "typeID": "__group__", - "zOrder": "104", - "measuredW": "240", - "measuredH": "58", - "w": "240", - "h": "58", - "x": "994", - "y": "974", + "ID": "1637", + "typeID": "Arrow", + "zOrder": "131", + "w": "29", + "h": "229", + "measuredW": "150", + "measuredH": "100", + "x": "824", + "y": "2678", "properties": { - "controlName": "100-repo-hosting-services:github" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "64", - "measuredW": "55", - "measuredH": "25", - "x": "97", - "y": "22", - "properties": { - "bold": "true", - "size": "17", - "text": "GitHub" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "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": "1433", - "typeID": "__group__", - "zOrder": "112", - "measuredW": "238", - "measuredH": "55", - "w": "238", - "h": "55", - "x": "996", - "y": "1033", - "properties": { - "controlName": "101-repo-hosting-services:gitlab" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "6", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "52", - "measuredH": "25", - "x": "93", - "y": "18", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "GitLab" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1434", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "238", - "measuredH": "54", - "w": "238", - "h": "54", - "x": "996", - "y": "1090", - "properties": { - "controlName": "102-repo-hosting-services:bitbucket" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "230", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "80", - "measuredW": "75", - "measuredH": "25", - "x": "83", - "y": "17", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "Bitbucket" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1435", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "381", - "measuredH": "62", - "w": "381", - "h": "62", - "x": "564", - "y": "1065", - "properties": { - "controlName": "106-web-security-knowledge" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "372", - "h": "54", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "8", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "203", - "measuredW": "192", - "measuredH": "25", - "x": "94", - "y": "23", - "properties": { - "bold": "true", - "size": "17", - "text": "Web Security Knowledge" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1437", - "typeID": "__group__", - "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": "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": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "211", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "154", - "measuredW": "150", - "measuredH": "25", - "x": "29", - "y": "14", - "properties": { - "bold": "true", - "size": "17", - "text": "Package Managers" - } - } - ] - } - } - }, - { - "ID": "1439", - "typeID": "__group__", - "zOrder": "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", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "36", - "measuredW": "34", - "measuredH": "25", - "x": "64", - "y": "21", - "properties": { - "bold": "true", - "size": "17", - "text": "npm" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1440", - "typeID": "__group__", - "zOrder": "42", - "measuredW": "158", - "measuredH": "56", - "w": "158", - "h": "56", - "x": "228", - "y": "1290", - "properties": { - "controlName": "101-package-managers:yarn" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "36", - "measuredW": "34", - "measuredH": "25", - "x": "65", - "y": "19", - "properties": { - "bold": "true", - "size": "17", - "text": "yarn" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1441", - "typeID": "__group__", - "zOrder": "136", - "measuredW": "392", - "measuredH": "141", - "w": "392", - "h": "141", - "x": "312", - "y": "1378", - "properties": { - "controlName": "108-css-architecture" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "392", - "h": "141", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "148", - "measuredW": "133", - "measuredH": "25", - "x": "122", - "y": "18", - "properties": { - "bold": "true", - "size": "17", - "text": "CSS Architecture" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "351", - "measuredW": "335", - "measuredH": "23", - "x": "19", - "y": "51", - "properties": { - "size": "15", - "text": "With modern frameworks and CSS-in-JS you don't" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "359", - "measuredW": "344", - "measuredH": "23", - "x": "19", - "y": "77", - "properties": { - "size": "15", - "text": "have to worry about these anymore but still it would" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "w": "359", - "measuredW": "347", - "measuredH": "23", - "x": "19", - "y": "103", - "properties": { - "size": "15", - "text": "be a good idea to get familiarized with BEM atleast." - } - } - ] - } - } - }, - { - "ID": "1442", - "typeID": "__group__", - "zOrder": "137", - "measuredW": "156", - "measuredH": "48", - "w": "156", - "h": "48", - "x": "141", - "y": "1369", - "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" - } - } - } - ] - } - } - }, - { - "ID": "1443", - "typeID": "__group__", - "zOrder": "139", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "152", - "y": "1423", - "properties": { - "controlName": "101-css-architecture:oocss" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "62", - "measuredW": "58", - "measuredH": "25", - "x": "42", - "y": "10", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "OOCSS" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - }, - { - "ID": "1444", - "typeID": "__group__", - "zOrder": "138", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "151", - "y": "1474", - "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" - } - } - ] - } - } - }, - { - "ID": "1445", + "ID": "1638", "typeID": "__group__", "zOrder": "132", "measuredW": "392", @@ -6810,17 +6061,108 @@ } }, { - "ID": "1446", - "typeID": "__group__", - "zOrder": "248", - "measuredW": "156", - "measuredH": "48", - "w": "156", - "h": "48", - "x": "1147", - "y": "1374", + "ID": "1639", + "typeID": "Arrow", + "zOrder": "133", + "h": "33", + "measuredW": "150", + "measuredH": "100", + "x": "1049", + "y": "3040", "properties": { - "controlName": "100-css-preprocessors:sass" + "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": "136", + "measuredW": "392", + "measuredH": "141", + "w": "392", + "h": "141", + "x": "312", + "y": "1378", + "properties": { + "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,7 +6391,223 @@ } }, { - "ID": "1449", + "ID": "1645", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "152", + "y": "1423", + "properties": { + "controlName": "101-css-architecture:oocss" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "62", + "measuredW": "58", + "measuredH": "25", + "x": "42", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "OOCSS" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "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": "145", "measuredW": "214", @@ -7086,7 +6655,95 @@ } }, { - "ID": "1450", + "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": "149", "measuredW": "138", @@ -7134,282 +6791,95 @@ } }, { - "ID": "1451", - "typeID": "__group__", - "zOrder": "156", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "868", - "y": "1604", + "ID": "1656", + "typeID": "Arrow", + "zOrder": "150", + "w": "116", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "729", + "y": "2551", "properties": { - "controlName": "102-build-tools:linters-formatters" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "225", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "179", - "measuredH": "25", - "x": "19", - "y": "13", - "properties": { - "bold": "true", - "size": "17", - "text": "Linters and Formatters" - } - } - ] - } + "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": "1452", - "typeID": "__group__", - "zOrder": "157", - "measuredW": "155", - "measuredH": "46", - "w": "155", - "h": "46", - "x": "1150", - "y": "1549", + "ID": "1657", + "typeID": "Arrow", + "zOrder": "151", + "w": "119", + "h": "88", + "measuredW": "150", + "measuredH": "100", + "x": "800", + "y": "2446", "properties": { - "controlName": "100-build-tools:linters-formatters:prettier" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "6", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "66", - "measuredW": "58", - "measuredH": "25", - "x": "44", - "y": "14", - "properties": { - "size": "17", - "text": "Prettier" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "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": "1453", - "typeID": "__group__", - "zOrder": "158", - "measuredW": "155", - "measuredH": "44", - "w": "155", - "h": "44", - "x": "1150", - "y": "1596", + "ID": "1658", + "typeID": "Arrow", + "zOrder": "152", + "w": "76", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "343", + "y": "2366", "properties": { - "controlName": "101-build-tools:linters-formatters:eslint" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "53", - "measuredW": "51", - "measuredH": "25", - "x": "46", - "y": "12", - "properties": { - "size": "17", - "text": "ESLint" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "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": "1454", - "typeID": "__group__", - "zOrder": "159", - "measuredW": "145", - "measuredH": "44", - "w": "145", - "h": "44", - "x": "1151", - "y": "1646", - "properties": { - "controlName": "102-build-tools:linters-formatters:standardjs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "91", - "measuredH": "25", - "x": "26", - "y": "10", - "properties": { - "bold": "true", - "color": "3355443", - "size": "17", - "text": "StandardJS" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "145", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.25", - "borderColor": "6710886", - "color": "15658734" - } - } - ] - } - } - }, - { - "ID": "1455", + "ID": "1659", "typeID": "__group__", "zOrder": "153", "measuredW": "183", @@ -7489,17 +6959,76 @@ } }, { - "ID": "1457", - "typeID": "__group__", - "zOrder": "163", - "measuredW": "177", - "measuredH": "50", - "w": "177", - "h": "50", - "x": "411", - "y": "1723", + "ID": "1660", + "typeID": "Arrow", + "zOrder": "154", + "w": "1", + "h": "81", + "measuredW": "150", + "measuredH": "100", + "x": "616", + "y": "2209", "properties": { - "controlName": "101-build-tools:module-bundlers" + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.5750000000000001, + "y": 0 + }, + "p2": { + "x": 0, + "y": 80 + }, + "rightArrow": "false" + } + }, + { + "ID": "1661", + "typeID": "Arrow", + "zOrder": "155", + "w": "191", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "682", + "y": "2199", + "properties": { + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "p0": { + "x": 190, + "y": 2 + }, + "p1": { + "x": 0.5105398742417108, + "y": -0.0025761059250436276 + }, + "p2": { + "x": 0, + "y": 1 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "1662", + "typeID": "__group__", + "zOrder": "156", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "868", + "y": "1604", + "properties": { + "controlName": "102-build-tools:linters-formatters" }, "children": { "controls": { @@ -7508,7 +7037,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "177", + "w": "225", "h": "50", "measuredW": "200", "measuredH": "140", @@ -7522,14 +7051,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "133", + "measuredW": "179", "measuredH": "25", - "x": "23", + "x": "19", "y": "13", "properties": { "bold": "true", "size": "17", - "text": "Module Bundlers" + "text": "Linters and Formatters" } } ] @@ -7537,7 +7066,234 @@ } }, { - "ID": "1458", + "ID": "1663", + "typeID": "__group__", + "zOrder": "157", + "measuredW": "155", + "measuredH": "46", + "w": "155", + "h": "46", + "x": "1150", + "y": "1549", + "properties": { + "controlName": "100-build-tools:linters-formatters:prettier" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "66", + "measuredW": "58", + "measuredH": "25", + "x": "44", + "y": "14", + "properties": { + "size": "17", + "text": "Prettier" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1664", + "typeID": "__group__", + "zOrder": "158", + "measuredW": "155", + "measuredH": "44", + "w": "155", + "h": "44", + "x": "1150", + "y": "1596", + "properties": { + "controlName": "101-build-tools:linters-formatters:eslint" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "53", + "measuredW": "51", + "measuredH": "25", + "x": "46", + "y": "12", + "properties": { + "size": "17", + "text": "ESLint" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1665", + "typeID": "__group__", + "zOrder": "159", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "1151", + "y": "1646", + "properties": { + "controlName": "102-build-tools:linters-formatters:standardjs" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "91", + "measuredH": "25", + "x": "26", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "StandardJS" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1666", "typeID": "__group__", "zOrder": "160", "measuredW": "185", @@ -7645,114 +7401,7 @@ } }, { - "ID": "1465", - "typeID": "__group__", - "zOrder": "250", - "measuredW": "185", - "measuredH": "47", - "w": "185", - "h": "47", - "x": "142", - "y": "1648", - "properties": { - "controlName": "101-build-tools:module-bundlers:esbuild" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "61", - "y": "15", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "7", - "properties": { - "color": "16776960" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "55", - "measuredH": "25", - "x": "69", - "y": "14", - "properties": { - "size": "17", - "text": "esbuild" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1468", + "ID": "1667", "typeID": "__group__", "zOrder": "161", "measuredW": "184", @@ -7876,7 +7525,7 @@ } }, { - "ID": "1469", + "ID": "1668", "typeID": "__group__", "zOrder": "162", "measuredW": "184", @@ -7986,138 +7635,47 @@ } }, { - "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": "1669", "typeID": "__group__", - "zOrder": "251", - "measuredW": "184", - "measuredH": "44", - "w": "184", - "h": "44", - "x": "143", - "y": "1787", + "zOrder": "163", + "measuredW": "177", + "measuredH": "50", + "w": "177", + "h": "50", + "x": "411", + "y": "1723", "properties": { - "controlName": "104-build-tools:module-bundlers:vite" + "controlName": "101-build-tools:module-bundlers" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", + "typeID": "TextArea", "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "73", - "y": "12", + "w": "177", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "size": "17", - "text": "Parcel" + "color": "16776960" } }, { "ID": "1", - "typeID": "TextArea", - "zOrder": "1", - "w": "176", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2", "typeID": "Label", - "zOrder": "2", - "measuredW": "30", + "zOrder": "1", + "measuredW": "133", "measuredH": "25", - "x": "81", - "y": "11", + "x": "23", + "y": "13", "properties": { + "bold": "true", "size": "17", - "text": "Vite" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Module Bundlers" } } ] @@ -8125,37 +7683,68 @@ } }, { - "ID": "1473", + "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, - "y": 0 - } + "x": 78, + "y": 15 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1474", + "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": "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", @@ -8284,278 +7873,7 @@ } }, { - "ID": "1483", - "typeID": "__group__", - "zOrder": "252", - "measuredW": "93", - "measuredH": "41", - "w": "93", - "h": "41", - "x": "1246", - "y": "1770", - "properties": { - "controlName": "102-pick-a-framework:react-js:recoil" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "85", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "1", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "14", - "y": "8", - "properties": { - "size": "17", - "text": "Recoil" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "69", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "69", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "69", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1484", - "typeID": "__group__", - "zOrder": "170", - "measuredW": "185", - "measuredH": "47", - "w": "185", - "h": "47", - "x": "1155", - "y": "1719", - "properties": { - "controlName": "100-pick-a-framework:react-js:redux" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "7", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "52", - "measuredW": "50", - "measuredH": "25", - "x": "63", - "y": "15", - "properties": { - "size": "17", - "text": "Redux" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1486", - "typeID": "__group__", - "zOrder": "171", - "measuredW": "88", - "measuredH": "43", - "w": "88", - "h": "43", - "x": "1155", - "y": "1768", - "properties": { - "controlName": "101-pick-a-framework:react-js:mobx" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "84", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "3", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "47", - "measuredW": "44", - "measuredH": "25", - "x": "13", - "y": "10", - "properties": { - "size": "17", - "text": "MobX" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "64", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "64", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "64", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1487", + "ID": "1674", "typeID": "__group__", "zOrder": "168", "measuredW": "153", @@ -8651,199 +7969,7 @@ } }, { - "ID": "1488", - "typeID": "__group__", - "zOrder": "178", - "measuredW": "185", - "measuredH": "48", - "w": "185", - "h": "48", - "x": "1155", - "y": "1818", - "properties": { - "controlName": "100-pick-a-framework:angular:rxjs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "8", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "44", - "measuredW": "40", - "measuredH": "25", - "x": "67", - "y": "16", - "properties": { - "size": "17", - "text": "RxJS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1489", - "typeID": "__group__", - "zOrder": "180", - "measuredW": "185", - "measuredH": "44", - "w": "185", - "h": "44", - "x": "1155", - "y": "1868", - "properties": { - "controlName": "101-pick-a-framework:angular:ngrx" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "177", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "46", - "measuredW": "43", - "measuredH": "25", - "x": "67", - "y": "12", - "properties": { - "size": "17", - "text": "NgRx" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "161", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1490", + "ID": "1675", "typeID": "__group__", "zOrder": "169", "measuredW": "152", @@ -8938,7 +8064,360 @@ } }, { - "ID": "1491", + "ID": "1676", + "typeID": "__group__", + "zOrder": "170", + "measuredW": "185", + "measuredH": "47", + "w": "185", + "h": "47", + "x": "1155", + "y": "1719", + "properties": { + "controlName": "100-pick-a-framework:react-js:redux" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "52", + "measuredW": "50", + "measuredH": "25", + "x": "63", + "y": "15", + "properties": { + "size": "17", + "text": "Redux" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1677", + "typeID": "__group__", + "zOrder": "171", + "measuredW": "88", + "measuredH": "43", + "w": "88", + "h": "43", + "x": "1155", + "y": "1768", + "properties": { + "controlName": "101-pick-a-framework:react-js:mobx" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "84", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "47", + "measuredW": "44", + "measuredH": "25", + "x": "13", + "y": "10", + "properties": { + "size": "17", + "text": "MobX" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "64", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "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": "174", + "measuredW": "203", + "measuredH": "50", + "w": "203", + "h": "50", + "x": "483", + "y": "1942", + "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" + } + } + ] + } + } + }, + { + "ID": "1681", + "typeID": "__group__", + "zOrder": "175", + "measuredW": "145", + "measuredH": "44", + "w": "145", + "h": "44", + "x": "1148", + "y": "1476", + "properties": { + "controlName": "102-css-preprocessors:less" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "41", + "measuredW": "37", + "measuredH": "25", + "x": "52", + "y": "10", + "properties": { + "bold": "true", + "color": "3355443", + "size": "17", + "text": "Less" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "145", + "h": "44", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.25", + "borderColor": "6710886", + "color": "15658734" + } + } + ] + } + } + }, + { + "ID": "1682", "typeID": "__group__", "zOrder": "176", "measuredW": "185", @@ -9034,17 +8513,47 @@ } }, { - "ID": "1492", - "typeID": "__group__", - "zOrder": "174", - "measuredW": "203", - "measuredH": "50", - "w": "203", - "h": "50", - "x": "483", - "y": "1942", + "ID": "1683", + "typeID": "Arrow", + "zOrder": "177", + "w": "65", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1172", + "y": "2763", "properties": { - "controlName": "112-modern-css" + "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": "178", + "measuredW": "185", + "measuredH": "48", + "w": "185", + "h": "48", + "x": "1155", + "y": "1818", + "properties": { + "controlName": "100-pick-a-framework:angular:rxjs" }, "children": { "controls": { @@ -9053,12 +8562,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "203", - "h": "50", + "w": "177", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "8", "properties": { "color": "16776960" } @@ -9067,14 +8576,62 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "98", + "w": "44", + "measuredW": "40", "measuredH": "25", - "x": "53", - "y": "13", + "x": "67", + "y": "16", "properties": { - "bold": "true", "size": "17", - "text": "Modern CSS" + "text": "RxJS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -9082,7 +8639,224 @@ } }, { - "ID": "1493", + "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": "180", + "measuredW": "185", + "measuredH": "44", + "w": "185", + "h": "44", + "x": "1155", + "y": "1868", + "properties": { + "controlName": "101-pick-a-framework:angular:ngrx" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "177", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "46", + "measuredW": "43", + "measuredH": "25", + "x": "67", + "y": "12", + "properties": { + "size": "17", + "text": "NgRx" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "161", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1687", + "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": "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": "1690", "typeID": "__group__", "zOrder": "184", "measuredW": "229", @@ -9162,7 +8936,7 @@ } }, { - "ID": "1494", + "ID": "1691", "typeID": "__group__", "zOrder": "185", "measuredW": "230", @@ -9242,103 +9016,68 @@ } }, { - "ID": "1495", - "typeID": "__group__", - "zOrder": "249", - "measuredW": "230", - "measuredH": "44", - "w": "230", - "h": "44", - "x": "139", - "y": "1950", + "ID": "1692", + "typeID": "Arrow", + "zOrder": "186", + "w": "179", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "280", + "y": "3045", "properties": { - "controlName": "102-modern-css:styled-jsx" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "221", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "90", - "measuredW": "80", - "measuredH": "25", - "x": "75", - "y": "12", - "properties": { - "size": "17", - "text": "Styled JSX" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "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": "1496", + "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": "188", "measuredW": "229", @@ -9433,1780 +9172,7 @@ } }, { - "ID": "1497", - "typeID": "__group__", - "zOrder": "242", - "measuredW": "238", - "measuredH": "60", - "w": "238", - "h": "60", - "x": "722", - "y": "2028", - "properties": { - "controlName": "113-web-components" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "230", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "10", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "138", - "measuredH": "25", - "x": "44", - "y": "23", - "properties": { - "bold": "true", - "size": "17", - "text": "Web Components" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "214", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "214", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1498", - "typeID": "__group__", - "zOrder": "243", - "measuredW": "199", - "measuredH": "46", - "w": "199", - "h": "46", - "x": "1047", - "y": "1991", - "properties": { - "controlName": "100-web-components:html-templates" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "6", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "132", - "measuredW": "131", - "measuredH": "25", - "x": "30", - "y": "14", - "properties": { - "size": "17", - "text": "HTML Templates" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1499", - "typeID": "__group__", - "zOrder": "244", - "measuredW": "199", - "measuredH": "42", - "w": "199", - "h": "42", - "x": "1047", - "y": "2040", - "properties": { - "controlName": "101-web-components:custom-elements" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "2", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "139", - "measuredW": "136", - "measuredH": "25", - "x": "30", - "y": "10", - "properties": { - "size": "17", - "text": "Custom Elements" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1500", - "typeID": "__group__", - "zOrder": "245", - "measuredW": "199", - "measuredH": "44", - "w": "199", - "h": "44", - "x": "1047", - "y": "2083", - "properties": { - "controlName": "102-web-components:shadow-dom" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "105", - "measuredW": "105", - "measuredH": "25", - "x": "38", - "y": "12", - "properties": { - "size": "17", - "text": "Shadow DOM" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1501", - "typeID": "__group__", - "zOrder": "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", - "properties": { - "size": "17", - "text": "CSS Frameworks", - "bold": "true" - } - } - ] - } - } - }, - { - "ID": "1510", - "typeID": "__group__", - "zOrder": "207", - "measuredW": "213", - "measuredH": "42", - "w": "213", - "h": "42", - "x": "844", - "y": "2211", - "properties": { - "controlName": "101-css-frameworks:js-first:chakra-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "205", - "h": "39", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "3", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "78", - "measuredH": "25", - "x": "72", - "y": "11", - "properties": { - "size": "17", - "text": "Chakra UI" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1511", - "typeID": "__group__", - "zOrder": "206", - "measuredW": "213", - "measuredH": "41", - "w": "213", - "h": "41", - "x": "844", - "y": "2256", - "properties": { - "controlName": "102-css-frameworks:js-first:material-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "205", - "h": "37", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "86", - "measuredH": "25", - "x": "68", - "y": "11", - "properties": { - "size": "17", - "text": "Material UI" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1512", - "typeID": "__group__", - "zOrder": "253", - "measuredW": "213", - "measuredH": "41", - "w": "213", - "h": "41", - "x": "844", - "y": "2300", - "properties": { - "controlName": "103-css-frameworks:js-first:radix-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "205", - "h": "37", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "66", - "measuredH": "25", - "x": "78", - "y": "11", - "properties": { - "size": "17", - "text": "Radix UI" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1514", - "typeID": "__group__", - "zOrder": "205", - "measuredW": "210", - "measuredH": "46", - "w": "210", - "h": "46", - "x": "847", - "y": "2161", - "properties": { - "controlName": "100-css-frameworks:js-first:tailwind-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "205", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "5", - "y": "6", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "98", - "measuredH": "25", - "x": "59", - "y": "13", - "properties": { - "size": "17", - "text": "Tailwind CSS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1532", - "typeID": "Arrow", - "zOrder": "2", - "w": "102", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "479", - "y": "2198", - "properties": { - "color": "10027263", - "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", - "typeID": "__group__", - "zOrder": "202", - "measuredW": "130", - "measuredH": "57", - "w": "130", - "h": "57", - "x": "143", - "y": "2096", - "properties": { - "controlName": "100-css-frameworks:css-first:bootstrap" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "127", - "h": "52", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "5", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "81", - "measuredW": "75", - "measuredH": "25", - "x": "27", - "y": "18", - "properties": { - "size": "17", - "text": "Bootstrap" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "106", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "106", - "y": "0", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "1535", - "typeID": "__group__", - "zOrder": "203", - "measuredW": "133", - "measuredH": "52", - "w": "133", - "h": "52", - "x": "143", - "y": "2155", - "properties": { - "controlName": "101-css-frameworks:css-first:bulma" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "127", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "3", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "50", - "measuredW": "49", - "measuredH": "25", - "x": "39", - "y": "15", - "properties": { - "size": "17", - "text": "Bulma" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "109", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "109", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "109", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1537", - "typeID": "__group__", - "zOrder": "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": "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", - "w": "206", - "measuredW": "192", - "measuredH": "24", - "x": "154", - "y": "41", - "properties": { - "size": "16", - "text": "don't come with JavaScript" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "3", - "measuredW": "190", - "measuredH": "24", - "x": "154", - "y": "69", - "properties": { - "size": "16", - "text": "framework components by" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "4", - "measuredW": "53", - "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", - "properties": { - "size": "16", - "text": "JavaScript applications." - } - } - ] - } - } - }, - { - "ID": "1539", - "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": "1544", - "typeID": "__group__", - "zOrder": "208", - "measuredW": "247", - "measuredH": "257", - "w": "247", - "h": "257", - "x": "125", - "y": "2255", - "properties": { - "controlName": "115-testing-your-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "247", - "h": "257", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "205", - "measuredW": "185", - "measuredH": "24", - "x": "22", - "y": "193", - "properties": { - "size": "16", - "text": "You can fill all your testing" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "165", - "measuredW": "155", - "measuredH": "24", - "x": "22", - "y": "218", - "properties": { - "size": "16", - "text": "needs with just these." - } - } - ] - } - } - }, - { - "ID": "1545", - "typeID": "__group__", - "zOrder": "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": "1546", - "typeID": "__group__", - "zOrder": "209", - "measuredW": "223", - "measuredH": "42", - "w": "223", - "h": "42", - "x": "134", - "y": "2312", - "properties": { - "controlName": "101-testing-your-apps:react-testing-library" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "216", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "2", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "164", - "measuredW": "152", - "measuredH": "25", - "x": "33", - "y": "10", - "properties": { - "size": "17", - "text": "react-testing-library" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1547", - "typeID": "__group__", - "zOrder": "212", - "measuredW": "223", - "measuredH": "42", - "w": "223", - "h": "42", - "x": "134", - "y": "2355", - "properties": { - "controlName": "102-testing-your-apps:cypress" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "216", - "h": "39", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "3", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "70", - "measuredW": "63", - "measuredH": "25", - "x": "81", - "y": "10", - "properties": { - "size": "17", - "text": "Cypress" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1548", - "typeID": "__group__", - "zOrder": "210", - "measuredW": "223", - "measuredH": "41", - "w": "223", - "h": "41", - "x": "134", - "y": "2398", - "properties": { - "controlName": "103-testing-your-apps:enzyme" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "216", - "h": "37", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "68", - "measuredW": "61", - "measuredH": "25", - "x": "82", - "y": "10", - "properties": { - "size": "17", - "text": "Enzyme" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1549", - "typeID": "__group__", - "zOrder": "215", - "measuredW": "234", - "measuredH": "60", - "w": "234", - "h": "60", - "x": "819", - "y": "2517", - "properties": { - "controlName": "116-type-checkers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "226", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "10", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "115", - "measuredH": "25", - "x": "53", - "y": "23", - "properties": { - "size": "17", - "bold": "true", - "text": "Type Checkers" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "210", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "210", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1550", - "typeID": "__group__", - "zOrder": "216", - "measuredW": "206", - "measuredH": "48", - "w": "206", - "h": "48", - "x": "1104", - "y": "2501", - "properties": { - "controlName": "100-type-checkers:typescript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "199", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "7", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "91", - "measuredW": "81", - "measuredH": "25", - "x": "54", - "y": "15", - "properties": { - "size": "17", - "text": "TypeScript" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "182", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "182", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "156", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "156", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1551", + "ID": "1695", "typeID": "__group__", "zOrder": "189", "measuredW": "199", @@ -11256,1231 +9222,7 @@ } }, { - "ID": "1552", - "typeID": "__group__", - "zOrder": "217", - "measuredW": "247", - "measuredH": "61", - "w": "247", - "h": "61", - "x": "496", - "y": "2516", - "properties": { - "controlName": "117-progressive-web-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "6", - "y": "11", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "173", - "measuredH": "25", - "x": "37", - "y": "24", - "properties": { - "size": "17", - "text": "Progressive Web Apps", - "bold": "true" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1553", - "typeID": "__group__", - "zOrder": "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" - } - }, - { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "9", - "typeID": "Icon", - "zOrder": "9", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1554", - "typeID": "__group__", - "zOrder": "218", - "measuredW": "237", - "measuredH": "400", - "w": "237", - "h": "400", - "x": "134", - "y": "2516", - "properties": { - "controlName": "100-progressive-web-apps:apis" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "228", - "h": "389", - "measuredW": "100", - "measuredH": "70", - "x": "9", - "y": "11" - }, - { - "ID": "1", - "typeID": "TextInput", - "zOrder": "1", - "w": "177", - "measuredW": "147", - "measuredH": "32", - "x": "35", - "y": "100", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Service Workers" - } - }, - { - "ID": "2", - "typeID": "TextInput", - "zOrder": "2", - "w": "177", - "measuredW": "78", - "measuredH": "32", - "x": "35", - "y": "26", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Storage" - } - }, - { - "ID": "3", - "typeID": "TextInput", - "zOrder": "3", - "w": "177", - "measuredW": "84", - "measuredH": "32", - "x": "35", - "y": "137", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Location" - } - }, - { - "ID": "4", - "typeID": "TextInput", - "zOrder": "4", - "w": "177", - "measuredW": "115", - "measuredH": "32", - "x": "35", - "y": "175", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Notifications" - } - }, - { - "ID": "5", - "typeID": "TextInput", - "zOrder": "5", - "w": "177", - "measuredW": "167", - "measuredH": "32", - "x": "35", - "y": "212", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Device Orientation" - } - }, - { - "ID": "6", - "typeID": "TextInput", - "zOrder": "6", - "w": "177", - "measuredW": "94", - "measuredH": "32", - "x": "35", - "y": "249", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Payments" - } - }, - { - "ID": "7", - "typeID": "TextInput", - "zOrder": "7", - "w": "177", - "measuredW": "108", - "measuredH": "32", - "x": "35", - "y": "286", - "properties": { - "align": "center", - "color": "16770457", - "size": "18", - "text": "Credentials" - } - }, - { - "ID": "8", - "typeID": "TextInput", - "zOrder": "8", - "w": "177", - "measuredW": "120", - "measuredH": "32", - "x": "35", - "y": "63", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Web Sockets" - } - }, - { - "ID": "9", - "typeID": "Label", - "zOrder": "9", - "w": "156", - "measuredW": "151", - "measuredH": "25", - "x": "46", - "y": "331", - "properties": { - "size": "17", - "text": "Learn different Web" - } - }, - { - "ID": "10", - "typeID": "Label", - "zOrder": "10", - "w": "148", - "measuredW": "143", - "measuredH": "25", - "x": "50", - "y": "357", - "properties": { - "size": "17", - "text": "APIs used in PWAs" - } - }, - { - "ID": "11", - "typeID": "Icon", - "zOrder": "11", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "12", - "typeID": "Icon", - "zOrder": "12", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1555", - "typeID": "__group__", - "zOrder": "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", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "61", - "measuredW": "52", - "measuredH": "25", - "x": "20", - "y": "16", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "80", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "80", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1558", - "typeID": "__group__", - "zOrder": "223", - "measuredW": "94", - "measuredH": "41", - "w": "94", - "h": "41", - "x": "1235", - "y": "2682", - "properties": { - "controlName": "101-server-side-rendering:react-js:after-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "94", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "60", - "measuredW": "52", - "measuredH": "25", - "x": "21", - "y": "8", - "properties": { - "color": "3355443", - "size": "17", - "text": "After.js" - } - } - ] - } - } - }, - { - "ID": "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", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "69", - "measuredW": "59", - "measuredH": "25", - "x": "31", - "y": "19", - "properties": { - "size": "17", - "text": "Angular" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "99", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1561", - "typeID": "__group__", - "zOrder": "225", - "measuredW": "121", - "measuredH": "52", - "w": "121", - "h": "52", - "x": "1218", - "y": "2735", - "properties": { - "controlName": "100-server-side-rendering:angular:universal" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "111", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "11", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "73", - "measuredW": "72", - "measuredH": "25", - "x": "19", - "y": "19", - "properties": { - "size": "17", - "text": "Universal" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1562", - "typeID": "__group__", - "zOrder": "226", - "measuredW": "124", - "measuredH": "51", - "w": "124", - "h": "51", - "x": "1066", - "y": "2789", - "properties": { - "controlName": "102-server-side-rendering:vue-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "115", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "10", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "48", - "measuredW": "45", - "measuredH": "25", - "x": "34", - "y": "18", - "properties": { - "size": "17", - "text": "Vue.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "100", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "100", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "100", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1563", - "typeID": "__group__", - "zOrder": "227", - "measuredW": "122", - "measuredH": "51", - "w": "122", - "h": "51", - "x": "1218", - "y": "2789", - "properties": { - "controlName": "100-server-side-rendering:vue-js:nuxt-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "111", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "10", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "55", - "measuredW": "52", - "measuredH": "25", - "x": "28", - "y": "18", - "properties": { - "size": "17", - "text": "Nuxt.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1564", - "typeID": "__group__", - "zOrder": "237", - "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": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1565", + "ID": "1696", "typeID": "__group__", "zOrder": "190", "measuredW": "177", @@ -12560,103 +9302,66 @@ } }, { - "ID": "1566", - "typeID": "__group__", - "zOrder": "238", - "measuredW": "178", - "measuredH": "45", - "w": "178", - "h": "45", - "x": "975", - "y": "2905", + "ID": "1697", + "typeID": "Arrow", + "zOrder": "191", + "w": "2", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "296", + "y": "3529", "properties": { - "controlName": "101-graphql:relay-modern" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "168", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "4", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "115", - "measuredW": "107", - "measuredH": "25", - "x": "33", - "y": "12", - "properties": { - "size": "17", - "text": "Relay Modern" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "154", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "154", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "154", - "y": "0", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "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": "1567", + "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": "193", "measuredW": "285", @@ -12736,87 +9441,7 @@ } }, { - "ID": "1568", - "typeID": "__group__", - "zOrder": "195", - "measuredW": "157", - "measuredH": "50", - "w": "157", - "h": "50", - "x": "1183", - "y": "2944", - "properties": { - "controlName": "100-static-site-generators:next-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "58", - "measuredW": "52", - "measuredH": "25", - "x": "45", - "y": "17", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1569", + "ID": "1700", "typeID": "__group__", "zOrder": "194", "measuredW": "156", @@ -12896,7 +9521,87 @@ } }, { - "ID": "1570", + "ID": "1701", + "typeID": "__group__", + "zOrder": "195", + "measuredW": "157", + "measuredH": "50", + "w": "157", + "h": "50", + "x": "1183", + "y": "2944", + "properties": { + "controlName": "100-static-site-generators:next-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "58", + "measuredW": "52", + "measuredH": "25", + "x": "45", + "y": "17", + "properties": { + "size": "17", + "text": "Next.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1702", "typeID": "__group__", "zOrder": "196", "measuredW": "156", @@ -12992,7 +9697,7 @@ } }, { - "ID": "1571", + "ID": "1703", "typeID": "__group__", "zOrder": "197", "measuredW": "156", @@ -13088,7 +9793,7 @@ } }, { - "ID": "1572", + "ID": "1704", "typeID": "__group__", "zOrder": "198", "measuredW": "157", @@ -13184,17 +9889,46 @@ } }, { - "ID": "1573", - "typeID": "__group__", - "zOrder": "235", - "measuredW": "157", - "measuredH": "44", - "w": "157", - "h": "44", - "x": "1183", - "y": "3179", + "ID": "1705", + "typeID": "Arrow", + "zOrder": "199", + "w": "128", + "h": "180", + "measuredW": "150", + "measuredH": "100", + "x": "1055", + "y": "3064", "properties": { - "controlName": "105-static-site-generators:hugo" + "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": "200", + "measuredW": "261", + "measuredH": "50", + "w": "261", + "h": "50", + "x": "526", + "y": "2173", + "properties": { + "controlName": "114-css-frameworks" }, "children": { "controls": { @@ -13203,12 +9937,145 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "261", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "3", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "132", + "measuredH": "25", + "x": "63", + "y": "13", + "properties": { + "size": "17", + "text": "CSS Frameworks", + "bold": "true" + } + } + ] + } + } + }, + { + "ID": "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": "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", + "w": "206", + "measuredW": "192", + "measuredH": "24", + "x": "154", + "y": "41", + "properties": { + "size": "16", + "text": "don't come with JavaScript" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "3", + "measuredW": "190", + "measuredH": "24", + "x": "154", + "y": "69", + "properties": { + "size": "16", + "text": "framework components by" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "4", + "measuredW": "53", + "measuredH": "24", + "x": "153", + "y": "97", + "properties": { + "size": "16", + "text": "default." + } + } + ] + } + } + }, + { + "ID": "1708", + "typeID": "__group__", + "zOrder": "202", + "measuredW": "130", + "measuredH": "57", + "w": "130", + "h": "57", + "x": "143", + "y": "2096", + "properties": { + "controlName": "100-css-frameworks:css-first:bootstrap" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "127", + "h": "52", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "5", "properties": { "color": "16770457" } @@ -13217,14 +10084,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "43", - "measuredW": "42", + "w": "81", + "measuredW": "75", "measuredH": "25", - "x": "52", - "y": "11", + "x": "27", + "y": "18", "properties": { "size": "17", - "text": "Hugo" + "text": "Bootstrap" } }, { @@ -13233,7 +10100,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "106", "y": "0", "properties": { "color": "16777215", @@ -13249,7 +10116,87 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "106", + "y": "0", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } + } + }, + { + "ID": "1709", + "typeID": "__group__", + "zOrder": "203", + "measuredW": "133", + "measuredH": "52", + "w": "133", + "h": "52", + "x": "143", + "y": "2155", + "properties": { + "controlName": "101-css-frameworks:css-first:bulma" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "127", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "50", + "measuredW": "49", + "measuredH": "25", + "x": "39", + "y": "15", + "properties": { + "size": "17", + "text": "Bulma" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "109", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "109", "y": "0", "properties": { "color": "16777215", @@ -13265,7 +10212,7 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "109", "y": "0", "properties": { "color": "3700253", @@ -13280,17 +10227,17 @@ } }, { - "ID": "1574", + "ID": "1710", "typeID": "__group__", - "zOrder": "5", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1183", - "y": "3228", + "zOrder": "204", + "measuredW": "236", + "measuredH": "281", + "w": "236", + "h": "281", + "x": "836", + "y": "2149", "properties": { - "controlName": "106-static-site-generators:gridsome" + "controlName": "114-css-frameworks:js-first" }, "children": { "controls": { @@ -13299,143 +10246,53 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "236", + "h": "281", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", - "properties": { - "color": "16770457", - "align": "center", - "size": "17" - } + "y": "0" }, { "ID": "1", - "typeID": "Icon", + "typeID": "Label", "zOrder": "1", - "measuredW": "24", + "w": "205", + "measuredW": "196", "measuredH": "24", - "x": "133", - "y": "5", + "x": "16", + "y": "198", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "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": "133", - "y": "5", + "x": "16", + "y": "223", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "16", + "text": "with your framework based" } }, { "ID": "3", "typeID": "Label", "zOrder": "3", - "w": "87", - "measuredW": "75", - "measuredH": "25", - "x": "41", - "y": "9", - "properties": { - "text": "Gridsome", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "1575", - "typeID": "__group__", - "zOrder": "231", - "measuredW": "220", - "measuredH": "59", - "w": "220", - "h": "59", - "x": "437", - "y": "3009", - "properties": { - "controlName": "121-mobile-applications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "169", - "measuredW": "152", - "measuredH": "25", - "x": "27", - "y": "22", - "properties": { - "size": "17", - "text": "Mobile Applications", - "bold": "true" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", + "w": "205", + "measuredW": "171", "measuredH": "24", - "x": "196", - "y": "0", + "x": "16", + "y": "247", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "196", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "16", + "text": "JavaScript applications." } } ] @@ -13443,17 +10300,17 @@ } }, { - "ID": "1576", + "ID": "1711", "typeID": "__group__", - "zOrder": "232", - "measuredW": "156", - "measuredH": "51", - "w": "156", - "h": "51", - "x": "137", - "y": "2928", + "zOrder": "205", + "measuredW": "210", + "measuredH": "46", + "w": "210", + "h": "46", + "x": "847", + "y": "2161", "properties": { - "controlName": "100-mobile-applications:react-native" + "controlName": "100-css-frameworks:js-first:tailwind-css" }, "children": { "controls": { @@ -13462,315 +10319,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "205", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "10", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "101", - "measuredW": "100", - "measuredH": "25", - "x": "32", - "y": "18", - "properties": { - "size": "17", - "text": "React Native" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1577", - "typeID": "__group__", - "zOrder": "233", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "146", - "y": "2983", - "properties": { - "controlName": "101-mobile-applications:nativescript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "101", - "measuredW": "94", - "measuredH": "25", - "x": "23", - "y": "8", - "properties": { - "size": "17", - "text": "NativeScript" - } - } - ] - } - } - }, - { - "ID": "1578", - "typeID": "__group__", - "zOrder": "234", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "146", - "y": "3029", - "properties": { - "controlName": "102-mobile-applications:flutter" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "53", - "measuredW": "50", - "measuredH": "25", - "x": "47", - "y": "8", - "properties": { - "size": "17", - "text": "Flutter" - } - } - ] - } - } - }, - { - "ID": "1579", - "typeID": "__group__", - "zOrder": "236", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "146", - "y": "3075", - "properties": { - "controlName": "103-mobile-applications:ionic" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "40", - "measuredW": "38", - "measuredH": "25", - "x": "54", - "y": "8", - "properties": { - "size": "17", - "text": "Ionic" - } - } - ] - } - } - }, - { - "ID": "1580", - "typeID": "__group__", - "zOrder": "228", - "measuredW": "249", - "measuredH": "59", - "w": "249", - "h": "59", - "x": "441", - "y": "3131", - "properties": { - "controlName": "122-desktop-applications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "163", - "measuredH": "25", - "x": "43", - "y": "22", - "properties": { - "size": "17", - "text": "Desktop Applications", - "bold": "true" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "225", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "225", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1581", - "typeID": "__group__", - "zOrder": "229", - "measuredW": "196", - "measuredH": "47", - "w": "196", - "h": "47", - "x": "755", - "y": "3097", - "properties": { - "controlName": "100-desktop-applications:electron" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", + "x": "5", "y": "6", "properties": { "color": "16776960" @@ -13780,14 +10333,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "69", - "measuredW": "65", + "measuredW": "98", "measuredH": "25", - "x": "63", - "y": "14", + "x": "59", + "y": "13", "properties": { "size": "17", - "text": "Electron" + "text": "Tailwind CSS" } }, { @@ -13796,7 +10348,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "172", + "x": "0", "y": "0", "properties": { "color": "16777215", @@ -13812,7 +10364,352 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "172", + "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": "1712", + "typeID": "__group__", + "zOrder": "206", + "measuredW": "213", + "measuredH": "41", + "w": "213", + "h": "41", + "x": "844", + "y": "2256", + "properties": { + "controlName": "102-css-frameworks:js-first:material-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "37", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "86", + "measuredH": "25", + "x": "68", + "y": "11", + "properties": { + "size": "17", + "text": "Material UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1713", + "typeID": "__group__", + "zOrder": "207", + "measuredW": "213", + "measuredH": "42", + "w": "213", + "h": "42", + "x": "844", + "y": "2211", + "properties": { + "controlName": "101-css-frameworks:js-first:chakra-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "39", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "3", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "78", + "measuredH": "25", + "x": "72", + "y": "11", + "properties": { + "size": "17", + "text": "Chakra UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1714", + "typeID": "__group__", + "zOrder": "208", + "measuredW": "247", + "measuredH": "257", + "w": "247", + "h": "257", + "x": "125", + "y": "2255", + "properties": { + "controlName": "115-testing-your-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "247", + "h": "257", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "205", + "measuredW": "185", + "measuredH": "24", + "x": "22", + "y": "193", + "properties": { + "size": "16", + "text": "You can fill all your testing" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "w": "165", + "measuredW": "155", + "measuredH": "24", + "x": "22", + "y": "218", + "properties": { + "size": "16", + "text": "needs with just these." + } + } + ] + } + } + }, + { + "ID": "1715", + "typeID": "__group__", + "zOrder": "209", + "measuredW": "223", + "measuredH": "42", + "w": "223", + "h": "42", + "x": "134", + "y": "2312", + "properties": { + "controlName": "101-testing-your-apps:react-testing-library" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "2", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "164", + "measuredW": "152", + "measuredH": "25", + "x": "33", + "y": "10", + "properties": { + "size": "17", + "text": "react-testing-library" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", "y": "0", "properties": { "color": "10027263", @@ -13827,17 +10724,17 @@ } }, { - "ID": "1582", + "ID": "1716", "typeID": "__group__", - "zOrder": "230", - "measuredW": "188", + "zOrder": "210", + "measuredW": "223", "measuredH": "41", - "w": "188", + "w": "223", "h": "41", - "x": "756", - "y": "3151", + "x": "134", + "y": "2398", "properties": { - "controlName": "101-desktop-applications:carlo" + "controlName": "103-testing-your-apps:enzyme" }, "children": { "controls": { @@ -13846,146 +10743,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "188", - "h": "41", + "w": "216", + "h": "37", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "13421772", - "textColor": "3355443" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "48", - "measuredW": "42", - "measuredH": "25", - "x": "73", - "y": "9", - "properties": { - "color": "3355443", - "size": "17", - "text": "Carlo" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "186", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "1583", - "typeID": "__group__", - "zOrder": "246", - "measuredW": "188", - "measuredH": "42", - "w": "188", - "h": "42", - "x": "756", - "y": "3199", - "properties": { - "controlName": "102-desktop-applications:proton-native" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "1", - "properties": { - "backgroundAlpha": "0.5", - "borderColor": "16777215", - "color": "13421772", - "textColor": "3355443" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "115", - "measuredW": "104", - "measuredH": "25", - "x": "42", - "y": "9", - "properties": { - "color": "3355443", - "size": "17", - "text": "Proton Native" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "2", - "w": "186", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "1", - "y": "0", - "properties": { - "backgroundAlpha": "0.5", - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "1584", - "typeID": "__group__", - "zOrder": "239", - "measuredW": "221", - "measuredH": "61", - "w": "221", - "h": "61", - "x": "176", - "y": "3313", - "properties": { - "controlName": "123-web-assembly" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "11", - "y": "11", + "x": "7", + "y": "4", "properties": { "color": "16776960" } @@ -13994,14 +10757,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "112", + "w": "68", + "measuredW": "61", "measuredH": "25", - "x": "57", - "y": "24", + "x": "82", + "y": "10", "properties": { "size": "17", - "text": "Web Assembly", - "bold": "true" + "text": "Enzyme" } }, { @@ -14029,7 +10792,7 @@ "x": "0", "y": "0", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -14041,17 +10804,17 @@ } }, { - "ID": "1585", + "ID": "1717", "typeID": "__group__", - "zOrder": "240", - "measuredW": "207", - "measuredH": "50", - "w": "207", - "h": "50", - "x": "201", - "y": "3500", + "zOrder": "211", + "measuredW": "223", + "measuredH": "46", + "w": "223", + "h": "46", + "x": "134", + "y": "2263", "properties": { - "controlName": "ext_link:google.com" + "controlName": "100-testing-your-apps:jest" }, "children": { "controls": { @@ -14060,8 +10823,168 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "207", - "h": "50", + "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", + "measuredH": "42", + "w": "223", + "h": "42", + "x": "134", + "y": "2355", + "properties": { + "controlName": "102-testing-your-apps:cypress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "39", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "3", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "70", + "measuredW": "63", + "measuredH": "25", + "x": "81", + "y": "10", + "properties": { + "size": "17", + "text": "Cypress" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "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", @@ -14074,14 +10997,56 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "114", + "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": "45", - "y": "13", + "x": "22", + "y": "86", "properties": { "size": "17", - "text": "Keep Learning", - "bold": "true" + "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}, " } } ] @@ -14089,7 +11054,7 @@ } }, { - "ID": "1587", + "ID": "1720", "typeID": "__group__", "zOrder": "214", "measuredW": "405", @@ -14373,17 +11338,1674 @@ } }, { - "ID": "1588", + "ID": "1721", "typeID": "__group__", - "zOrder": "254", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1184", - "y": "3274", + "zOrder": "215", + "measuredW": "234", + "measuredH": "60", + "w": "234", + "h": "60", + "x": "819", + "y": "2517", "properties": { - "controlName": "107-static-site-generators:eleventy" + "controlName": "116-type-checkers" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "226", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "115", + "measuredH": "25", + "x": "53", + "y": "23", + "properties": { + "size": "17", + "bold": "true", + "text": "Type Checkers" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "210", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "210", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1722", + "typeID": "__group__", + "zOrder": "216", + "measuredW": "206", + "measuredH": "48", + "w": "206", + "h": "48", + "x": "1104", + "y": "2501", + "properties": { + "controlName": "100-type-checkers:typescript" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "199", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "91", + "measuredW": "81", + "measuredH": "25", + "x": "54", + "y": "15", + "properties": { + "size": "17", + "text": "TypeScript" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "182", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "182", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1723", + "typeID": "__group__", + "zOrder": "217", + "measuredW": "247", + "measuredH": "61", + "w": "247", + "h": "61", + "x": "496", + "y": "2516", + "properties": { + "controlName": "117-progressive-web-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "241", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "6", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "173", + "measuredH": "25", + "x": "37", + "y": "24", + "properties": { + "size": "17", + "text": "Progressive Web Apps", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1724", + "typeID": "__group__", + "zOrder": "218", + "measuredW": "237", + "measuredH": "400", + "w": "237", + "h": "400", + "x": "134", + "y": "2516", + "properties": { + "controlName": "100-progressive-web-apps:apis" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "228", + "h": "389", + "measuredW": "100", + "measuredH": "70", + "x": "9", + "y": "11" + }, + { + "ID": "1", + "typeID": "TextInput", + "zOrder": "1", + "w": "177", + "measuredW": "147", + "measuredH": "32", + "x": "35", + "y": "100", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Service Workers" + } + }, + { + "ID": "2", + "typeID": "TextInput", + "zOrder": "2", + "w": "177", + "measuredW": "78", + "measuredH": "32", + "x": "35", + "y": "26", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Storage" + } + }, + { + "ID": "3", + "typeID": "TextInput", + "zOrder": "3", + "w": "177", + "measuredW": "84", + "measuredH": "32", + "x": "35", + "y": "137", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Location" + } + }, + { + "ID": "4", + "typeID": "TextInput", + "zOrder": "4", + "w": "177", + "measuredW": "115", + "measuredH": "32", + "x": "35", + "y": "175", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Notifications" + } + }, + { + "ID": "5", + "typeID": "TextInput", + "zOrder": "5", + "w": "177", + "measuredW": "167", + "measuredH": "32", + "x": "35", + "y": "212", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Device Orientation" + } + }, + { + "ID": "6", + "typeID": "TextInput", + "zOrder": "6", + "w": "177", + "measuredW": "94", + "measuredH": "32", + "x": "35", + "y": "249", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Payments" + } + }, + { + "ID": "7", + "typeID": "TextInput", + "zOrder": "7", + "w": "177", + "measuredW": "108", + "measuredH": "32", + "x": "35", + "y": "286", + "properties": { + "align": "center", + "color": "16770457", + "size": "18", + "text": "Credentials" + } + }, + { + "ID": "8", + "typeID": "TextInput", + "zOrder": "8", + "w": "177", + "measuredW": "120", + "measuredH": "32", + "x": "35", + "y": "63", + "properties": { + "align": "center", + "color": "16776960", + "size": "18", + "text": "Web Sockets" + } + }, + { + "ID": "9", + "typeID": "Label", + "zOrder": "9", + "w": "156", + "measuredW": "151", + "measuredH": "25", + "x": "46", + "y": "331", + "properties": { + "size": "17", + "text": "Learn different Web" + } + }, + { + "ID": "10", + "typeID": "Label", + "zOrder": "10", + "w": "148", + "measuredW": "143", + "measuredH": "25", + "x": "50", + "y": "357", + "properties": { + "size": "17", + "text": "APIs used in PWAs" + } + }, + { + "ID": "11", + "typeID": "Icon", + "zOrder": "11", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "12", + "typeID": "Icon", + "zOrder": "12", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1725", + "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" + } + }, + { + "ID": "8", + "typeID": "Icon", + "zOrder": "8", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "9", + "typeID": "Icon", + "zOrder": "9", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1726", + "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": "1727", + "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": "47", + "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": "1728", + "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", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "61", + "measuredW": "52", + "measuredH": "25", + "x": "20", + "y": "16", + "properties": { + "size": "17", + "text": "Next.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "80", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "80", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1729", + "typeID": "__group__", + "zOrder": "223", + "measuredW": "94", + "measuredH": "41", + "w": "94", + "h": "41", + "x": "1235", + "y": "2682", + "properties": { + "controlName": "101-server-side-rendering:react-js:after-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "94", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "color": "10066329" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "60", + "measuredW": "52", + "measuredH": "25", + "x": "21", + "y": "8", + "properties": { + "color": "3355443", + "size": "17", + "text": "After.js" + } + } + ] + } + } + }, + { + "ID": "1730", + "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", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "69", + "measuredW": "59", + "measuredH": "25", + "x": "31", + "y": "19", + "properties": { + "size": "17", + "text": "Angular" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "99", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1731", + "typeID": "__group__", + "zOrder": "225", + "measuredW": "121", + "measuredH": "52", + "w": "121", + "h": "52", + "x": "1218", + "y": "2735", + "properties": { + "controlName": "100-server-side-rendering:angular:universal" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "111", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "11", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "73", + "measuredW": "72", + "measuredH": "25", + "x": "19", + "y": "19", + "properties": { + "size": "17", + "text": "Universal" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "97", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1732", + "typeID": "__group__", + "zOrder": "226", + "measuredW": "124", + "measuredH": "51", + "w": "124", + "h": "51", + "x": "1066", + "y": "2789", + "properties": { + "controlName": "102-server-side-rendering:vue-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "115", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "48", + "measuredW": "45", + "measuredH": "25", + "x": "34", + "y": "18", + "properties": { + "size": "17", + "text": "Vue.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "100", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1733", + "typeID": "__group__", + "zOrder": "227", + "measuredW": "122", + "measuredH": "51", + "w": "122", + "h": "51", + "x": "1218", + "y": "2789", + "properties": { + "controlName": "100-server-side-rendering:vue-js:nuxt-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "111", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "55", + "measuredW": "52", + "measuredH": "25", + "x": "28", + "y": "18", + "properties": { + "size": "17", + "text": "Nuxt.js" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "98", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1734", + "typeID": "__group__", + "zOrder": "228", + "measuredW": "249", + "measuredH": "59", + "w": "249", + "h": "59", + "x": "441", + "y": "3131", + "properties": { + "controlName": "122-desktop-applications" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "241", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "163", + "measuredH": "25", + "x": "43", + "y": "22", + "properties": { + "size": "17", + "text": "Desktop Applications", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "225", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "225", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1735", + "typeID": "__group__", + "zOrder": "229", + "measuredW": "196", + "measuredH": "47", + "w": "196", + "h": "47", + "x": "755", + "y": "3097", + "properties": { + "controlName": "100-desktop-applications:electron" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "69", + "measuredW": "65", + "measuredH": "25", + "x": "63", + "y": "14", + "properties": { + "size": "17", + "text": "Electron" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "172", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "172", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1737", + "typeID": "__group__", + "zOrder": "230", + "measuredW": "220", + "measuredH": "59", + "w": "220", + "h": "59", + "x": "437", + "y": "3009", + "properties": { + "controlName": "121-mobile-applications" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "169", + "measuredW": "152", + "measuredH": "25", + "x": "27", + "y": "22", + "properties": { + "size": "17", + "text": "Mobile Applications", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "196", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "196", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1738", + "typeID": "__group__", + "zOrder": "231", + "measuredW": "156", + "measuredH": "51", + "w": "156", + "h": "51", + "x": "137", + "y": "2928", + "properties": { + "controlName": "100-mobile-applications:react-native" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "101", + "measuredW": "100", + "measuredH": "25", + "x": "32", + "y": "18", + "properties": { + "size": "17", + "text": "React Native" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1739", + "typeID": "__group__", + "zOrder": "232", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "2983", + "properties": { + "controlName": "101-mobile-applications:nativescript" }, "children": { "controls": { @@ -14399,25 +13021,117 @@ "x": "0", "y": "0", "properties": { - "color": "16770457", - "align": "center", - "size": "17" + "color": "16770457" } }, { "ID": "1", - "typeID": "Icon", + "typeID": "Label", "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "5", + "w": "101", + "measuredW": "94", + "measuredH": "25", + "x": "23", + "y": "8", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "17", + "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": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "53", + "measuredW": "50", + "measuredH": "25", + "x": "47", + "y": "8", + "properties": { + "size": "17", + "text": "Flutter" + } + } + ] + } + } + }, + { + "ID": "1741", + "typeID": "__group__", + "zOrder": "234", + "measuredW": "157", + "measuredH": "44", + "w": "157", + "h": "44", + "x": "1183", + "y": "3179", + "properties": { + "controlName": "105-static-site-generators:hugo" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "3", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "43", + "measuredW": "42", + "measuredH": "25", + "x": "52", + "y": "11", + "properties": { + "size": "17", + "text": "Hugo" } }, { @@ -14427,7 +13141,39 @@ "measuredW": "24", "measuredH": "24", "x": "133", - "y": "5", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "0", "properties": { "color": "3700253", "icon": { @@ -14435,18 +13181,53 @@ "size": "small" } } + } + ] + } + } + }, + { + "ID": "1742", + "typeID": "__group__", + "zOrder": "235", + "measuredW": "147", + "measuredH": "41", + "w": "147", + "h": "41", + "x": "146", + "y": "3075", + "properties": { + "controlName": "103-mobile-applications:ionic" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "3", - "measuredW": "66", + "zOrder": "1", + "w": "40", + "measuredW": "38", "measuredH": "25", - "x": "41", + "x": "54", "y": "8", "properties": { - "text": "Eleventy", - "size": "17" + "size": "17", + "text": "Ionic" } } ] @@ -14454,38 +13235,313 @@ } }, { - "ID": "1589", - "typeID": "Arrow", - "zOrder": "0", - "w": "144", - "h": "237", - "measuredW": "150", - "measuredH": "100", - "x": "1045", - "y": "3058", + "ID": "1743", + "typeID": "__group__", + "zOrder": "236", + "measuredW": "154", + "measuredH": "59", + "w": "154", + "h": "59", + "x": "759", + "y": "2869", "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 + "controlName": "119-graphql" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "146", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "9", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "71", + "measuredH": "25", + "x": "45", + "y": "22", + "properties": { + "size": "17", + "text": "GraphQL", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1590", + "ID": "1744", "typeID": "__group__", - "zOrder": "241", + "zOrder": "237", + "measuredW": "178", + "measuredH": "45", + "w": "178", + "h": "45", + "x": "975", + "y": "2905", + "properties": { + "controlName": "101-graphql:relay-modern" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "168", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "115", + "measuredW": "107", + "measuredH": "25", + "x": "33", + "y": "12", + "properties": { + "size": "17", + "text": "Relay Modern" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "154", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1745", + "typeID": "__group__", + "zOrder": "238", + "measuredW": "221", + "measuredH": "61", + "w": "221", + "h": "61", + "x": "176", + "y": "3313", + "properties": { + "controlName": "123-web-assembly" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "11", + "y": "11", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "112", + "measuredH": "25", + "x": "57", + "y": "24", + "properties": { + "size": "17", + "text": "Web Assembly", + "bold": "true" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1746", + "typeID": "__group__", + "zOrder": "239", + "measuredW": "207", + "measuredH": "50", + "w": "207", + "h": "50", + "x": "201", + "y": "3500", + "properties": { + "controlName": "ext_link:google.com" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "207", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "114", + "measuredH": "25", + "x": "45", + "y": "13", + "properties": { + "size": "17", + "text": "Keep Learning", + "bold": "true" + } + } + ] + } + } + }, + { + "ID": "1747", + "typeID": "__group__", + "zOrder": "240", "measuredW": "582", "measuredH": "188", "w": "582", @@ -14581,28 +13637,404 @@ } }, { - "ID": "2164", - "typeID": "TextArea", - "zOrder": "115", - "w": "456", - "h": "161", - "measuredW": "200", - "measuredH": "140", - "x": "837", - "y": "1168" + "ID": "1748", + "typeID": "__group__", + "zOrder": "241", + "measuredW": "238", + "measuredH": "60", + "w": "238", + "h": "60", + "x": "722", + "y": "2028", + "properties": { + "controlName": "113-web-components" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "230", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "138", + "measuredH": "25", + "x": "44", + "y": "23", + "properties": { + "bold": "true", + "size": "17", + "text": "Web Components" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "214", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "214", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } }, { - "ID": "2165", + "ID": "1749", "typeID": "__group__", - "zOrder": "116", - "measuredW": "163", + "zOrder": "242", + "measuredW": "199", + "measuredH": "46", + "w": "199", + "h": "46", + "x": "1047", + "y": "1991", + "properties": { + "controlName": "100-web-components:html-templates" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "132", + "measuredW": "131", + "measuredH": "25", + "x": "30", + "y": "14", + "properties": { + "size": "17", + "text": "HTML Templates" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1750", + "typeID": "__group__", + "zOrder": "243", + "measuredW": "199", + "measuredH": "42", + "w": "199", + "h": "42", + "x": "1047", + "y": "2040", + "properties": { + "controlName": "101-web-components:custom-elements" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "2", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "139", + "measuredW": "136", + "measuredH": "25", + "x": "30", + "y": "10", + "properties": { + "size": "17", + "text": "Custom Elements" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1751", + "typeID": "__group__", + "zOrder": "244", + "measuredW": "199", + "measuredH": "44", + "w": "199", + "h": "44", + "x": "1047", + "y": "2083", + "properties": { + "controlName": "102-web-components:shadow-dom" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "105", + "measuredW": "105", + "measuredH": "25", + "x": "38", + "y": "12", + "properties": { + "size": "17", + "text": "Shadow DOM" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1752", + "typeID": "__group__", + "zOrder": "245", + "measuredW": "188", + "measuredH": "42", + "w": "188", + "h": "42", + "x": "756", + "y": "3199", + "properties": { + "controlName": "102-desktop-applications:proton-native" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "1", + "properties": { + "backgroundAlpha": "0.5", + "borderColor": "16777215", + "color": "13421772", + "textColor": "3355443" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "115", + "measuredW": "104", + "measuredH": "25", + "x": "42", + "y": "9", + "properties": { + "color": "3355443", + "size": "17", + "text": "Proton Native" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "186", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "1", + "y": "0", + "properties": { + "backgroundAlpha": "0.5", + "color": "10066329" + } + } + ] + } + } + }, + { + "ID": "1753", + "typeID": "__group__", + "zOrder": "246", + "measuredW": "155", "measuredH": "48", - "w": "163", + "w": "155", "h": "48", - "x": "852", - "y": "1267", + "x": "1147", + "y": "1423", "properties": { - "controlName": "102-web-security-knowledge:cors" + "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { @@ -14611,12 +14043,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "163", - "h": "48", + "w": "146", + "h": "43", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "5", "properties": { "color": "16770457" } @@ -14625,15 +14057,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "51", - "measuredW": "47", + "w": "74", + "measuredW": "66", "measuredH": "25", - "x": "56", - "y": "12", + "x": "39", + "y": "15", "properties": { - "bold": "true", "size": "17", - "text": "CORS" + "text": "PostCSS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "131", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -14641,17 +14104,17 @@ } }, { - "ID": "2166", + "ID": "1754", "typeID": "__group__", - "zOrder": "117", - "measuredW": "166", - "measuredH": "49", - "w": "166", - "h": "49", - "x": "851", - "y": "1212", + "zOrder": "247", + "measuredW": "156", + "measuredH": "48", + "w": "156", + "h": "48", + "x": "1147", + "y": "1374", "properties": { - "controlName": "100-web-security-knowledge:https" + "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { @@ -14660,29 +14123,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "166", - "h": "49", + "w": "146", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "7", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "63", - "measuredW": "53", + "w": "46", + "measuredW": "37", "measuredH": "25", - "x": "54", - "y": "12", + "x": "50", + "y": "15", "properties": { - "bold": "true", "size": "17", - "text": "HTTPS" + "text": "Sass" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -14690,17 +14184,17 @@ } }, { - "ID": "2167", + "ID": "1755", "typeID": "__group__", - "zOrder": "118", - "measuredW": "257", - "measuredH": "49", - "w": "257", - "h": "49", - "x": "1022", - "y": "1212", + "zOrder": "248", + "measuredW": "230", + "measuredH": "44", + "w": "230", + "h": "44", + "x": "139", + "y": "1950", "properties": { - "controlName": "101-web-security-knowledge:content-security-policy" + "controlName": "102-modern-css:styled-jsx" }, "children": { "controls": { @@ -14709,12 +14203,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "221", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "0", + "x": "9", + "y": "4", "properties": { "color": "16770457" } @@ -14723,15 +14217,62 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "196", - "measuredW": "179", + "w": "90", + "measuredW": "80", "measuredH": "25", - "x": "31", + "x": "75", "y": "12", "properties": { - "bold": "true", "size": "17", - "text": "Content Security Policy" + "text": "Styled JSX" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -14739,17 +14280,17 @@ } }, { - "ID": "2168", + "ID": "1756", "typeID": "__group__", - "zOrder": "119", - "measuredW": "257", - "measuredH": "49", - "w": "257", - "h": "49", - "x": "1022", - "y": "1266", + "zOrder": "249", + "measuredW": "185", + "measuredH": "47", + "w": "185", + "h": "47", + "x": "142", + "y": "1648", "properties": { - "controlName": "103-web-security-knowledge:owasp-security-risks" + "controlName": "101-build-tools:module-bundlers:esbuild" }, "children": { "controls": { @@ -14758,12 +14299,228 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "72", + "measuredW": "72", + "measuredH": "25", + "x": "61", + "y": "15", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "2", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "7", + "properties": { + "color": "16776960" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "55", + "measuredH": "25", + "x": "69", + "y": "14", + "properties": { + "size": "17", + "text": "esbuild" + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1757", + "typeID": "__group__", + "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": "Label", + "zOrder": "0", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "73", + "y": "12", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "1", + "typeID": "TextArea", + "zOrder": "1", + "w": "176", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16770457" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "30", + "measuredH": "25", + "x": "81", + "y": "11", + "properties": { + "size": "17", + "text": "Vite" + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "1758", + "typeID": "__group__", + "zOrder": "251", + "measuredW": "93", + "measuredH": "41", + "w": "93", + "h": "41", + "x": "1246", + "y": "1770", + "properties": { + "controlName": "102-pick-a-framework:react-js:recoil" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "85", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0", + "y": "1", "properties": { "color": "16770457" } @@ -14772,15 +14529,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "187", - "measuredW": "172", + "measuredW": "49", "measuredH": "25", - "x": "43", - "y": "12", + "x": "14", + "y": "8", "properties": { - "bold": "true", "size": "17", - "text": "OWASP Security Risks" + "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" + } } } ] @@ -14788,48 +14591,257 @@ } }, { - "ID": "2169", - "typeID": "Label", - "zOrder": "120", - "w": "372", - "measuredW": "344", - "measuredH": "25", - "x": "853", - "y": "1181", + "ID": "1759", + "typeID": "__group__", + "zOrder": "252", + "measuredW": "213", + "measuredH": "41", + "w": "213", + "h": "41", + "x": "844", + "y": "2300", "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" + "controlName": "103-css-frameworks:js-first:radix-ui" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "205", + "h": "37", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "4", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "66", + "measuredH": "25", + "x": "78", + "y": "11", + "properties": { + "size": "17", + "text": "Radix UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "2171", - "typeID": "Icon", - "zOrder": "122", - "measuredW": "24", - "measuredH": "24", - "x": "828", - "y": "1159", + "ID": "1760", + "typeID": "__group__", + "zOrder": "253", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1184", + "y": "3274", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" + "controlName": "107-static-site-generators:eleventy" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "147", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457", + "align": "center", + "size": "17" + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "133", + "y": "5", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "66", + "measuredH": "25", + "x": "41", + "y": "8", + "properties": { + "text": "Eleventy", + "size": "17" + } + } + ] + } + } + }, + { + "ID": "1761", + "typeID": "__group__", + "zOrder": "254", + "measuredW": "196", + "measuredH": "47", + "w": "196", + "h": "47", + "x": "755", + "y": "3146", + "properties": { + "controlName": "101-desktop-applications:tauri" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "6", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "38", + "measuredH": "25", + "x": "83", + "y": "14", + "properties": { + "size": "17", + "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" + } + } + ] } } } @@ -14837,16 +14849,22 @@ }, "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