From b7fba138acc3f64d422be03f9d73831e14422b73 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Thu, 20 Jun 2024 13:52:51 +0100 Subject: [PATCH] Update frontend roadmap --- src/data/roadmaps/api-design/api-design.json | 2 +- .../roadmaps/frontend/frontend-forkable.json | 5916 ----- src/data/roadmaps/frontend/frontend.json | 18647 +++++----------- src/data/roadmaps/frontend/frontend.md | 3 +- .../product-manager/product-manager.json | 4 +- 5 files changed, 5980 insertions(+), 18592 deletions(-) delete mode 100644 src/data/roadmaps/frontend/frontend-forkable.json diff --git a/src/data/roadmaps/api-design/api-design.json b/src/data/roadmaps/api-design/api-design.json index 5a17bed67..b5d09b720 100644 --- a/src/data/roadmaps/api-design/api-design.json +++ b/src/data/roadmaps/api-design/api-design.json @@ -3345,7 +3345,7 @@ "x": -599.3135868850914, "y": -176.03181769055132 }, - "selected": true, + "selected": false, "data": { "label": "Related Roadmaps", "links": [ diff --git a/src/data/roadmaps/frontend/frontend-forkable.json b/src/data/roadmaps/frontend/frontend-forkable.json deleted file mode 100644 index 4f1e4f81f..000000000 --- a/src/data/roadmaps/frontend/frontend-forkable.json +++ /dev/null @@ -1,5916 +0,0 @@ -{ - "title": "Frontend Roadmap (Fork)", - "description": "A step-by-step guide to becoming a modern frontend developer.", - "nodes": [ - { - "width": 20, - "height": 102, - "id": "0Q-brRt6RZ7dJu62PvwnC", - "type": "vertical", - "position": { - "x": 160.24458345301082, - "y": 1884.1531615740655 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "LEijbLyxg4RyutKEM2Y5g" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 160.24458345301082, - "y": 1884.1531615740655 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 102 - }, - "resizing": false - }, - { - "width": 20, - "height": 68, - "id": "lt2I-iu3cbAdYULHvQTp6", - "type": "vertical", - "position": { - "x": 112.34973095743374, - "y": 1121.4097604780045 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "jhWc-VQRqJ4CJfJjkmSf8" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 112.34973095743374, - "y": 1121.4097604780045 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 68 - }, - "resizing": false - }, - { - "width": 20, - "height": 68, - "id": "jhWc-VQRqJ4CJfJjkmSf8", - "type": "vertical", - "position": { - "x": -0.6057163550145788, - "y": 1130.9097604780045 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "a-BmplOk9rfE2Q9beP30d" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -0.6057163550145788, - "y": 1130.9097604780045 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 68 - }, - "resizing": false - }, - { - "width": 20, - "height": 68, - "id": "a-BmplOk9rfE2Q9beP30d", - "type": "vertical", - "position": { - "x": -49.689212167555525, - "y": 959.9484886477385 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "y9e6gBuE1tiIOzhxm83cc" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -49.689212167555525, - "y": 959.9484886477385 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 68 - }, - "resizing": false - }, - { - "width": 20, - "height": 68, - "id": "y9e6gBuE1tiIOzhxm83cc", - "type": "vertical", - "position": { - "x": -159.68921216755552, - "y": 959.9484886477385 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "LEijbLyxg4RyutKEM2Y5g" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -159.68921216755552, - "y": 959.9484886477385 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 68 - }, - "resizing": false - }, - { - "width": 461, - "height": 123, - "id": "0vLaVNJaJSHZ_bHli6Qzs", - "type": "paragraph", - "position": { - "x": -349.3588438928505, - "y": 2978.163242675726 - }, - "selected": false, - "data": { - "label": "Continue Learning with following relevant tracks", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center", - "borderColor": "#000000", - "backgroundColor": "WHITe" - }, - "oldId": "m9eO0jLGuR_9w2JJbe_g2" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -349.3588438928505, - "y": 2978.163242675726 - }, - "dragging": false, - "style": { - "width": 461, - "height": 123 - }, - "resizing": false, - "focusable": true - }, - { - "width": 260, - "height": 327, - "id": "Tqv7Lj8TklDTrZH5_fmUf", - "type": "paragraph", - "position": { - "x": -344.71877670581523, - "y": 2187.382968916314 - }, - "selected": false, - "data": { - "label": "Calculating Measuring and improving performance", - "style": { - "fontSize": 17, - "justifyContent": "flex-end", - "textAlign": "center", - "borderColor": "#000000", - "backgroundColor": "WHITe" - } - }, - "zIndex": 999, - "style": { - "width": 260, - "height": 327 - }, - "resizing": false, - "dragging": false, - "positionAbsolute": { - "x": -344.71877670581523, - "y": 2187.382968916314 - }, - "focusable": true - }, - { - "width": 165, - "height": 68, - "id": "jJebnKe4JftMXZ1lCsipq", - "type": "title", - "position": { - "x": -234.5, - "y": -100.59925177765109 - }, - "selected": false, - "data": { - "label": "Front-end", - "style": { - "fontSize": 28, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "iogwMmOvub2ZF4zgg6WyF" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -234.5, - "y": -100.59925177765109 - }, - "focusable": true - }, - { - "width": 155, - "height": 49, - "id": "VlNNwIEDWqQXtqkHWJYzC", - "type": "topic", - "position": { - "x": -229.5, - "y": 68.27030742190215 - }, - "selected": false, - "data": { - "label": "Internet", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "_hYN0gEi9BL24nptEtXWU" - }, - "zIndex": 999, - "style": { - "width": 155, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -229.5, - "y": 68.27030742190215 - }, - "dragging": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "yCnn-NfSxIybUQ2iTuUGq", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": -94.72969257809785 - }, - "selected": false, - "data": { - "label": "How does the internet work?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "idLHBxhvcIqZTqmh_E8Az" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": -94.72969257809785 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "R12sArWVpbIs_PHxBqVaR", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": -40.729692578097854 - }, - "selected": false, - "data": { - "label": "What is HTTP?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "os3Pa6W9SSNEzgmlBbglQ" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": -40.729692578097854 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "ZhSuu2VArnzPDp6dPQQSC", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": 13.270307421902146 - }, - "selected": false, - "data": { - "label": "What is Domain Name?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "3oInpqvTSSC5_K6i7j8N7" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": 13.270307421902146 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "aqMaEY8gkKMikiqleV5EP", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": 67.27030742190215 - }, - "selected": false, - "data": { - "label": "What is hosting?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "gRjFXRwpOwoyd15PHVpdB" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": 67.27030742190215 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "hkxw9jPGYphmjhTjw8766", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": 121.27030742190215 - }, - "selected": false, - "data": { - "label": "DNS and how it works?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "YKhuRbcUFzo0hTvuTq-Yl" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": 121.27030742190215 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 307, - "height": 49, - "id": "P82WFaTPgQEPNp5IIuZ1Y", - "type": "subtopic", - "position": { - "x": 91.2410268116243, - "y": 175.27030742190215 - }, - "selected": false, - "data": { - "label": "Browsers and how they work?", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "CPRpuk76c9-wuIffEfu87" - }, - "zIndex": 999, - "positionAbsolute": { - "x": 91.2410268116243, - "y": 175.27030742190215 - }, - "dragging": false, - "style": { - "width": 307, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 173, - "height": 49, - "id": "yWG2VUkaF5IJVVut6AiSy", - "type": "topic", - "position": { - "x": -611.8814218617622, - "y": 244.27030742190215 - }, - "selected": false, - "data": { - "label": "HTML", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "U0Pn4yFrx6D4CwpUolzOm" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 173, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -611.8814218617622, - "y": 244.27030742190215 - }, - "focusable": true - }, - { - "width": 259, - "height": 49, - "id": "PCirR2QiFYO89Fm-Ev3o1", - "type": "subtopic", - "position": { - "x": -654.8814218617622, - "y": -98.48450673924191 - }, - "selected": false, - "data": { - "label": "Learn the basics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "JdTNyawEIHeBgq5p2ELwy" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 259, - "height": 49 - }, - "positionAbsolute": { - "x": -654.8814218617622, - "y": -98.48450673924191 - }, - "focusable": true - }, - { - "width": 259, - "height": 49, - "id": "z8-556o-PaHXjlytrawaF", - "type": "subtopic", - "position": { - "x": -654.8814218617622, - "y": -44.48450673924191 - }, - "selected": false, - "data": { - "label": "Writing Semantic HTML", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "08aXk7pJXz4gkrXyrmGky" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -654.8814218617622, - "y": -44.48450673924191 - }, - "style": { - "width": 259, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 259, - "height": 49, - "id": "V5zucKEHnIPPjwHqsMPHF", - "type": "subtopic", - "position": { - "x": -654.8814218617622, - "y": 9.515493260758092 - }, - "selected": false, - "data": { - "label": "Forms and Validations", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "yxcsIStIXMiZslCu1DPV5" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -654.8814218617622, - "y": 9.515493260758092 - }, - "style": { - "width": 259, - "height": 49 - }, - "focusable": true - }, - { - "width": 259, - "height": 49, - "id": "iJIqi7ngpGHWAqtgdjgxB", - "type": "subtopic", - "position": { - "x": -654.8814218617622, - "y": 63.51549326075809 - }, - "selected": false, - "data": { - "label": "Accessibility", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "jZcqyxmIvdqnxGDhbHqxk" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -654.8814218617622, - "y": 63.51549326075809 - }, - "style": { - "width": 259, - "height": 49 - }, - "focusable": true - }, - { - "width": 259, - "height": 49, - "id": "mH_qff8R7R6eLQ1tPHLgG", - "type": "subtopic", - "position": { - "x": -654.8814218617622, - "y": 117.51549326075809 - }, - "selected": false, - "data": { - "label": "SEO Basics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "yfirDE1KGIU9ryXQxg4qT" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -654.8814218617622, - "y": 117.51549326075809 - }, - "style": { - "width": 259, - "height": 49 - }, - "focusable": true - }, - { - "width": 127, - "height": 49, - "id": "ZhJhf1M2OphYbEmduFq-9", - "type": "topic", - "position": { - "x": -315.18467266956964, - "y": 309.72214459475447 - }, - "selected": false, - "data": { - "label": "CSS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9oRqCFPmznk6bMFAtH0gZ" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 127, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -315.18467266956964, - "y": 309.72214459475447 - }, - "focusable": true - }, - { - "width": 195, - "height": 49, - "id": "YFjzPKWDwzrgk2HUX952L", - "type": "subtopic", - "position": { - "x": -111.68467266956958, - "y": 255.72214459475447 - }, - "selected": false, - "data": { - "label": "Learn the basics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "zdnKDruFT-mwYhyItM5px" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -111.68467266956958, - "y": 255.72214459475447 - }, - "style": { - "width": 195, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 195, - "height": 49, - "id": "dXeYVMXv-3MRQ1ovOUuJW", - "type": "subtopic", - "position": { - "x": -111.68467266956958, - "y": 309.72214459475447 - }, - "selected": false, - "data": { - "label": "Making Layouts", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "lmnqgHgt45-mXqKnW4Y_M" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -111.68467266956958, - "y": 309.72214459475447 - }, - "style": { - "width": 195, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 195, - "height": 49, - "id": "TKtWmArHn7elXRJdG6lDQ", - "type": "subtopic", - "position": { - "x": -111.68467266956958, - "y": 363.72214459475447 - }, - "selected": false, - "data": { - "label": "Responsive Design", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "T04FRCIzpGmFMji5LiDQ5" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -111.68467266956958, - "y": 363.72214459475447 - }, - "style": { - "width": 195, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 127, - "height": 49, - "id": "ODcfFEorkfJNupoQygM53", - "type": "topic", - "position": { - "x": -316.1846726695696, - "y": 462.5154932607581 - }, - "selected": false, - "data": { - "label": "JavaScript", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "MD3yDMZpJqEcjQpJQtigd" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 127, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -316.1846726695696, - "y": 462.5154932607581 - }, - "focusable": true - }, - { - "width": 240, - "height": 49, - "id": "A4brX0efjZ0FFPTB4r6U0", - "type": "subtopic", - "position": { - "x": -645.3075746114723, - "y": 516.7221445947545 - }, - "selected": false, - "data": { - "label": "Fetch API / Ajax (XHR)", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "ZHFZBySpPJwJH3UDwJ9HY" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -645.3075746114723, - "y": 516.7221445947545 - }, - "style": { - "width": 240, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 240, - "height": 49, - "id": "0MAogsAID9R04R5TTO2Qa", - "type": "subtopic", - "position": { - "x": -645.3075746114723, - "y": 462.72214459475447 - }, - "selected": false, - "data": { - "label": "Learn DOM Manipulation", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "f-zv32_OdWNMXej3w6q1J" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -645.3075746114723, - "y": 462.72214459475447 - }, - "style": { - "width": 240, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 240, - "height": 49, - "id": "wQSjQqwKHfn5RGPk34BWI", - "type": "subtopic", - "position": { - "x": -645.3075746114723, - "y": 408.72214459475447 - }, - "selected": false, - "data": { - "label": "Learn the Basics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "HDznTGgbYd3Z-gtDWSt9M" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -645.3075746114723, - "y": 408.72214459475447 - }, - "style": { - "width": 240, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 153, - "height": 49, - "id": "MXnFhZlNB1zTsBFDyni9H", - "type": "topic", - "position": { - "x": 244.89428364498542, - "y": 462.5154932607581 - }, - "selected": false, - "data": { - "label": "VCS Hosting", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "hRzglhOCM-mgmA7sPQI_J" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 153, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 244.89428364498542, - "y": 462.5154932607581 - }, - "focusable": true - }, - { - "width": 247, - "height": 49, - "id": "NIY7c4TQEEHx0hATu-k5C", - "type": "topic", - "position": { - "x": -89.10571635501458, - "y": 462.72214459475447 - }, - "selected": false, - "data": { - "label": "Version Control Systems", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "UDis-1MAyLHwxm4wdJrbE" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 247, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -89.10571635501458, - "y": 462.72214459475447 - }, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "R_I4SGYqLk5zze5I1zS_E", - "type": "subtopic", - "position": { - "x": -15.605716355014579, - "y": 553.7221445947545 - }, - "selected": false, - "data": { - "label": "Git", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "mi9YYg2qoXHHZm4LMZZMi" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -15.605716355014579, - "y": 553.7221445947545 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 202, - "height": 49, - "id": "IqvS1V-98cxko3e9sBQgP", - "type": "topic", - "position": { - "x": -41.10571635501458, - "y": 642.3734598570146 - }, - "selected": false, - "data": { - "label": "Package Managers", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Jr2sD2Mn0oGGTnTYggWRZ" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 202, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -41.10571635501458, - "y": 642.3734598570146 - }, - "focusable": true - }, - { - "width": 153, - "height": 49, - "id": "qmTVMJDsEhNIkiwE_UTYu", - "type": "subtopic", - "position": { - "x": 244.89428364498542, - "y": 260.49093274179154 - }, - "selected": false, - "data": { - "label": "GitHub", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "YFe7BDbyGA_iiDUkx6oqq" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 244.89428364498542, - "y": 260.49093274179154 - }, - "style": { - "width": 153, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 153, - "height": 49, - "id": "zIoSJMX3cuzCgDYHjgbEh", - "type": "subtopic", - "position": { - "x": 244.89428364498542, - "y": 314.49093274179154 - }, - "selected": false, - "data": { - "label": "GitLab", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "bxr3QfV0O9CTeAePaV-vc" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 244.89428364498542, - "y": 314.49093274179154 - }, - "style": { - "width": 153, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 153, - "height": 49, - "id": "DILBiQp7WWgSZ5hhtDW6A", - "type": "subtopic", - "position": { - "x": 244.89428364498542, - "y": 368.49093274179154 - }, - "selected": false, - "data": { - "label": "Bitbucket", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Uz1bEMwz1z_Bnm7IpZtUt" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 244.89428364498542, - "y": 368.49093274179154 - }, - "style": { - "width": 153, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 123, - "height": 49, - "id": "yrq3nOwFREzl-9EKnpU-e", - "type": "subtopic", - "position": { - "x": -234.5062033769848, - "y": 694.7248298360628 - }, - "selected": false, - "data": { - "label": "yarn", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "aHMTzaoKeju0JmnKcL5Zf" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -234.5062033769848, - "y": 694.7248298360628 - }, - "style": { - "width": 123, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 123, - "height": 49, - "id": "SLxA5qJFp_28TRzr1BjxZ", - "type": "subtopic", - "position": { - "x": -234.5062033769848, - "y": 640.7248298360628 - }, - "selected": false, - "data": { - "label": "pnpm", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "I8DtxaKfOiZV7z7cIjBp1" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -234.5062033769848, - "y": 640.7248298360628 - }, - "style": { - "width": 123, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 123, - "height": 49, - "id": "ib_FHinhrw8VuSet-xMF7", - "type": "subtopic", - "position": { - "x": -234.5062033769848, - "y": 586.7248298360628 - }, - "selected": false, - "data": { - "label": "npm", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "ci4QooZfv4b4V_dbHdBVy" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -234.5062033769848, - "y": 586.7248298360628 - }, - "style": { - "width": 123, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 202, - "height": 49, - "id": "eXezX7CVNyC1RuyU_I4yP", - "type": "topic", - "position": { - "x": -41.10571635501458, - "y": 816.7248298360628 - }, - "selected": false, - "data": { - "label": "Pick a Framework", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "qluZto0GSnGcLKzo5aPvG" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 202, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -41.10571635501458, - "y": 816.7248298360628 - }, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "-bHFIiXnoUQSov64WI9yo", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 762.7248298360628 - }, - "selected": false, - "data": { - "label": "Angular", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "_mAZxK-bYwb0YSGi3_TYf" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 762.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "ERAdwL1G9M1bnx-fOm5ZA", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 708.7248298360628 - }, - "selected": false, - "data": { - "label": "Vue.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "wULFs38svyl-2rFOZU_6O" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 708.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "tG5v3O4lNIFc2uCnacPak", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 654.7248298360628 - }, - "selected": false, - "data": { - "label": "React", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "uIal-YNBZj87IUQkpesPY" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 654.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "ZR-qZ2Lcbu3FtqaMd3wM4", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 816.7248298360628 - }, - "selected": false, - "data": { - "label": "Svelte", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "a99SLXPb90SKSYlKnLZ2V" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 816.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "DxOSKnqAjZOPP-dq_U7oP", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 870.7248298360628 - }, - "selected": false, - "data": { - "label": "Solid JS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "76_HsxbNz3Hx_ceupTc7d" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 870.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 124, - "height": 49, - "id": "N5DCb6bDfgUnSdHPLYY4g", - "type": "subtopic", - "position": { - "x": 271.6924253885277, - "y": 924.7248298360628 - }, - "selected": false, - "data": { - "label": "Qwik", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "plpeLEvJgqN8v_koc8zMf" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 271.6924253885277, - "y": 924.7248298360628 - }, - "style": { - "width": 124, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 171, - "height": 49, - "id": "XDTD8el6OwuQ55wC-X4iV", - "type": "topic", - "position": { - "x": -448.6984751538557, - "y": 817.7248298360628 - }, - "selected": false, - "data": { - "label": "Writing CSS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "mVB2SuMdWlS4iboXkZmmi" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 171, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -448.6984751538557, - "y": 817.7248298360628 - }, - "focusable": true - }, - { - "width": 138, - "height": 49, - "id": "eghnfG4p7i-EDWfp3CQXC", - "type": "subtopic", - "position": { - "x": -644.6984751538557, - "y": 817.7248298360628 - }, - "selected": false, - "data": { - "label": "Tailwind", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "URZEGnsvxsqA6di6RPE-9" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -644.6984751538557, - "y": 817.7248298360628 - }, - "style": { - "width": 138, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 20, - "height": 102, - "id": "LEijbLyxg4RyutKEM2Y5g", - "type": "vertical", - "position": { - "x": -162, - "y": -202.5992517776511 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#0A33FF" - }, - "oldId": "xD07fJ1NmNeAarVCEfubU" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -162, - "y": -202.5992517776511 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 102 - }, - "resizing": false - }, - { - "width": 176, - "height": 49, - "id": "nPg_YWpMJtlhU2t2UD_6B", - "type": "topic", - "position": { - "x": -451.1984751538557, - "y": 939.3734598570145 - }, - "selected": false, - "data": { - "label": "CSS Architecture", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Hywq64knVVo-ueMDlWIlV" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 176, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -451.1984751538557, - "y": 939.3734598570145 - }, - "focusable": true - }, - { - "width": 210, - "height": 49, - "id": "UTW1pP59dUehuf0zeHXqL", - "type": "topic", - "position": { - "x": -199.68921216755552, - "y": 939.3734598570145 - }, - "selected": false, - "data": { - "label": "CSS Preprocessors", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "OtOD2ta89JI6LB-b5Rn41" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 210, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -199.68921216755552, - "y": 939.3734598570145 - }, - "focusable": true - }, - { - "width": 138, - "height": 49, - "id": "dRDmS072xeNLX7p_X565w", - "type": "subtopic", - "position": { - "x": -644.6984751538557, - "y": 939.3734598570145 - }, - "selected": false, - "data": { - "label": "BEM", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "tFTf8ShyBFo8WqHmRKGf3" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -644.6984751538557, - "y": 939.3734598570145 - }, - "style": { - "width": 138, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "kukEE5rMSPa4NeNjx21kt", - "type": "subtopic", - "position": { - "x": -199.68921216755552, - "y": 1012.9484886477385 - }, - "selected": false, - "data": { - "label": "Sass", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "bzo4iJ2GaxRX1g7COIrsO" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -199.68921216755552, - "y": 1012.9484886477385 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "9WlPENh9g1xOv-zA64Tfg", - "type": "subtopic", - "position": { - "x": -89.68921216755552, - "y": 1012.9484886477385 - }, - "selected": false, - "data": { - "label": "PostCSS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "FuupAErYJB5_9EYcs8Ltg" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -89.68921216755552, - "y": 1012.9484886477385 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 160, - "height": 49, - "id": "i9z0stM4uKu27Cz6NIgNX", - "type": "topic", - "position": { - "x": 241.39428364498542, - "y": 1238.9097604780045 - }, - "selected": false, - "data": { - "label": "Build Tools", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "UUDkLxmojRYcDTpuyVFDj" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 160, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 241.39428364498542, - "y": 1238.9097604780045 - }, - "focusable": true - }, - { - "width": 225, - "height": 49, - "id": "9VcGfDBBD8YcKatj4VcH1", - "type": "topic", - "position": { - "x": -48.8854599140368, - "y": 1183.2047610770715 - }, - "selected": false, - "data": { - "label": "Linters and Formatters", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "f-3gf76yb-ihCOPTT30YX" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 225, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -48.8854599140368, - "y": 1183.2047610770715 - }, - "focusable": true - }, - { - "width": 225, - "height": 49, - "id": "hkSc_1x09m7-7BO7WzlDT", - "type": "topic", - "position": { - "x": -48.8854599140368, - "y": 1238.9097604780045 - }, - "selected": false, - "data": { - "label": "Module Bundlers", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "aQtOJsbkiuRhDqxhVWNlQ" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 225, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -48.8854599140368, - "y": 1238.9097604780045 - }, - "focusable": true - }, - { - "width": 211, - "height": 49, - "id": "NS-hwaWa5ebSmNNRoxFDp", - "type": "subtopic", - "position": { - "x": -360.13444253706336, - "y": 1346.9097604780045 - }, - "selected": false, - "data": { - "label": "Parcel", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Fd8mOgQYENGkAU8W0LSkw" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -360.13444253706336, - "y": 1346.9097604780045 - }, - "style": { - "width": 211, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 211, - "height": 49, - "id": "sCjErk7rfWAUvhl8Kfm3n", - "type": "subtopic", - "position": { - "x": -360.13444253706336, - "y": 1292.9097604780045 - }, - "selected": false, - "data": { - "label": "Rollup", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "gyF7FgAkwZ88w61m22Rjf" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -360.13444253706336, - "y": 1292.9097604780045 - }, - "style": { - "width": 211, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 211, - "height": 49, - "id": "twufEtHgxcRUWAUQ9bXus", - "type": "subtopic", - "position": { - "x": -360.13444253706336, - "y": 1238.9097604780045 - }, - "selected": false, - "data": { - "label": "Webpack", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "3xtpc7w31zyKpNs8LTr6F" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -360.13444253706336, - "y": 1238.9097604780045 - }, - "style": { - "width": 211, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 103, - "height": 49, - "id": "4W7UXfdKIUsm1bUrjdTVT", - "type": "subtopic", - "position": { - "x": -250.53087783577723, - "y": 1185.469247596049 - }, - "selected": false, - "data": { - "label": "esbuild", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "t_hNHvx8q5HdzSoWmAEGo" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -250.53087783577723, - "y": 1185.469247596049 - }, - "style": { - "width": 103, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 211, - "height": 49, - "id": "0Awx3zEI5_gYEIrD7IVX6", - "type": "subtopic", - "position": { - "x": -360.13444253706336, - "y": 1130.9097604780045 - }, - "selected": false, - "data": { - "label": "Vite", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "K4VjGtyD8zVFUMDMywTYM" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -360.13444253706336, - "y": 1130.9097604780045 - }, - "style": { - "width": 211, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 111, - "height": 49, - "id": "zbkpu_gvQ4mgCiZKzS1xv", - "type": "subtopic", - "position": { - "x": -48.8854599140368, - "y": 1097.007960598624 - }, - "selected": false, - "data": { - "label": "Prettier", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "_TRZgdEjj_B-DQe2Vxrrm" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -48.8854599140368, - "y": 1097.007960598624 - }, - "style": { - "width": 111, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 110, - "height": 49, - "id": "NFjsI712_qP0IOmjuqXar", - "type": "subtopic", - "position": { - "x": 67.34973095743374, - "y": 1097.007960598624 - }, - "selected": false, - "data": { - "label": "ESLint", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "8SvBv3DDaXg2G8m9Hf7-g" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 67.34973095743374, - "y": 1097.007960598624 - }, - "style": { - "width": 110, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 160, - "height": 51, - "id": "igg4_hb3XE3vuvY8ufV-4", - "type": "topic", - "position": { - "x": 241.39428364498542, - "y": 1415.707960645082 - }, - "selected": false, - "data": { - "label": "Testing", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "M-Oj3xklWJVhnuu_8M9LV" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 160, - "height": 51 - }, - "resizing": false, - "positionAbsolute": { - "x": 241.39428364498542, - "y": 1415.707960645082 - }, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "hVQ89f6G0LXEgHIOKHDYq", - "type": "subtopic", - "position": { - "x": -67.36820371502154, - "y": 1354.100267415748 - }, - "selected": false, - "data": { - "label": "Vitest", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "-mSYXMk_uhUAoQAwBhxgp" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -67.36820371502154, - "y": 1354.100267415748 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "g5itUjgRXd9vs9ujHezFl", - "type": "subtopic", - "position": { - "x": 37.63179628497846, - "y": 1354.100267415748 - }, - "selected": false, - "data": { - "label": "Jest", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "3JyKZE1jB43Hq3GlG1hvn" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 37.63179628497846, - "y": 1354.100267415748 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 160, - "height": 49, - "id": "jramLk8FGuaEH4YpHIyZT", - "type": "subtopic", - "position": { - "x": 241.39428364498542, - "y": 1514.2939858099264 - }, - "selected": false, - "data": { - "label": "Playwright", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "matNxmkGq8gg-UQ_cSNPd" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 241.39428364498542, - "y": 1514.2939858099264 - }, - "style": { - "width": 160, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 160, - "height": 49, - "id": "DaynCz5RR26gjT6N6gTDL", - "type": "subtopic", - "position": { - "x": 241.39428364498542, - "y": 1568.2939858099264 - }, - "selected": false, - "data": { - "label": "Cypress", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "2MeMVJVJchEHBt2R3lyzw" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 241.39428364498542, - "y": 1568.2939858099264 - }, - "style": { - "width": 160, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 330, - "height": 50, - "id": "U5mD5FmVx7VWeKxDpQxB5", - "type": "topic", - "position": { - "x": -267.4913561640819, - "y": 1483.7610367386817 - }, - "selected": false, - "data": { - "label": "Authentication Strategies", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "5W4R31waHlBLMPk8HEHjt" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 330, - "height": 50 - }, - "resizing": true, - "positionAbsolute": { - "x": -267.4913561640819, - "y": 1483.7610367386817 - }, - "focusable": true - }, - { - "width": 222, - "height": 49, - "id": "RDWbG3Iui6IPgp0shvXtg", - "type": "topic", - "position": { - "x": -641.4418542150819, - "y": 1384.2280876674367 - }, - "selected": false, - "data": { - "label": "Web Security Basics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "yGexInV1evZLDnA6E4-Ta" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 222, - "height": 49 - }, - "resizing": true, - "positionAbsolute": { - "x": -641.4418542150819, - "y": 1384.2280876674367 - }, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "AfH2zCbqzw0Nisg1yyISS", - "type": "subtopic", - "position": { - "x": -641.4418542150819, - "y": 1131.2732116944574 - }, - "selected": false, - "data": { - "label": "CORS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "AiFQoD09X9K36nmgsH1Aj" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -641.4418542150819, - "y": 1131.2732116944574 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "uum7vOhOUR38vLuGZy8Oa", - "type": "subtopic", - "position": { - "x": -526.4565506483883, - "y": 1131.2732116944574 - }, - "selected": false, - "data": { - "label": "HTTPS", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "smz9DaF6gwWdob_lyMYzt" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -526.4565506483883, - "y": 1131.2732116944574 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 226, - "height": 49, - "id": "rmcm0CZbtNVC9LZ14-H6h", - "type": "subtopic", - "position": { - "x": -641.4418542150819, - "y": 1185.2732116944574 - }, - "selected": false, - "data": { - "label": "Content Security Policy", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "xAu1DT2aO5IzvaDrjYB0M" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -641.4418542150819, - "y": 1185.2732116944574 - }, - "style": { - "width": 226, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 225, - "height": 49, - "id": "JanR7I_lNnUCXhCMGLdn-", - "type": "subtopic", - "position": { - "x": -641.4418542150819, - "y": 1239.2732116944574 - }, - "selected": false, - "data": { - "label": "OWASP Security Risks", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "kUy5HzWZoQm4YEDM6SYnL" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -641.4418542150819, - "y": 1239.2732116944574 - }, - "style": { - "width": 225, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 226, - "height": 49, - "id": "ruoFa3M4bUE3Dg6GXSiUI", - "type": "topic", - "position": { - "x": -643.4418542150819, - "y": 1628.657291456067 - }, - "selected": false, - "data": { - "label": "Web Components", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "bxdQ2Kh_6OA6zABiQDMzW" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 226, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -643.4418542150819, - "y": 1628.657291456067 - }, - "focusable": true - }, - { - "width": 168, - "height": 49, - "id": "hwPOGT0-duy3KfI8QaEwF", - "type": "topic", - "position": { - "x": -276.3110352511957, - "y": 1628.657291456067 - }, - "selected": false, - "data": { - "label": "Type Checkers", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "E15W2UbKUcQ2SIEOKjHnF" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 168, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -276.3110352511957, - "y": 1628.657291456067 - }, - "focusable": true - }, - { - "width": 226, - "height": 49, - "id": "VxiQPgcYDFAT6WgSRWpIA", - "type": "subtopic", - "position": { - "x": -643.4418542150819, - "y": 1779.6524214737567 - }, - "selected": false, - "data": { - "label": "Custom Elements", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9bxoRhitbZNn5b0IoJYBg" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -643.4418542150819, - "y": 1779.6524214737567 - }, - "style": { - "width": 226, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 226, - "height": 49, - "id": "Hk8AVonOd693_y1sykPqd", - "type": "subtopic", - "position": { - "x": -643.4418542150819, - "y": 1725.6524214737567 - }, - "selected": false, - "data": { - "label": "HTML Templates", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "fexS9SQR_oUMMyvCFfQHx" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -643.4418542150819, - "y": 1725.6524214737567 - }, - "style": { - "width": 226, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 226, - "height": 49, - "id": "-SpsNeOZBkQfDA-rwzgPg", - "type": "subtopic", - "position": { - "x": -643.4418542150819, - "y": 1833.6524214737567 - }, - "selected": false, - "data": { - "label": "Shadow DOM", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9uwJS2bEPM1-b5w-clIgW" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -643.4418542150819, - "y": 1833.6524214737567 - }, - "style": { - "width": 226, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 168, - "height": 49, - "id": "0asdhvwBH3gn-ercktV7A", - "type": "subtopic", - "position": { - "x": -276.3110352511957, - "y": 1715.5579525586788 - }, - "selected": false, - "data": { - "label": "TypeScript", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "zNxwUyEsGPseh4i7l052C" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -276.3110352511957, - "y": 1715.5579525586788 - }, - "style": { - "width": 168, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 283, - "height": 49, - "id": "Cxspmb14_0i1tfw-ZLxEu", - "type": "topic", - "position": { - "x": 122.34973095743374, - "y": 1955.2381074587565 - }, - "selected": false, - "data": { - "label": "Server Side Rendering (SSR)", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9xcixG6DhtFqzvrdVC-iR" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 283, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 122.34973095743374, - "y": 1955.2381074587565 - }, - "focusable": true - }, - { - "width": 105, - "height": 49, - "id": "OL8I6nOZ8hGGWmtxg_Mv8", - "type": "subtopic", - "position": { - "x": 117.74458345301082, - "y": 1873.369602551074 - }, - "selected": false, - "data": { - "label": "Svelte", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "E2W0AJDq7IWWEyTJeixyG" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 117.74458345301082, - "y": 1873.369602551074 - }, - "style": { - "width": 105, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 105, - "height": 49, - "id": "3TE_iYvbklXK0be-5f2M7", - "type": "subtopic", - "position": { - "x": 117.74458345301082, - "y": 1819.369602551074 - }, - "selected": false, - "data": { - "label": "Vue.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "5iKf8ERxF8x8-DjoxqpLz" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 117.74458345301082, - "y": 1819.369602551074 - }, - "style": { - "width": 105, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 105, - "height": 49, - "id": "k6rp6Ua9qUEW_DA_fOg5u", - "type": "subtopic", - "position": { - "x": 117.74458345301082, - "y": 1765.369602551074 - }, - "selected": false, - "data": { - "label": "Angular", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "5EmJofW_K7cJuv71au2TV" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 117.74458345301082, - "y": 1765.369602551074 - }, - "style": { - "width": 105, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 105, - "height": 49, - "id": "SGDf_rbfmFSHlxI-Czzlz", - "type": "subtopic", - "position": { - "x": 115.8253071940922, - "y": 1711.369602551074 - }, - "selected": false, - "data": { - "label": "React", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9GxkJoUjCQxG6gx8_3SGV" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 115.8253071940922, - "y": 1711.369602551074 - }, - "style": { - "width": 105, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 118, - "height": 49, - "id": "KJRkrFZIihCUBrOf579EU", - "type": "subtopic", - "position": { - "x": 286.122755911093, - "y": 1712.0301235678273 - }, - "selected": false, - "data": { - "label": "Remix", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Bd2XFblDYF5a58H8rT-xD" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 286.122755911093, - "y": 1712.0301235678273 - }, - "style": { - "width": 118, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 118, - "height": 49, - "id": "zNFYAJaSq0YZXL5Rpx1NX", - "type": "subtopic", - "position": { - "x": 286.122755911093, - "y": 1658.0301235678273 - }, - "selected": false, - "data": { - "label": "Next.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "XEBjJw31qtoP0giNeTIOb" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 286.122755911093, - "y": 1658.0301235678273 - }, - "style": { - "width": 118, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 118, - "height": 49, - "id": "-Nsq3Jg3gq02mKcm4u41_", - "type": "subtopic", - "position": { - "x": 286.122755911093, - "y": 1766.0301235678273 - }, - "selected": false, - "data": { - "label": "Universal", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "FWYq1kSAfiN6CjjICK3x5" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 286.122755911093, - "y": 1766.0301235678273 - }, - "style": { - "width": 118, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 118, - "height": 49, - "id": "BBsXxkbbEG-gnbM1xXKrj", - "type": "subtopic", - "position": { - "x": 286.122755911093, - "y": 1820.0301235678273 - }, - "selected": false, - "data": { - "label": "Nuxt.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "bzDexz0i_3O-0CZxeVz__" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 286.122755911093, - "y": 1820.0301235678273 - }, - "style": { - "width": 118, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 118, - "height": 49, - "id": "P4st_telfCwKLSAU2WsQP", - "type": "subtopic", - "position": { - "x": 286.122755911093, - "y": 1874.0301235678273 - }, - "selected": false, - "data": { - "label": "Svelte Kit", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "eLRQ4TTquWmk5ElFO8bUs" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 286.122755911093, - "y": 1874.0301235678273 - }, - "style": { - "width": 118, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 158, - "height": 49, - "id": "L7AllJfKvClaam3y-u6DP", - "type": "topic", - "position": { - "x": -268.25762800793046, - "y": 1955.2381074587565 - }, - "selected": false, - "data": { - "label": "GraphQL", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "pbcrQq92xWLdgHQjcv1B-" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 158, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -268.25762800793046, - "y": 1955.2381074587565 - }, - "focusable": true - }, - { - "width": 158, - "height": 49, - "id": "5eUbDdOTOfaOhUlZAmmXW", - "type": "subtopic", - "position": { - "x": -268.25762800793046, - "y": 1810.3739101553622 - }, - "selected": false, - "data": { - "label": "Apollo", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "T8XBkJc3CQ0OeNbir3aIB" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -268.25762800793046, - "y": 1810.3739101553622 - }, - "style": { - "width": 158, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 158, - "height": 49, - "id": "0moPO23ol33WsjVXSpTGf", - "type": "subtopic", - "position": { - "x": -268.25762800793046, - "y": 1864.3739101553622 - }, - "selected": false, - "data": { - "label": "Relay Modern", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "ao2xbMKjWdjJuYzmxWewu" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -268.25762800793046, - "y": 1864.3739101553622 - }, - "style": { - "width": 158, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 232, - "height": 49, - "id": "n0q32YhWEIAUwbGXexoqV", - "type": "topic", - "position": { - "x": -29.8255385145157, - "y": 2301.833490040384 - }, - "selected": false, - "data": { - "label": "Static Site Generators", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Byp3BhV5zTeER5tUPogqW" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 232, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": -29.8255385145157, - "y": 2301.833490040384 - }, - "focusable": true - }, - { - "width": 114, - "height": 49, - "id": "CMrss8E2W0eA6DVEqtPjT", - "type": "subtopic", - "position": { - "x": -29.34942862879211, - "y": 2415.6987607173705 - }, - "selected": false, - "data": { - "label": "Vuepress", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "SUBnFEyi6Us6fXRh6D6TE" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -29.34942862879211, - "y": 2415.6987607173705 - }, - "style": { - "width": 114, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 114, - "height": 49, - "id": "kFQazhINkkiuGEAbHv1nE", - "type": "subtopic", - "position": { - "x": -29.34942862879211, - "y": 2469.6987607173705 - }, - "selected": false, - "data": { - "label": "Jekyll", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "hAYlDH7-mqnY_b5ksFYqU" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -29.34942862879211, - "y": 2469.6987607173705 - }, - "style": { - "width": 114, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 114, - "height": 49, - "id": "sb63ENIkvQnC1cPYnI1ll", - "type": "subtopic", - "position": { - "x": -29.34942862879211, - "y": 2523.6987607173705 - }, - "selected": false, - "data": { - "label": "Hugo", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "gLp2xXRfGGnKNRws4_cQ4" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -29.34942862879211, - "y": 2523.6987607173705 - }, - "style": { - "width": 114, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 114, - "height": 49, - "id": "XWJxV42Dpu2D3xDK10Pn3", - "type": "subtopic", - "position": { - "x": -29.34942862879211, - "y": 2577.6987607173705 - }, - "selected": false, - "data": { - "label": "Nuxt.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "vKK8jvUcXrJF_VNJtrZ9F" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -29.34942862879211, - "y": 2577.6987607173705 - }, - "style": { - "width": 114, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "iUxXq7beg55y76dkwhM13", - "type": "subtopic", - "position": { - "x": 95.2199168463942, - "y": 2415.822111508183 - }, - "selected": false, - "data": { - "label": "Astro", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "rRf68iRg_Jtn_jGBayLxQ" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 95.2199168463942, - "y": 2415.822111508183 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "io0RHJWIcVxDhcYkV9d38", - "type": "subtopic", - "position": { - "x": 95.2199168463942, - "y": 2469.822111508183 - }, - "selected": false, - "data": { - "label": "Eleventy", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "hWWOyclt4hWJmbMvPBt5i" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 95.2199168463942, - "y": 2469.822111508183 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "V70884VcuXkfrfHyLGtUg", - "type": "subtopic", - "position": { - "x": 95.2199168463942, - "y": 2523.822111508183 - }, - "selected": false, - "data": { - "label": "Next.js", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "2d9PRh48NLgCKvMRUP9Mp" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 95.2199168463942, - "y": 2523.822111508183 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 109, - "height": 49, - "id": "yj-LnWb41Q7TX6WRB-ge2", - "type": "subtopic", - "position": { - "x": 94.65057137120789, - "y": 2577.6987607173705 - }, - "selected": false, - "data": { - "label": "Remix", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "9-OdMPLFSzXyxp1oOe1cl" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 94.65057137120789, - "y": 2577.6987607173705 - }, - "style": { - "width": 109, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 262, - "height": 50, - "id": "PoM77O2OtxPELxfrW1wtl", - "type": "topic", - "position": { - "x": -491.5, - "y": 2048.5874140279066 - }, - "selected": false, - "data": { - "label": "Progressive Web Apps", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "z2-TJ71VFM7LKPXaCKe2T" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 262, - "height": 50 - }, - "resizing": false, - "positionAbsolute": { - "x": -491.5, - "y": 2048.5874140279066 - }, - "focusable": true - }, - { - "width": 144, - "height": 49, - "id": "VOGKiG2EZVfCBAaa7Df0W", - "type": "topic", - "position": { - "x": 256.92382104841215, - "y": 2301.833490040384 - }, - "selected": false, - "data": { - "label": "Mobile Apps", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "1Cr9EEM5MLBlE8pquMlbZ" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 144, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 256.92382104841215, - "y": 2301.833490040384 - }, - "focusable": true - }, - { - "width": 150, - "height": 49, - "id": "dsTegXTyupjS8iU6I7Xiv", - "type": "subtopic", - "position": { - "x": 253.92382104841215, - "y": 2045.3894186454863 - }, - "selected": false, - "data": { - "label": "React Native", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "kkmRxX5txOVNalze5qbFt" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 253.92382104841215, - "y": 2045.3894186454863 - }, - "style": { - "width": 150, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 150, - "height": 49, - "id": "dIQXjFEUAJAGxxfAYceHU", - "type": "subtopic", - "position": { - "x": 253.92382104841215, - "y": 2099.3894186454863 - }, - "selected": false, - "data": { - "label": "Flutter", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "E6CO-PPeanNHM3VmHlOj_" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 253.92382104841215, - "y": 2099.3894186454863 - }, - "style": { - "width": 150, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 150, - "height": 49, - "id": "xmRv6-L45m5MDpHmdHFCL", - "type": "subtopic", - "position": { - "x": 253.92382104841215, - "y": 2153.3894186454863 - }, - "selected": false, - "data": { - "label": "Ionic", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Lwn9ABE_c54DSVxC_Xqqd" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 253.92382104841215, - "y": 2153.3894186454863 - }, - "style": { - "width": 150, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 150, - "height": 49, - "id": "2wLKhD8OhVsTR-Q7WPwbj", - "type": "subtopic", - "position": { - "x": 253.92382104841215, - "y": 2207.266067854674 - }, - "selected": false, - "data": { - "label": "NativeScript", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "A7OE8aij_Nw4pe1ujRfni" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 253.92382104841215, - "y": 2207.266067854674 - }, - "style": { - "width": 150, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 154, - "height": 49, - "id": "KMA7NkxFbPoUDtFnGBFnj", - "type": "topic", - "position": { - "x": 251.34973095743374, - "y": 2715.755580716903 - }, - "selected": false, - "data": { - "label": "Desktop Apps", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "0shXGvdS3IlJgBvHoQuDm" - }, - "zIndex": 999, - "dragging": false, - "style": { - "width": 154, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 251.34973095743374, - "y": 2715.755580716903 - }, - "focusable": true - }, - { - "width": 213, - "height": 49, - "id": "OIcmPSbdsuWapb6HZ4BEi", - "type": "button", - "position": { - "x": -335.3450414085644, - "y": 3032.3089001088356 - }, - "selected": false, - "data": { - "label": "TypeScript Roamdap", - "href": "", - "color": "#000000", - "backgroundColor": "#ffe59a", - "style": { - "fontSize": 17 - }, - "borderColor": "#000000", - "oldId": "cmSSwPPiiHwYh9ct14N6A" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -335.3450414085644, - "y": 3032.3089001088356 - }, - "style": { - "width": 213, - "height": 49 - }, - "focusable": true, - "resizing": false - }, - { - "width": 213, - "height": 49, - "id": "qXKNK_IsGS8-JgLK-Q9oU", - "type": "button", - "position": { - "x": -113.79082616152044, - "y": 3032.3089001088356 - }, - "selected": false, - "data": { - "label": "Nodejs Roamdap", - "href": "", - "color": "#000000", - "backgroundColor": "#ffe59a", - "style": { - "fontSize": 17 - }, - "borderColor": "#000000", - "oldId": "U309TNZ3yUYyAmP33dOt1" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -113.79082616152044, - "y": 3032.3089001088356 - }, - "style": { - "width": 213, - "height": 49 - }, - "focusable": true - }, - { - "width": 20, - "height": 85, - "id": "RLtk1C3gofHnLJ17x3o5b", - "type": "vertical", - "position": { - "x": -124.75829520557221, - "y": 3101.163242675726 - }, - "selected": false, - "data": { - "label": "vertical node", - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2B78E4" - }, - "oldId": "ExXFPDHXtcOMcvZttzxvD" - }, - "zIndex": 999, - "positionAbsolute": { - "x": -124.75829520557221, - "y": 3101.163242675726 - }, - "dragging": false, - "focusable": true, - "style": { - "width": 20, - "height": 85 - }, - "resizing": false - }, - { - "width": 102, - "height": 49, - "id": "mQHpSyMR4Rra4mqAslgiS", - "type": "subtopic", - "position": { - "x": 69.46343000583516, - "y": 2659.529159876233 - }, - "selected": false, - "data": { - "label": "Electron", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "oT8ChWye8YxdMuD0Ju9cb" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 69.46343000583516, - "y": 2659.529159876233 - }, - "style": { - "width": 102, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "GJctl0tVXe4B70s35RkLT", - "type": "subtopic", - "position": { - "x": 70.46343000583516, - "y": 2713.529159876233 - }, - "selected": false, - "data": { - "label": "Tauri", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "Wkhxb3Ax0Qlt61QpuwVXH" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 70.46343000583516, - "y": 2713.529159876233 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 100, - "height": 49, - "id": "2MRvAK9G9RGM_auWytcKh", - "type": "subtopic", - "position": { - "x": 70.46343000583516, - "y": 2767.529159876233 - }, - "selected": false, - "data": { - "label": "Flutter", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "vicOyCmPv4Nj_QQnP6_Y4" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": 70.46343000583516, - "y": 2767.529159876233 - }, - "style": { - "width": 100, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "-DsETM9xLgHyGZthptj1Y", - "type": "topic", - "position": { - "x": -324.7582952055722, - "y": 2209.106258964535 - }, - "selected": false, - "data": { - "label": "PRPL Pattern", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "xD5WfEP7Ez0oi3890UgmH" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -324.7582952055722, - "y": 2209.106258964535 - }, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "xD5WfEP7Ez0oi3890UgmH", - "type": "topic", - "position": { - "x": -324.7582952055722, - "y": 2253.106258964535 - }, - "selected": false, - "data": { - "label": "RAIL Model", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - } - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -324.7582952055722, - "y": 2253.106258964535 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "X0Y3-IpPiFUCsNDK4RFxw", - "type": "topic", - "position": { - "x": -324.7582952055722, - "y": 2297.106258964535 - }, - "selected": false, - "data": { - "label": "Performance Metrics", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "3_sJHKTogkDoCjR518-OL" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -324.7582952055722, - "y": 2297.106258964535 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "RIhHMHLsLLPhNl05Q9aBf", - "type": "topic", - "position": { - "x": -324.7582952055722, - "y": 2341.106258964535 - }, - "selected": false, - "data": { - "label": "Using Lighthouse", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "3_sJHKTogkDoCjR518-OL" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -324.7582952055722, - "y": 2341.106258964535 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "3_sJHKTogkDoCjR518-OL", - "type": "topic", - "position": { - "x": -324.7582952055722, - "y": 2385.106258964535 - }, - "selected": false, - "data": { - "label": "Using DevTools", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "xD5WfEP7Ez0oi3890UgmH" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -324.7582952055722, - "y": 2385.106258964535 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 263, - "height": 49, - "id": "mB3hZvAfRr6kCEbF6t-yz", - "type": "button", - "position": { - "x": -347.71877670581523, - "y": 2519.382968916314 - }, - "selected": false, - "data": { - "label": "Performance Best Practices", - "href": "https://roadmap.sh/best-practices/frontend-performance", - "color": "#ffffff", - "backgroundColor": "#4136d6", - "style": { - "fontSize": 17 - } - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -347.71877670581523, - "y": 2519.382968916314 - }, - "style": { - "width": 263, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "width": 260, - "height": 505, - "id": "0-AijuwIdYdGuiNnne4Yg", - "type": "paragraph", - "position": { - "x": -628.2291608378234, - "y": 2187.78288629059 - }, - "selected": false, - "data": { - "label": "Calculating Measuring and improving performance", - "style": { - "fontSize": 17, - "justifyContent": "flex-end", - "textAlign": "center", - "borderColor": "#000000", - "backgroundColor": "WHITe" - }, - "oldId": "Tqv7Lj8TklDTrZH5_fmUf" - }, - "zIndex": 999, - "style": { - "width": 260, - "height": 505 - }, - "resizing": false, - "dragging": false, - "positionAbsolute": { - "x": -628.2291608378234, - "y": 2187.78288629059 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "raoa-75p_DyBAycvy3yVv", - "type": "topic", - "position": { - "x": -608.2686793375804, - "y": 2209.5061763388107 - }, - "selected": false, - "data": { - "label": "Storage", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "-DsETM9xLgHyGZthptj1Y" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2209.5061763388107 - }, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "NDJR8UCoa31v45TBFP7we", - "type": "topic", - "position": { - "x": -608.2686793375804, - "y": 2253.5061763388107 - }, - "selected": false, - "data": { - "label": "Web Sockets", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "xD5WfEP7Ez0oi3890UgmH" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2253.5061763388107 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "doPe92aUpo-8KWhi45lWK", - "type": "topic", - "position": { - "x": -608.2686793375804, - "y": 2297.5061763388107 - }, - "selected": false, - "data": { - "label": "Server Sent Events", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "X0Y3-IpPiFUCsNDK4RFxw" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2297.5061763388107 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "TldWoXiqKxM4X3JONKAR7", - "type": "topic", - "position": { - "x": -608.2686793375804, - "y": 2341.5061763388107 - }, - "selected": false, - "data": { - "label": "Service Workers", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "RIhHMHLsLLPhNl05Q9aBf" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2341.5061763388107 - }, - "resizing": false, - "style": { - "width": 220, - "height": 40 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "YbGGYoKJEx29PlvopUBiM", - "type": "subtopic", - "position": { - "x": -608.2686793375804, - "y": 2385.5061763388107 - }, - "selected": false, - "data": { - "label": "Location", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - } - }, - "zIndex": 999, - "style": { - "width": 220, - "height": 40 - }, - "dragging": false, - "focusable": true, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2385.5061763388107 - } - }, - { - "width": 220, - "height": 40, - "id": "6AlcArOiJMhHXguAosDzn", - "type": "subtopic", - "position": { - "x": -608.2686793375804, - "y": 2429.5061763388107 - }, - "selected": false, - "data": { - "label": "Notifications", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "opu2bAsmdWHqWqtsCscLC" - }, - "zIndex": 999, - "style": { - "width": 220, - "height": 40 - }, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2429.5061763388107 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "Fd0hQh1DleM0gMzCpGou4", - "type": "subtopic", - "position": { - "x": -608.2686793375804, - "y": 2473.5061763388107 - }, - "selected": false, - "data": { - "label": "Device Orientation", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "opu2bAsmdWHqWqtsCscLC" - }, - "zIndex": 999, - "style": { - "width": 220, - "height": 40 - }, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2473.5061763388107 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "MAM1nuVk-h4AvTUk4nvmj", - "type": "subtopic", - "position": { - "x": -608.2686793375804, - "y": 2517.5061763388107 - }, - "selected": false, - "data": { - "label": "Payments", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "opu2bAsmdWHqWqtsCscLC" - }, - "zIndex": 999, - "style": { - "width": 220, - "height": 40 - }, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2517.5061763388107 - }, - "focusable": true - }, - { - "width": 220, - "height": 40, - "id": "opu2bAsmdWHqWqtsCscLC", - "type": "subtopic", - "position": { - "x": -608.2686793375804, - "y": 2561.5061763388107 - }, - "selected": false, - "data": { - "label": "Credentials", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "YbGGYoKJEx29PlvopUBiM" - }, - "zIndex": 999, - "style": { - "width": 220, - "height": 40 - }, - "dragging": false, - "positionAbsolute": { - "x": -608.2686793375804, - "y": 2561.5061763388107 - }, - "focusable": true - }, - { - "id": "y8mpS-q8TCwp3k23enpf7", - "type": "paragraph", - "position": { - "x": -645.5168967945566, - "y": 602.7221445947545 - }, - "selected": false, - "data": { - "label": "We’ve trimmed down the CSS part for the sake of brevity. You should read about CSS-in-JS, CSS Modules and Styled Components. Also worth looking at are Panda CSS, Shadcn UI, Mantine and more.", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "left", - "borderColor": "TRANSPARENt", - "backgroundColor": "#ebebeb" - } - }, - "zIndex": 999, - "width": 365, - "height": 165, - "positionAbsolute": { - "x": -645.5168967945566, - "y": 602.7221445947545 - }, - "dragging": false, - "resizing": false, - "style": { - "width": 365, - "height": 165 - }, - "focusable": true - }, - { - "width": 104, - "height": 49, - "id": "h26uS3muFCabe6ekElZcI", - "type": "subtopic", - "position": { - "x": -360.13444253706336, - "y": 1185.469247596049 - }, - "selected": false, - "data": { - "label": "SWC", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "center" - }, - "oldId": "4W7UXfdKIUsm1bUrjdTVT" - }, - "zIndex": 999, - "dragging": false, - "positionAbsolute": { - "x": -360.13444253706336, - "y": 1185.469247596049 - }, - "style": { - "width": 104, - "height": 49 - }, - "resizing": false, - "focusable": true - }, - { - "id": "dnVfC9N76qvTGKO9B-AW7", - "type": "label", - "position": { - "x": -271.4913561640819, - "y": 1542.0166772420591 - }, - "selected": false, - "data": { - "label": "JWT, OAuth, SSO, Basic Auth, Session Auth", - "href": "", - "color": "#000000", - "style": { - "fontSize": 17 - } - }, - "zIndex": 999, - "width": 340, - "height": 36, - "positionAbsolute": { - "x": -271.4913561640819, - "y": 1542.0166772420591 - }, - "dragging": false, - "focusable": true - }, - { - "id": "qN-6iiXWgn5qSzK3o0Tjo", - "type": "legend", - "position": { - "x": -654.8814218617622, - "y": -292.09541222709834 - }, - "selected": false, - "data": { - "label": "", - "legends": [ - { - "id": "NJhQIvMyMD1Cu-JA1UCmJ", - "color": "#2b78e4", - "label": "Personal Recommendation / Opinion" - }, - { - "id": "DMx7rAjVBWMbzjSde-tvp", - "label": "Alternative Option / Pick this or purple", - "color": "#4f7a28" - }, - { - "id": "R9WLhURhPdVNXP7AUTDvR", - "label": "Order not strict / Learn anytime", - "color": "#929292" - } - ] - }, - "zIndex": 999, - "width": 353, - "height": 124, - "positionAbsolute": { - "x": -654.8814218617622, - "y": -292.09541222709834 - }, - "dragging": false, - "focusable": true - }, - { - "id": "yHmHXymPNWwu8p1vvqD3o", - "type": "paragraph", - "position": { - "x": 45.49718479195076, - "y": -288.15106699547107 - }, - "selected": false, - "data": { - "label": "Find the detailed version of this roadmap along with other similar roadmaps", - "style": { - "fontSize": 17, - "justifyContent": "flex-start", - "textAlign": "left", - "borderColor": "#000000", - "backgroundColor": "#FFFFFf" - } - }, - "zIndex": 999, - "width": 354, - "height": 143, - "positionAbsolute": { - "x": 45.49718479195076, - "y": -288.15106699547107 - }, - "dragging": false, - "selectable": true, - "focusable": true, - "style": { - "width": 354, - "height": 143 - }, - "resizing": false - }, - { - "id": "2zqZkyVgigifcRS1H7F_b", - "type": "button", - "position": { - "x": 58.7005592047509, - "y": -206.1655035777258 - }, - "selected": false, - "data": { - "label": "roadmap.sh", - "href": "https://roadmap.sh", - "color": "#ffffff", - "backgroundColor": "#2a79e4", - "style": { - "fontSize": 17 - } - }, - "zIndex": 999, - "width": 329, - "height": 49, - "dragging": false, - "style": { - "width": 329, - "height": 49 - }, - "resizing": false, - "positionAbsolute": { - "x": 58.7005592047509, - "y": -206.1655035777258 - }, - "selectable": true, - "focusable": true - } - ], - "edges": [ - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "jJebnKe4JftMXZ1lCsipq", - "sourceHandle": "x2", - "target": "VlNNwIEDWqQXtqkHWJYzC", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "tNkdpQjYu72eFK9f_W0RO", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "yCnn-NfSxIybUQ2iTuUGq", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "ronTDxAvatzbk4n5a-McM", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "R12sArWVpbIs_PHxBqVaR", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "gaNQ1Peug0eiN0Bfxhtgw", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "ZhSuu2VArnzPDp6dPQQSC", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "351utcB2QNjRmDe5bmcD1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "aqMaEY8gkKMikiqleV5EP", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "lupNr9zUQ0sXyzPBxcglQ", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "hkxw9jPGYphmjhTjw8766", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "2IVWwbU20VSU47qjiVU-f", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "z2", - "target": "P82WFaTPgQEPNp5IIuZ1Y", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "9MbeqIRipRgbe34jwalxo", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "x2", - "target": "eghnfG4p7i-EDWfp3CQXC", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "8cshqMXb08BgNWbrVWNgN", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "z2", - "target": "hVQ89f6G0LXEgHIOKHDYq", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "Qstlhy-gNuV1VlBRCpt-K", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "n0q32YhWEIAUwbGXexoqV", - "sourceHandle": "x2", - "target": "CMrss8E2W0eA6DVEqtPjT", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "rsHJP6q6Jk9PyUqUb-eZ8", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "n0q32YhWEIAUwbGXexoqV", - "sourceHandle": "x2", - "target": "iUxXq7beg55y76dkwhM13", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "2oeH1EkVVnO2c_4uwk8No", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "x2", - "target": "dsTegXTyupjS8iU6I7Xiv", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "ozlBen25ObLyQg-WHLdvh", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "x2", - "target": "mQHpSyMR4Rra4mqAslgiS", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "BY88vn8qizAFo0cUhDok2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "x2", - "target": "mQHpSyMR4Rra4mqAslgiS", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "hJleHhdVrlYr3XH62NbiP", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "sourceHandle": "y2", - "target": "0-AijuwIdYdGuiNnne4Yg", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "eFYSD5KybBoY_PcuN6Ol2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VlNNwIEDWqQXtqkHWJYzC", - "sourceHandle": "y2", - "target": "yWG2VUkaF5IJVVut6AiSy", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "type": "simplebezier", - "focusable": true, - "id": "reactflow__edge-VlNNwIEDWqQXtqkHWJYzCy2-yWG2VUkaF5IJVVut6AiSyz1" - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "yWG2VUkaF5IJVVut6AiSy", - "sourceHandle": "w2", - "target": "mH_qff8R7R6eLQ1tPHLgG", - "targetHandle": "x1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-yWG2VUkaF5IJVVut6AiSyw2-mH_qff8R7R6eLQ1tPHLgGx1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ZhJhf1M2OphYbEmduFq-9", - "sourceHandle": "z2", - "target": "YFjzPKWDwzrgk2HUX952L", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-YFjzPKWDwzrgk2HUX952Ly1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ZhJhf1M2OphYbEmduFq-9", - "sourceHandle": "z2", - "target": "dXeYVMXv-3MRQ1ovOUuJW", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-dXeYVMXv-3MRQ1ovOUuJWy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ZhJhf1M2OphYbEmduFq-9", - "sourceHandle": "z2", - "target": "TKtWmArHn7elXRJdG6lDQ", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-TKtWmArHn7elXRJdG6lDQy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ZhJhf1M2OphYbEmduFq-9", - "sourceHandle": "y2", - "target": "yWG2VUkaF5IJVVut6AiSy", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "focusable": true, - "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9y2-yWG2VUkaF5IJVVut6AiSyz1" - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ODcfFEorkfJNupoQygM53", - "sourceHandle": "w2", - "target": "ZhJhf1M2OphYbEmduFq-9", - "targetHandle": "x1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-ODcfFEorkfJNupoQygM53w2-ZhJhf1M2OphYbEmduFq-9x1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ODcfFEorkfJNupoQygM53", - "sourceHandle": "y2", - "target": "wQSjQqwKHfn5RGPk34BWI", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-wQSjQqwKHfn5RGPk34BWIz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ODcfFEorkfJNupoQygM53", - "sourceHandle": "y2", - "target": "0MAogsAID9R04R5TTO2Qa", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-0MAogsAID9R04R5TTO2Qaz2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ODcfFEorkfJNupoQygM53", - "sourceHandle": "y2", - "target": "A4brX0efjZ0FFPTB4r6U0", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-A4brX0efjZ0FFPTB4r6U0z1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ODcfFEorkfJNupoQygM53", - "sourceHandle": "z2", - "target": "NIY7c4TQEEHx0hATu-k5C", - "targetHandle": "y2", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-ODcfFEorkfJNupoQygM53z2-NIY7c4TQEEHx0hATu-k5Cy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "NIY7c4TQEEHx0hATu-k5C", - "sourceHandle": "z2", - "target": "MXnFhZlNB1zTsBFDyni9H", - "targetHandle": "y1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cz2-MXnFhZlNB1zTsBFDyni9Hy1", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "NIY7c4TQEEHx0hATu-k5C", - "sourceHandle": "x2", - "target": "R_I4SGYqLk5zze5I1zS_E", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cx2-R_I4SGYqLk5zze5I1zS_Ew1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "MXnFhZlNB1zTsBFDyni9H", - "sourceHandle": "w2", - "target": "DILBiQp7WWgSZ5hhtDW6A", - "targetHandle": "x2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hw2-DILBiQp7WWgSZ5hhtDW6Ax2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "MXnFhZlNB1zTsBFDyni9H", - "sourceHandle": "x2", - "target": "IqvS1V-98cxko3e9sBQgP", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hx2-IqvS1V-98cxko3e9sBQgPz1", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "IqvS1V-98cxko3e9sBQgP", - "sourceHandle": "y2", - "target": "SLxA5qJFp_28TRzr1BjxZ", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-SLxA5qJFp_28TRzr1BjxZz2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "IqvS1V-98cxko3e9sBQgP", - "sourceHandle": "y2", - "target": "ib_FHinhrw8VuSet-xMF7", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-ib_FHinhrw8VuSet-xMF7z2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "IqvS1V-98cxko3e9sBQgP", - "sourceHandle": "y2", - "target": "yrq3nOwFREzl-9EKnpU-e", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-yrq3nOwFREzl-9EKnpU-ez1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "IqvS1V-98cxko3e9sBQgP", - "sourceHandle": "x2", - "target": "eXezX7CVNyC1RuyU_I4yP", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPx2-eXezX7CVNyC1RuyU_I4yPw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "-bHFIiXnoUQSov64WI9yo", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2--bHFIiXnoUQSov64WI9yoy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "tG5v3O4lNIFc2uCnacPak", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-tG5v3O4lNIFc2uCnacPaky2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "ERAdwL1G9M1bnx-fOm5ZA", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ERAdwL1G9M1bnx-fOm5ZAy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "ZR-qZ2Lcbu3FtqaMd3wM4", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ZR-qZ2Lcbu3FtqaMd3wM4y1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "DxOSKnqAjZOPP-dq_U7oP", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-DxOSKnqAjZOPP-dq_U7oPy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "z2", - "target": "N5DCb6bDfgUnSdHPLYY4g", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-N5DCb6bDfgUnSdHPLYY4gy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "eXezX7CVNyC1RuyU_I4yP", - "sourceHandle": "y2", - "target": "XDTD8el6OwuQ55wC-X4iV", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPy2-XDTD8el6OwuQ55wC-X4iVz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "XDTD8el6OwuQ55wC-X4iV", - "sourceHandle": "y2", - "target": "eghnfG4p7i-EDWfp3CQXC", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVy2-eghnfG4p7i-EDWfp3CQXCz2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "XDTD8el6OwuQ55wC-X4iV", - "sourceHandle": "x2", - "target": "nPg_YWpMJtlhU2t2UD_6B", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVx2-nPg_YWpMJtlhU2t2UD_6Bw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "dRDmS072xeNLX7p_X565w", - "sourceHandle": "z2", - "target": "nPg_YWpMJtlhU2t2UD_6B", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-dRDmS072xeNLX7p_X565wz2-nPg_YWpMJtlhU2t2UD_6By1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "nPg_YWpMJtlhU2t2UD_6B", - "sourceHandle": "z2", - "target": "UTW1pP59dUehuf0zeHXqL", - "targetHandle": "y2", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-nPg_YWpMJtlhU2t2UD_6Bz2-UTW1pP59dUehuf0zeHXqLy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "i9z0stM4uKu27Cz6NIgNX", - "sourceHandle": "y2", - "target": "hkSc_1x09m7-7BO7WzlDT", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-hkSc_1x09m7-7BO7WzlDTz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "i9z0stM4uKu27Cz6NIgNX", - "sourceHandle": "y2", - "target": "9VcGfDBBD8YcKatj4VcH1", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-9VcGfDBBD8YcKatj4VcH1z2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hkSc_1x09m7-7BO7WzlDT", - "sourceHandle": "y2", - "target": "0Awx3zEI5_gYEIrD7IVX6", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-0Awx3zEI5_gYEIrD7IVX6z2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hkSc_1x09m7-7BO7WzlDT", - "sourceHandle": "y2", - "target": "4W7UXfdKIUsm1bUrjdTVT", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-4W7UXfdKIUsm1bUrjdTVTz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hkSc_1x09m7-7BO7WzlDT", - "sourceHandle": "y2", - "target": "twufEtHgxcRUWAUQ9bXus", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-twufEtHgxcRUWAUQ9bXusz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hkSc_1x09m7-7BO7WzlDT", - "sourceHandle": "y2", - "target": "sCjErk7rfWAUvhl8Kfm3n", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-sCjErk7rfWAUvhl8Kfm3nz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hkSc_1x09m7-7BO7WzlDT", - "sourceHandle": "y2", - "target": "NS-hwaWa5ebSmNNRoxFDp", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-NS-hwaWa5ebSmNNRoxFDpz2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "UTW1pP59dUehuf0zeHXqL", - "sourceHandle": "z2", - "target": "i9z0stM4uKu27Cz6NIgNX", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-UTW1pP59dUehuf0zeHXqLz2-i9z0stM4uKu27Cz6NIgNXw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "i9z0stM4uKu27Cz6NIgNX", - "sourceHandle": "x2", - "target": "igg4_hb3XE3vuvY8ufV-4", - "targetHandle": "w2", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXx2-igg4_hb3XE3vuvY8ufV-4w2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "igg4_hb3XE3vuvY8ufV-4", - "sourceHandle": "x2", - "target": "jramLk8FGuaEH4YpHIyZT", - "targetHandle": "w2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4x2-jramLk8FGuaEH4YpHIyZTw2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "igg4_hb3XE3vuvY8ufV-4", - "sourceHandle": "y2", - "target": "g5itUjgRXd9vs9ujHezFl", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-g5itUjgRXd9vs9ujHezFlz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "igg4_hb3XE3vuvY8ufV-4", - "sourceHandle": "y2", - "target": "U5mD5FmVx7VWeKxDpQxB5", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-U5mD5FmVx7VWeKxDpQxB5z1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "RDWbG3Iui6IPgp0shvXtg", - "sourceHandle": "w2", - "target": "JanR7I_lNnUCXhCMGLdn-", - "targetHandle": "x2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgw2-JanR7I_lNnUCXhCMGLdn-x2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "U5mD5FmVx7VWeKxDpQxB5", - "sourceHandle": "y2", - "target": "RDWbG3Iui6IPgp0shvXtg", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-U5mD5FmVx7VWeKxDpQxB5y2-RDWbG3Iui6IPgp0shvXtgz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "RDWbG3Iui6IPgp0shvXtg", - "sourceHandle": "x2", - "target": "ruoFa3M4bUE3Dg6GXSiUI", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgx2-ruoFa3M4bUE3Dg6GXSiUIw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ruoFa3M4bUE3Dg6GXSiUI", - "sourceHandle": "x2", - "target": "Hk8AVonOd693_y1sykPqd", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIx2-Hk8AVonOd693_y1sykPqdw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ruoFa3M4bUE3Dg6GXSiUI", - "sourceHandle": "z2", - "target": "hwPOGT0-duy3KfI8QaEwF", - "targetHandle": "y2", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-hwPOGT0-duy3KfI8QaEwFy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hwPOGT0-duy3KfI8QaEwF", - "sourceHandle": "x2", - "target": "0asdhvwBH3gn-ercktV7A", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFx2-0asdhvwBH3gn-ercktV7Aw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "hwPOGT0-duy3KfI8QaEwF", - "sourceHandle": "z2", - "target": "Cxspmb14_0i1tfw-ZLxEu", - "targetHandle": "y1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFz2-Cxspmb14_0i1tfw-ZLxEuy1", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "SGDf_rbfmFSHlxI-Czzlz", - "sourceHandle": "z2", - "target": "zNFYAJaSq0YZXL5Rpx1NX", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-zNFYAJaSq0YZXL5Rpx1NXy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "SGDf_rbfmFSHlxI-Czzlz", - "sourceHandle": "z2", - "target": "KJRkrFZIihCUBrOf579EU", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-KJRkrFZIihCUBrOf579EUy2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "k6rp6Ua9qUEW_DA_fOg5u", - "sourceHandle": "z2", - "target": "-Nsq3Jg3gq02mKcm4u41_", - "targetHandle": "y2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-k6rp6Ua9qUEW_DA_fOg5uz2--Nsq3Jg3gq02mKcm4u41_y2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "3TE_iYvbklXK0be-5f2M7", - "sourceHandle": "z2", - "target": "BBsXxkbbEG-gnbM1xXKrj", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-3TE_iYvbklXK0be-5f2M7z2-BBsXxkbbEG-gnbM1xXKrjy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "OL8I6nOZ8hGGWmtxg_Mv8", - "sourceHandle": "z2", - "target": "P4st_telfCwKLSAU2WsQP", - "targetHandle": "y1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-OL8I6nOZ8hGGWmtxg_Mv8z2-P4st_telfCwKLSAU2WsQPy1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "Cxspmb14_0i1tfw-ZLxEu", - "sourceHandle": "y2", - "target": "L7AllJfKvClaam3y-u6DP", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuy2-L7AllJfKvClaam3y-u6DPz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "L7AllJfKvClaam3y-u6DP", - "sourceHandle": "w2", - "target": "0moPO23ol33WsjVXSpTGf", - "targetHandle": "x2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-L7AllJfKvClaam3y-u6DPw2-0moPO23ol33WsjVXSpTGfx2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "Tqv7Lj8TklDTrZH5_fmUf", - "sourceHandle": "z2", - "target": "Tqv7Lj8TklDTrZH5_fmUf", - "targetHandle": "z1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "focusable": true, - "id": "reactflow__edge-Tqv7Lj8TklDTrZH5_fmUfz2-Tqv7Lj8TklDTrZH5_fmUfz1" - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "ruoFa3M4bUE3Dg6GXSiUI", - "sourceHandle": "z2", - "target": "PoM77O2OtxPELxfrW1wtl", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "type": "step", - "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-PoM77O2OtxPELxfrW1wtlw1", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "PoM77O2OtxPELxfrW1wtl", - "sourceHandle": "x2", - "target": "0-AijuwIdYdGuiNnne4Yg", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-0-AijuwIdYdGuiNnne4Ygw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "PoM77O2OtxPELxfrW1wtl", - "sourceHandle": "x2", - "target": "Tqv7Lj8TklDTrZH5_fmUf", - "targetHandle": "w1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-Tqv7Lj8TklDTrZH5_fmUfw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "PoM77O2OtxPELxfrW1wtl", - "sourceHandle": "z2", - "target": "n0q32YhWEIAUwbGXexoqV", - "targetHandle": "w2", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlz2-n0q32YhWEIAUwbGXexoqVw2", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "n0q32YhWEIAUwbGXexoqV", - "sourceHandle": "z2", - "target": "VOGKiG2EZVfCBAaa7Df0W", - "targetHandle": "y2", - "data": { - "edgeStyle": "solid" - }, - "selected": false, - "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVz2-VOGKiG2EZVfCBAaa7Df0Wy2", - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VOGKiG2EZVfCBAaa7Df0W", - "sourceHandle": "w2", - "target": "2wLKhD8OhVsTR-Q7WPwbj", - "targetHandle": "x2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Ww2-2wLKhD8OhVsTR-Q7WPwbjx2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "VOGKiG2EZVfCBAaa7Df0W", - "sourceHandle": "x2", - "target": "KMA7NkxFbPoUDtFnGBFnj", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Wx2-KMA7NkxFbPoUDtFnGBFnjw1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "KMA7NkxFbPoUDtFnGBFnj", - "sourceHandle": "y2", - "target": "mQHpSyMR4Rra4mqAslgiS", - "targetHandle": "z2", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-mQHpSyMR4Rra4mqAslgiSz2", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "KMA7NkxFbPoUDtFnGBFnj", - "sourceHandle": "y2", - "target": "GJctl0tVXe4B70s35RkLT", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-GJctl0tVXe4B70s35RkLTz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0.8 8", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "KMA7NkxFbPoUDtFnGBFnj", - "sourceHandle": "y2", - "target": "2MRvAK9G9RGM_auWytcKh", - "targetHandle": "z1", - "data": { - "edgeStyle": "dashed" - }, - "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-2MRvAK9G9RGM_auWytcKhz1", - "selected": false, - "focusable": true - }, - { - "style": { - "strokeDasharray": "0", - "strokeLinecap": "round", - "strokeWidth": 3.5, - "stroke": "#2b78e4" - }, - "source": "KMA7NkxFbPoUDtFnGBFnj", - "sourceHandle": "x2", - "target": "0vLaVNJaJSHZ_bHli6Qzs", - "targetHandle": "w1", - "data": { - "edgeStyle": "solid" - }, - "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjx2-0vLaVNJaJSHZ_bHli6Qzsw1", - "selected": false, - "type": "step", - "focusable": true - } - ] -} \ No newline at end of file diff --git a/src/data/roadmaps/frontend/frontend.json b/src/data/roadmaps/frontend/frontend.json index e55755b80..43ba6c001 100644 --- a/src/data/roadmaps/frontend/frontend.json +++ b/src/data/roadmaps/frontend/frontend.json @@ -1,12677 +1,5980 @@ { - "mockup": { - "controls": { - "control": [ - { - "ID": "3832", - "typeID": "Arrow", - "zOrder": "0", - "w": "1", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "280", - "y": "3071", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5232912494558118, - "y": 0.0013060513713539393 - }, - "p2": { - "x": 0, - "y": 111.79170436678032 - } - } - }, - { - "ID": "3833", - "typeID": "Arrow", - "zOrder": "1", - "w": "251", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "279", - "y": "3070", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 251, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.4437541587082094, - "y": -0.00008705358532379592 - }, - "p2": { - "x": 0.33567907477385006, - "y": -0.18256012290839863 - } - } - }, - { - "ID": "3834", - "typeID": "Arrow", - "zOrder": "2", - "w": "1", - "h": "79", - "measuredW": "150", - "measuredH": "100", - "x": "562", - "y": "2990", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.38832686773321257 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 79.76842924623543 - }, - "stroke": "dotted" - } - }, - { - "ID": "3835", - "typeID": "Arrow", - "zOrder": "3", - "w": "528", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "630", - "y": "3068", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.2401013869829285, - "y": 0 - }, - "p1": { - "x": 0.4446546885461913, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 528.6326287478557, - "y": 0 - } - } - }, - { - "ID": "3836", - "typeID": "Arrow", - "zOrder": "4", - "w": "1", - "h": "79", - "measuredW": "150", - "measuredH": "100", - "x": "1274", - "y": "3062", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.38832686773321257 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 79.76842924623543 - }, - "stroke": "dotted" - } - }, - { - "ID": "3837", - "typeID": "Arrow", - "zOrder": "5", - "w": "313", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "855", - "y": "3050", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.42695876357902307, - "y": 0 - }, - "p1": { - "x": 0.44465468854619133, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 313.63262874785573, - "y": 0 - } - } - }, - { - "ID": "3838", - "typeID": "Arrow", - "zOrder": "6", - "w": "1", - "h": "338", - "measuredW": "150", - "measuredH": "100", - "x": "855", - "y": "2709", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.44375415870820933, - "y": -0.00008705358532379579 - }, - "p2": { - "x": 0, - "y": 337.7684292462354 - } - } - }, - { - "ID": "3839", - "typeID": "Arrow", - "zOrder": "7", - "w": "338", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "796", - "y": "2712", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.20151361539910795, - "y": 0 - }, - "p1": { - "x": 0.4446546885461914, - "y": 0.0007404118850237803 - }, - "p2": { - "x": 338.63262874785573, - "y": 0 - } - } - }, - { - "ID": "3840", - "typeID": "Arrow", - "zOrder": "8", - "w": "1", - "h": "84", - "measuredW": "150", - "measuredH": "100", - "x": "1272", - "y": "2705", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 83.29426382933025 - } - } - }, - { - "ID": "3841", - "typeID": "Arrow", - "zOrder": "9", - "w": "1", - "h": "84", - "measuredW": "150", - "measuredH": "100", - "x": "1132", - "y": "2709", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 83.29426382933025 - } - } - }, - { - "ID": "3842", - "typeID": "Arrow", - "zOrder": "10", - "w": "1", - "h": "101", - "measuredW": "150", - "measuredH": "100", - "x": "1159", - "y": "2355", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.2281640414580579 - }, - "p1": { - "x": 0.4437541587082091, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 100.3367909555227 - }, - "stroke": "dotted" - } - }, - { - "ID": "3843", - "typeID": "Arrow", - "zOrder": "11", - "w": "84", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "359", - "y": "2381", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.05937132975032 - }, - "p1": { - "x": 0.44375415870820895, - "y": -0.00008705358532379558 - }, - "p2": { - "x": 84.23358520389218, - "y": -0.05937132975032 - }, - "stroke": "dotted" - } - }, - { - "ID": "3844", - "typeID": "Arrow", - "zOrder": "12", - "w": "262", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "225", - "y": "2292", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4446546885461916, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 262, - "y": 0 - } - } - }, - { - "ID": "3845", - "typeID": "Arrow", - "zOrder": "13", - "w": "262", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "225", - "y": "2274", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4446546885461916, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 262, - "y": 0 - } - } - }, - { - "ID": "3846", - "typeID": "Arrow", - "zOrder": "14", - "w": "154", - "h": "54", - "measuredW": "150", - "measuredH": "100", - "x": "313", - "y": "2050", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.1105047472654519, - "y": 0.2589532956762923 - }, - "p1": { - "x": 0.5899301498632965, - "y": 0.09282014773853087 - }, - "p2": { - "x": 154.1102158498499, - "y": 54.54464694586113 - } - } - }, - { - "ID": "3847", - "typeID": "Arrow", - "zOrder": "15", - "w": "139", - "h": "102", - "measuredW": "150", - "measuredH": "100", - "x": "326", - "y": "2051", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.46091866528070113, - "y": 0.4927190604535099 - }, - "p1": { - "x": 0.5899301498632966, - "y": 0.09282014773853087 - }, - "p2": { - "x": 139.87645008507297, - "y": 102.89527753693801 - } - } - }, - { - "ID": "3848", - "typeID": "Arrow", - "zOrder": "16", - "w": "1", - "h": "343", - "measuredW": "150", - "measuredH": "100", - "x": "225", - "y": "1930", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.443754158708209, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 342.3367909555227 - } - } - }, - { - "ID": "3849", - "typeID": "Arrow", - "zOrder": "17", - "w": "180", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "226", - "y": "1930", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.09099116403851326, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497295, - "y": -0.00008403832147459042 - }, - "p2": { - "x": 180.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3850", - "typeID": "Arrow", - "zOrder": "18", - "w": "359", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "599", - "y": "1927", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.49373020140785684, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.4438624012549728, - "y": -0.00008403832147459091 - }, - "p2": { - "x": 358.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3851", - "typeID": "Arrow", - "zOrder": "19", - "w": "111", - "h": "97", - "measuredW": "150", - "measuredH": "100", - "x": "840", - "y": "1654", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.32435969486903105, - "y": 97.68763821966104 - }, - "p1": { - "x": 0.5673179018899986, - "y": -0.10798471012953843 - }, - "p2": { - "x": 111.36327852479212, - "y": 0.22014280228427197 - } - } - }, - { - "ID": "3852", - "typeID": "Arrow", - "zOrder": "20", - "w": "86", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1145", - "y": "1662", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2351670192747406, - "y": 3.3009781976211343 - }, - "p1": { - "x": 0.43112567039690275, - "y": 0.004580790102293522 - }, - "p2": { - "x": 85.75126717989497, - "y": -0.44638778029411696 - } - } - }, - { - "ID": "3853", - "typeID": "Arrow", - "zOrder": "21", - "w": "84", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "1141", - "y": "1609", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2782721249068345, - "y": 44.17166288072485 - }, - "p1": { - "x": 0.5375110901217661, - "y": -0.11383704165250949 - }, - "p2": { - "x": 83.27923339148856, - "y": -0.3024932812274983 - } - } - }, - { - "ID": "3854", - "typeID": "Arrow", - "zOrder": "22", - "w": "129", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "1095", - "y": "1566", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.10012998873662582, - "y": 85.82396117884764 - }, - "p1": { - "x": 0.4843768479912828, - "y": -0.1328535668323107 - }, - "p2": { - "x": 129.27923339148856, - "y": -0.42894774130263613 - } - } - }, - { - "ID": "3855", - "typeID": "Arrow", - "zOrder": "23", - "w": "120", - "h": "125", - "measuredW": "150", - "measuredH": "100", - "x": "1102", - "y": "1520", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.3616214793498784, - "y": 125.08545266946089 - }, - "p1": { - "x": 0.4522713341747513, - "y": -0.11851734900794086 - }, - "p2": { - "x": 119.5838299877339, - "y": -0.25080560513220007 - } - } - }, - { - "ID": "3856", - "typeID": "Arrow", - "zOrder": "24", - "w": "139", - "h": "158", - "measuredW": "150", - "measuredH": "100", - "x": "1081", - "y": "1478", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.4228529924898794, - "y": 157.6515407563195 - }, - "p1": { - "x": 0.4193599667671816, - "y": -0.1063552310166165 - }, - "p2": { - "x": 139.2361282858567, - "y": -0.02955836333012485 - } - } - }, - { - "ID": "3857", - "typeID": "Arrow", - "zOrder": "25", - "w": "75", - "h": "55", - "measuredW": "150", - "measuredH": "100", - "x": "1147", - "y": "1784", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 75.17486389332657, - "y": 55.28500751882257 - }, - "p1": { - "x": 0.5066463281760742, - "y": -0.12529962954892096 - }, - "p2": { - "x": -0.21361446645869364, - "y": -0.12282458998856782 - } - } - }, - { - "ID": "3858", - "typeID": "Arrow", - "zOrder": "26", - "w": "90", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "1147", - "y": "1777", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.08484775806573452, - "y": 0.42789045609197274 - }, - "p1": { - "x": 0.4310686842693702, - "y": -0.018545625771014342 - }, - "p2": { - "x": 89.75126717989497, - "y": 3.553612219705883 - } - } - }, - { - "ID": "3859", - "typeID": "Arrow", - "zOrder": "27", - "w": "263", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "754", - "y": "1907", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.25945886615363634, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.4438624012549728, - "y": -0.00008403832147459099 - }, - "p2": { - "x": 263.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3860", - "typeID": "Canvas", - "zOrder": "28", - "w": "419", - "h": "127", - "measuredW": "100", - "measuredH": "70", - "x": "772", - "y": "2009" - }, - { - "ID": "3861", - "typeID": "Arrow", - "zOrder": "29", - "w": "1", - "h": "60", - "measuredW": "150", - "measuredH": "100", - "x": "1283", - "y": "1974", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.22735346207707607, - "y": 59.78963089699505 - }, - "p1": { - "x": 0.4934109968191018, - "y": -0.001156690213574587 - }, - "p2": { - "x": 0.22735346207707607, - "y": -0.3311018494380278 - } - } - }, - { - "ID": "3862", - "typeID": "Arrow", - "zOrder": "30", - "w": "1", - "h": "108", - "measuredW": "150", - "measuredH": "100", - "x": "754", - "y": "1799", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.44375415870820895, - "y": -0.00008705358532379573 - }, - "p2": { - "x": 0, - "y": 107.7655119916842 - } - } - }, - { - "ID": "3863", - "typeID": "Arrow", - "zOrder": "31", - "w": "1", - "h": "95", - "measuredW": "150", - "measuredH": "100", - "x": "339", - "y": "1577", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 94.2468704973428 - } - } - }, - { - "ID": "3864", - "typeID": "Arrow", - "zOrder": "32", - "w": "1", - "h": "385", - "measuredW": "150", - "measuredH": "100", - "x": "227", - "y": "1386", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0.40633010491364985 - }, - "p1": { - "x": 0.44375415870820867, - "y": -0.00008705358532379573 - }, - "p2": { - "x": 0, - "y": 385.8175121014458 - } - } - }, - { - "ID": "3865", - "typeID": "Arrow", - "zOrder": "33", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "372", - "y": "1389", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 71.67226749671158 - } - } - }, - { - "ID": "3866", - "typeID": "Arrow", - "zOrder": "34", - "w": "359", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "227", - "y": "1386", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.021364108517559544, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497267, - "y": -0.00008403832147459115 - }, - "p2": { - "x": 359.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3867", - "typeID": "__group__", - "zOrder": "35", - "measuredW": "560", - "measuredH": "196", - "w": "560", - "h": "196", - "x": "212", - "y": "1116", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "560", - "h": "196", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "480", - "measuredH": "26", - "x": "28", - "y": "22", - "properties": { - "size": "18", - "text": "We have trimmed down the CSS part for the sake of brevity." - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "448", - "measuredH": "26", - "x": "28", - "y": "53", - "properties": { - "size": "18", - "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "498", - "measuredH": "26", - "x": "28", - "y": "84", - "properties": { - "size": "18", - "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "489", - "measuredH": "26", - "x": "27", - "y": "115", - "properties": { - "size": "18", - "text": "and look into different frameworks with pre-built components" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "371", - "measuredH": "26", - "x": "27", - "y": "146", - "properties": { - "size": "18", - "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." - } - } - ] - } - } - }, - { - "ID": "3868", - "typeID": "Arrow", - "zOrder": "36", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "629", - "y": "1536", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 71.67226749671158 - } - } - }, - { - "ID": "3869", - "typeID": "Arrow", - "zOrder": "37", - "w": "1", - "h": "169", - "measuredW": "150", - "measuredH": "100", - "x": "913", - "y": "1306", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.178285838126385 - }, - "p1": { - "x": 0.44400212022348745, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 169.40327808941106 - } - } - }, - { - "ID": "3870", - "typeID": "Arrow", - "zOrder": "38", - "w": "255", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "643", - "y": "1386", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.1493922838835715, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497284, - "y": -0.00008403832147459129 - }, - "p2": { - "x": 255.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3871", - "typeID": "Arrow", - "zOrder": "39", - "w": "1", - "h": "90", - "measuredW": "150", - "measuredH": "100", - "x": "1310", - "y": "1298", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.4028269947427816 - }, - "p1": { - "x": 0.4440021202234877, - "y": -0.00008648613560245134 - }, - "p2": { - "x": 0, - "y": 90.02499016958609 - } - } - }, - { - "ID": "3872", - "typeID": "Arrow", - "zOrder": "40", - "w": "255", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "894", - "y": "1386", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.1493922838835715, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497284, - "y": -0.00008403832147459129 - }, - "p2": { - "x": 255.34932964195036, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3873", - "typeID": "Arrow", - "zOrder": "41", - "w": "159", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "335", - "y": "2039", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.09727901871917766, - "y": 0.15506141268406282 - }, - "p1": { - "x": 0.44400212022348756, - "y": -0.00008648613560245363 - }, - "p2": { - "x": 159.51281043851145, - "y": 4.242047239828025 - } - } - }, - { - "ID": "3874", - "typeID": "Arrow", - "zOrder": "42", - "w": "1", - "h": "421", - "measuredW": "150", - "measuredH": "100", - "x": "1179", - "y": "956", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.44375415870820867, - "y": -0.00008705358532379575 - }, - "p2": { - "x": 0, - "y": 421.3637732670586 - } - } - }, - { - "ID": "3875", - "typeID": "Arrow", - "zOrder": "43", - "w": "1", - "h": "109", - "measuredW": "150", - "measuredH": "100", - "x": "1150", - "y": "956", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.006597557769964624 - }, - "p1": { - "x": 0.4437541587082086, - "y": -0.00008705358532379576 - }, - "p2": { - "x": 0, - "y": 109 - } - } - }, - { - "ID": "3876", - "typeID": "Arrow", - "zOrder": "44", - "w": "1", - "h": "52", - "measuredW": "150", - "measuredH": "100", - "x": "1322", - "y": "950", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.24204723982813903 - }, - "p1": { - "x": 0.4440021202234876, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 52 - } - } - }, - { - "ID": "3877", - "typeID": "Arrow", - "zOrder": "45", - "w": "1", - "h": "52", - "measuredW": "150", - "measuredH": "100", - "x": "1322", - "y": "842", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.24204723982813903 - }, - "p1": { - "x": 0.4440021202234876, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 52 - } - } - }, - { - "ID": "3878", - "typeID": "Arrow", - "zOrder": "46", - "w": "1", - "h": "115", - "measuredW": "150", - "measuredH": "100", - "x": "914", - "y": "962", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4440021202234875, - "y": -0.00008648613560245134 - }, - "p2": { - "x": 0, - "y": 116 - }, - "stroke": "dotted" - } - }, - { - "ID": "3879", - "typeID": "Arrow", - "zOrder": "47", - "w": "133", - "h": "87", - "measuredW": "150", - "measuredH": "100", - "x": "357", - "y": "896", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.3333333333333144, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.4451699304746416, - "y": 0.13015184070752908 - }, - "p2": { - "x": 133, - "y": 86.57036219050656 - } - } - }, - { - "ID": "3880", - "typeID": "Arrow", - "zOrder": "48", - "w": "133", - "h": "42", - "measuredW": "150", - "measuredH": "100", - "x": "354", - "y": "888", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 1 - }, - "p1": { - "x": 0.4620133760625114, - "y": 0.09220144641993147 - }, - "p2": { - "x": 133.33333333333331, - "y": 42.33333333333337 - } - } - }, - { - "ID": "3881", - "typeID": "Arrow", - "zOrder": "49", - "w": "123", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "367", - "y": "876", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.3333333333333144, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.4438624012549726, - "y": -0.00008403832147459103 - }, - "p2": { - "x": 123, - "y": 0.5703621905065575 - }, - "stroke": "dotted" - } - }, - { - "ID": "3882", - "typeID": "Arrow", - "zOrder": "50", - "w": "123", - "h": "91", - "measuredW": "150", - "measuredH": "100", - "x": "361", - "y": "712", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 123, - "y": 91 - }, - "p1": { - "x": 0.565776506311204, - "y": -0.10080877390787045 - }, - "p2": { - "x": 0.3333333333333144, - "y": 0.33333333333337123 - } - } - }, - { - "ID": "3883", - "typeID": "Arrow", - "zOrder": "51", - "w": "131", - "h": "95", - "measuredW": "150", - "measuredH": "100", - "x": "355", - "y": "583", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 130.33333333333331, - "y": 0 - }, - "p1": { - "x": 0.4657562307954934, - "y": 0.12174803687265293 - }, - "p2": { - "x": -0.3333333333333144, - "y": 94.66666666666663 - } - } - }, - { - "ID": "3884", - "typeID": "Arrow", - "zOrder": "52", - "w": "116", - "h": "39", - "measuredW": "150", - "measuredH": "100", - "x": "372", - "y": "707", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 116, - "y": 38.66666666666663 - }, - "p1": { - "x": 0.4702847194128022, - "y": -0.0785649380781361 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "3885", - "typeID": "Arrow", - "zOrder": "53", - "w": "119", - "h": "49", - "measuredW": "150", - "measuredH": "100", - "x": "368", - "y": "634", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 118.66666666666669, - "y": -0.33333333333337123 - }, - "p1": { - "x": 0.42600235550535653, - "y": 0.12025417194843362 - }, - "p2": { - "x": 0, - "y": 49 - } - } - }, - { - "ID": "3886", - "typeID": "Arrow", - "zOrder": "54", - "w": "143", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "367", - "y": "693", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 142.33333333333337, - "y": 0.15918378573792324 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459344 - }, - "p2": { - "x": -0.3333333333333144, - "y": 3.3333333333333712 - } - } - }, - { - "ID": "3887", - "typeID": "Arrow", - "zOrder": "55", - "w": "414", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "294", - "y": "488", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.4296378094934994 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459163 - }, - "p2": { - "x": 414, - "y": -0.4296378094934994 - } - } - }, - { - "ID": "3888", - "typeID": "Arrow", - "zOrder": "56", - "w": "235", - "h": "253", - "measuredW": "150", - "measuredH": "100", - "x": "793", - "y": "506", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 234.66666666666663, - "y": 253.33333333333337 - }, - "p1": { - "x": 0.5393830230698493, - "y": -0.1009352067946597 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "3889", - "typeID": "Arrow", - "zOrder": "57", - "w": "191", - "h": "200", - "measuredW": "150", - "measuredH": "100", - "x": "838", - "y": "505", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 191, - "y": 199.66666666666663 - }, - "p1": { - "x": 0.48015087662110867, - "y": -0.0977438357121236 - }, - "p2": { - "x": 0.33333333333337123, - "y": -0.3333333333333144 - } - } - }, - { - "ID": "3890", - "typeID": "Arrow", - "zOrder": "58", - "w": "175", - "h": "147", - "measuredW": "150", - "measuredH": "100", - "x": "852", - "y": "503", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 174.33333333333337, - "y": 147 - }, - "p1": { - "x": 0.4422588392864484, - "y": -0.1165659293461407 - }, - "p2": { - "x": -0.33333333333337123, - "y": 0.3333333333333144 - } - } - }, - { - "ID": "3891", - "typeID": "Arrow", - "zOrder": "59", - "w": "171", - "h": "103", - "measuredW": "150", - "measuredH": "100", - "x": "858", - "y": "498", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 171, - "y": 102.66666666666663 - }, - "p1": { - "x": 0.3745977833392918, - "y": -0.11753664640686441 - }, - "p2": { - "x": 0.33333333333337123, - "y": 0 - } - } - }, - { - "ID": "3892", - "typeID": "Arrow", - "zOrder": "60", - "w": "152", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "878", - "y": "494", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 152.33333333333337, - "y": 48 - }, - "p1": { - "x": 0.3591853743660239, - "y": -0.07798593281586438 - }, - "p2": { - "x": 0.33333333333337123, - "y": 0 - } - } - }, - { - "ID": "3893", - "typeID": "Arrow", - "zOrder": "61", - "w": "183", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "868", - "y": "481", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 182.33333333333337, - "y": 5.159183785737923 - }, - "p1": { - "x": 0.44386240125497256, - "y": -0.00008403832147459266 - }, - "p2": { - "x": -0.33333333333337123, - "y": -0.3333333333333144 - } - } - }, - { - "ID": "3894", - "typeID": "__group__", - "zOrder": "62", - "measuredW": "144", - "measuredH": "40", - "w": "144", - "h": "40", - "x": "714", - "y": "324", - "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "144", - "measuredW": "144", - "measuredH": "40", - "x": "0", - "y": "0", - "properties": { - "size": "32", - "text": "Front-end" - } - } - ] - } - } - }, - { - "ID": "3895", - "typeID": "__group__", - "zOrder": "63", - "measuredW": "325", - "measuredH": "195", - "w": "325", - "h": "195", - "x": "1053", - "y": "201", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "325", - "h": "195", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "284", - "measuredW": "283", - "measuredH": "26", - "x": "18", - "y": "19", - "properties": { - "text": "For resources and other roadmaps", - "size": "18" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "173", - "measuredH": "28", - "w": "173", - "h": "28", - "x": "18", - "y": "52", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "2", - "typeID": "Label", - "zOrder": "0", - "w": "173", - "measuredW": "172", - "measuredH": "28", - "x": "0", - "y": "0", - "properties": { - "text": "https://roadmap.sh", - "color": "10027263", - "size": "20" - } - } - ] - } - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "3", - "measuredW": "283", - "measuredH": "47", - "w": "283", - "h": "47", - "x": "18", - "y": "127", - "properties": { - "controlName": "json:frontend-beginner.json" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "283", - "h": "47", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "211", - "measuredW": "210", - "measuredH": "26", - "x": "36", - "y": "11", - "properties": { - "color": "16777215", - "text": "Visit the Beginner Version", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "w": "228", - "measuredW": "227", - "measuredH": "26", - "x": "18", - "y": "92", - "properties": { - "color": "4985136", - "text": "Are you just getting started?", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "3896", - "typeID": "__group__", - "zOrder": "64", - "measuredW": "408", - "measuredH": "162", - "w": "408", - "h": "162", - "x": "162", - "y": "201", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "269", - "measuredH": "24", - "x": "59", - "y": "21", - "properties": { - "size": "16", - "text": "Personal Recommendation / Opinion" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "159", - "measuredH": "24", - "x": "59", - "y": "118", - "properties": { - "size": "16", - "text": "I wouldn't recommend" - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "118", - "properties": { - "color": "10066329", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "w": "324", - "measuredW": "315", - "measuredH": "24", - "x": "60", - "y": "86", - "properties": { - "size": "16", - "text": "Order in roadmap not strict (Learn anytime)" - } - }, - { - "ID": "7", - "typeID": "Icon", - "zOrder": "7", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "86", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "86", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "9", - "typeID": "Label", - "zOrder": "9", - "measuredW": "272", - "measuredH": "24", - "x": "59", - "y": "54", - "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" - } - }, - { - "ID": "10", - "typeID": "Icon", - "zOrder": "10", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "11", - "typeID": "Icon", - "zOrder": "11", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "12", - "typeID": "Icon", - "zOrder": "12", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3897", - "typeID": "Arrow", - "zOrder": "65", - "w": "1", - "h": "74", - "measuredW": "150", - "measuredH": "100", - "x": "785", - "y": "233", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459165 - }, - "p2": { - "x": 0, - "y": 74.15918378573792 - }, - "stroke": "dotted" - } - }, - { - "ID": "3898", - "typeID": "Arrow", - "zOrder": "66", - "w": "1", - "h": "95", - "measuredW": "150", - "measuredH": "100", - "x": "785", - "y": "386", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.44386240125497245, - "y": -0.00008403832147459165 - }, - "p2": { - "x": 0, - "y": 94.5703621905065 - } - } - }, - { - "ID": "3899", - "typeID": "__group__", - "zOrder": "67", - "measuredW": "175", - "measuredH": "50", - "w": "175", - "h": "50", - "x": "697", - "y": "462", - "properties": { - "controlName": "100-internet" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "175", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "62", - "measuredH": "25", - "x": "57", - "y": "13", - "properties": { - "text": "Internet", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "3900", - "typeID": "__group__", - "zOrder": "68", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1022", - "y": "461", - "properties": { - "controlName": "100-internet:how-does-the-internet-work" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "223", - "measuredW": "219", - "measuredH": "25", - "x": "38", - "y": "12", - "properties": { - "size": "17", - "text": "How does the internet work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3901", - "typeID": "__group__", - "zOrder": "69", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1022", - "y": "515", - "properties": { - "controlName": "101-internet:what-is-http" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "119", - "measuredW": "113", - "measuredH": "25", - "x": "90", - "y": "12", - "properties": { - "size": "17", - "text": "What is HTTP?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3902", - "typeID": "__group__", - "zOrder": "70", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1022", - "y": "731", - "properties": { - "controlName": "102-internet:browsers-and-how-they-work" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "230", - "measuredW": "225", - "measuredH": "25", - "x": "34", - "y": "12", - "properties": { - "size": "17", - "text": "Browsers and how they work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3903", - "typeID": "__group__", - "zOrder": "71", - "measuredW": "307", - "measuredH": "49", - "w": "307", - "h": "49", - "x": "1022", - "y": "677", - "properties": { - "controlName": "103-internet:dns-and-how-it-works" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "298", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "179", - "measuredW": "175", - "measuredH": "25", - "x": "59", - "y": "12", - "properties": { - "size": "17", - "text": "DNS and how it works?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3904", - "typeID": "__group__", - "zOrder": "72", - "measuredW": "308", - "measuredH": "49", - "w": "308", - "h": "49", - "x": "1022", - "y": "569", - "properties": { - "controlName": "104-internet:what-is-domain-name" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "180", - "measuredH": "25", - "x": "55", - "y": "12", - "properties": { - "size": "17", - "text": "What is Domain Name?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "284", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "284", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3905", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "307", - "measuredH": "49", - "w": "307", - "h": "49", - "x": "1022", - "y": "623", - "properties": { - "controlName": "105-internet:what-is-hosting" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "298", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "133", - "measuredW": "126", - "measuredH": "25", - "x": "74", - "y": "12", - "properties": { - "size": "17", - "text": "What is hosting?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3906", - "typeID": "Arrow", - "zOrder": "74", - "w": "1", - "h": "576", - "measuredW": "150", - "measuredH": "100", - "x": "293", - "y": "488", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.44375415870820856, - "y": -0.00008705358532379576 - }, - "p2": { - "x": 0, - "y": 576 - } - } - }, - { - "ID": "3907", - "typeID": "__group__", - "zOrder": "75", - "measuredW": "186", - "measuredH": "49", - "w": "186", - "h": "49", - "x": "196", - "y": "668", - "properties": { - "controlName": "101-html" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "186", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "69", - "y": "12", - "properties": { - "size": "17", - "text": "HTML" - } - } - ] - } - } - }, - { - "ID": "3908", - "typeID": "__group__", - "zOrder": "76", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "479", - "y": "561", - "properties": { - "controlName": "100-html:learn-the-basics" - }, - "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": "134", - "measuredW": "128", - "measuredH": "25", - "x": "62", - "y": "12", - "properties": { - "size": "17", - "text": "Learn the basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3909", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "479", - "y": "614", - "properties": { - "controlName": "101-html:writing-semantic-html" - }, - "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": "189", - "measuredW": "183", - "measuredH": "25", - "x": "34", - "y": "12", - "properties": { - "size": "17", - "text": "Writing Semantic HTML" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3910", - "typeID": "__group__", - "zOrder": "78", - "measuredW": "266", - "measuredH": "49", - "w": "266", - "h": "49", - "x": "479", - "y": "668", - "properties": { - "controlName": "102-html:forms-and-validations" - }, - "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": "172", - "measuredW": "169", - "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "size": "17", - "text": "Forms and Validations" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "242", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "242", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3911", - "typeID": "__group__", - "zOrder": "79", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "480", - "y": "722", - "properties": { - "controlName": "104-html:accessibility" - }, - "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": "101", - "measuredW": "94", - "measuredH": "25", - "x": "78", - "y": "12", - "properties": { - "size": "17", - "text": "Accessibility" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "243", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3912", - "typeID": "__group__", - "zOrder": "80", - "measuredW": "268", - "measuredH": "49", - "w": "268", - "h": "49", - "x": "480", - "y": "776", - "properties": { - "controlName": "105-html:seo-basics" - }, - "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": "94", - "measuredW": "90", - "measuredH": "25", - "x": "82", - "y": "12", - "properties": { - "size": "17", - "text": "SEO Basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "244", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "244", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3913", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "186", - "measuredH": "50", - "w": "186", - "h": "50", - "x": "196", - "y": "853", - "properties": { - "controlName": "102-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "186", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "76", - "y": "14", - "properties": { - "size": "17", - "text": "CSS" - } - } - ] - } - } - }, - { - "ID": "3914", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "211", - "measuredH": "47", - "w": "211", - "h": "47", - "x": "480", - "y": "907", - "properties": { - "controlName": "101-css:making-layouts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "8", - "typeID": "TextArea", - "zOrder": "0", - "w": "201", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "9", - "typeID": "Label", - "zOrder": "1", - "w": "130", - "measuredW": "120", - "measuredH": "25", - "x": "36", - "y": "11", - "properties": { - "size": "17", - "text": "Making Layouts" - } - }, - { - "ID": "10", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "11", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "11", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "11", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3915", - "typeID": "__group__", - "zOrder": "83", - "measuredW": "211", - "measuredH": "49", - "w": "211", - "h": "49", - "x": "480", - "y": "853", - "properties": { - "controlName": "100-css:learn-the-basics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "201", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "128", - "measuredH": "25", - "x": "37", - "y": "12", - "properties": { - "text": "Learn the basics", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3916", - "typeID": "__group__", - "zOrder": "84", - "measuredW": "211", - "measuredH": "49", - "w": "211", - "h": "49", - "x": "481", - "y": "959", - "properties": { - "controlName": "102-css:responsive-design-and-media-queries" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "201", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "149", - "measuredH": "25", - "x": "26", - "y": "12", - "properties": { - "size": "17", - "text": "Responsive Design" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "187", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3917", - "typeID": "Arrow", - "zOrder": "85", - "w": "856", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "293", - "y": "1066", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": -0.4296378094934994 - }, - "p1": { - "x": 0.44386240125497284, - "y": -0.00008403832147459128 - }, - "p2": { - "x": 856.3493296419504, - "y": -0.42963780949344255 - }, - "rightArrow": "false" - } - }, - { - "ID": "3918", - "typeID": "__group__", - "zOrder": "86", - "measuredW": "209", - "measuredH": "50", - "w": "209", - "h": "50", - "x": "810", - "y": "1042", - "properties": { - "controlName": "103-javascript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "209", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "81", - "measuredH": "25", - "x": "64", - "y": "13", - "properties": { - "size": "17", - "text": "JavaScript" - } - } - ] - } - } - }, - { - "ID": "3919", - "typeID": "__group__", - "zOrder": "87", - "measuredW": "271", - "measuredH": "47", - "w": "271", - "h": "47", - "x": "779", - "y": "853", - "properties": { - "controlName": "100-javascript:syntax-and-basic-constructs" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "263", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "130", - "measuredH": "25", - "x": "75", - "y": "11", - "properties": { - "size": "17", - "text": "Learn the Basics" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3920", - "typeID": "__group__", - "zOrder": "88", - "measuredW": "272", - "measuredH": "47", - "w": "272", - "h": "47", - "x": "779", - "y": "905", - "properties": { - "controlName": "101-javascript:learn-dom-manipulation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "264", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "197", - "measuredW": "193", - "measuredH": "25", - "x": "41", - "y": "11", - "properties": { - "size": "17", - "text": "Learn DOM Manipulation" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3921", - "typeID": "__group__", - "zOrder": "89", - "measuredW": "274", - "measuredH": "47", - "w": "274", - "h": "47", - "x": "778", - "y": "956", - "properties": { - "controlName": "102-javascript:learn-fetch-api-ajax-xhr" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "266", - "h": "47", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "175", - "measuredH": "25", - "x": "53", - "y": "11", - "properties": { - "size": "17", - "text": "Fetch API / Ajax (XHR)" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3922", - "typeID": "__group__", - "zOrder": "90", - "measuredW": "241", - "measuredH": "49", - "w": "241", - "h": "49", - "x": "1125", - "y": "871", - "properties": { - "controlName": "104-version-control-systems" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "186", - "measuredH": "25", - "x": "28", - "y": "12", - "properties": { - "text": "Version Control Systems", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "3923", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "241", - "measuredH": "49", - "w": "241", - "h": "49", - "x": "1125", - "y": "925", - "properties": { - "controlName": "105-repo-hosting-services" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "97", - "measuredH": "25", - "x": "72", - "y": "12", - "properties": { - "size": "17", - "text": "VCS Hosting" - } - } - ] - } - } - }, - { - "ID": "3924", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "101", - "measuredH": "49", - "w": "101", - "h": "49", - "x": "1272", - "y": "811", - "properties": { - "controlName": "100-version-control-systems:basic-usage-of-git" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "90", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "22", - "measuredH": "25", - "x": "32", - "y": "12", - "properties": { - "size": "17", - "text": "Git" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "77", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "77", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3925", - "typeID": "__group__", - "zOrder": "93", - "measuredW": "150", - "measuredH": "49", - "w": "150", - "h": "49", - "x": "1226", - "y": "1001", - "properties": { - "controlName": "100-repo-hosting-services:github" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "54", - "measuredH": "25", - "x": "43", - "y": "13", - "properties": { - "text": "GitHub", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "126", - "y": "11", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "126", - "y": "11", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3926", - "typeID": "__group__", - "zOrder": "94", - "measuredW": "148", - "measuredH": "49", - "w": "148", - "h": "49", - "x": "1226", - "y": "1106", - "properties": { - "controlName": "102-repo-hosting-services:bitbucket" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "138", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "73", - "measuredH": "25", - "x": "36", - "y": "12", - "properties": { - "color": "3355443", - "text": "Bitbucket", - "size": "17" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "12", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3927", - "typeID": "__group__", - "zOrder": "95", - "measuredW": "147", - "measuredH": "49", - "w": "147", - "h": "49", - "x": "1226", - "y": "1053", - "properties": { - "controlName": "101-repo-hosting-services:gitlab" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "137", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "51", - "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "color": "3355443", - "size": "17", - "text": "GitLab" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "123", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "123", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "123", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3928", - "typeID": "__group__", - "zOrder": "96", - "measuredW": "217", - "measuredH": "49", - "w": "217", - "h": "49", - "x": "158", - "y": "2018", - "properties": { - "controlName": "106-web-security-knowledge" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "207", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "156", - "measuredW": "155", - "measuredH": "25", - "x": "36", - "y": "12", - "properties": { - "size": "17", - "text": "Web Security Basics" - } - }, - { - "ID": "4", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "0", - "y": "12", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "3929", - "typeID": "__group__", - "zOrder": "97", - "measuredW": "123", - "measuredH": "48", - "w": "123", - "h": "48", - "x": "459", - "y": "2019", - "properties": { - "controlName": "102-web-security-knowledge:cors" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "118", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "35", - "y": "11", - "properties": { - "text": "CORS", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "99", - "y": "12", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "3930", - "typeID": "__group__", - "zOrder": "98", - "measuredW": "144", - "measuredH": "49", - "w": "144", - "h": "49", - "x": "582", - "y": "2018", - "properties": { - "controlName": "100-web-security-knowledge:https" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "134", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "54", - "measuredH": "25", - "x": "40", - "y": "12", - "properties": { - "text": "HTTPS", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "120", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "3931", - "typeID": "__group__", - "zOrder": "99", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "459", - "y": "2071", - "properties": { - "controlName": "101-web-security-knowledge:content-security-policy" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "175", - "measuredH": "25", - "x": "41", - "y": "12", - "properties": { - "text": "Content Security Policy", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "243", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "3932", - "typeID": "__group__", - "zOrder": "100", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "459", - "y": "2124", - "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", - "measuredW": "169", - "measuredH": "25", - "x": "44", - "y": "12", - "properties": { - "text": "OWASP Security Risks", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "243", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - } - ] - } - } - }, - { - "ID": "3933", - "typeID": "__group__", - "zOrder": "101", - "measuredW": "211", - "measuredH": "53", - "w": "211", - "h": "53", - "x": "1125", - "y": "1360", - "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", - "measuredW": "149", - "measuredH": "25", - "x": "31", - "y": "14", - "properties": { - "text": "Package Managers", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "3934", - "typeID": "__group__", - "zOrder": "102", - "measuredW": "144", - "measuredH": "49", - "w": "144", - "h": "49", - "x": "1228", - "y": "1187", - "properties": { - "controlName": "100-package-managers:npm" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "134", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "36", - "measuredW": "34", - "measuredH": "25", - "x": "49", - "y": "12", - "properties": { - "size": "17", - "text": "npm" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "11", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "11", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3935", - "typeID": "__group__", - "zOrder": "103", - "measuredW": "144", - "measuredH": "49", - "w": "144", - "h": "49", - "x": "1228", - "y": "1293", - "properties": { - "controlName": "101-package-managers:yarn" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "134", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "50", - "y": "12", - "properties": { - "text": "yarn", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "3936", - "typeID": "__group__", - "zOrder": "104", - "measuredW": "141", - "measuredH": "49", - "w": "141", - "h": "49", - "x": "1228", - "y": "1240", - "properties": { - "controlName": "102-package-managers:pnpm" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "134", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "45", - "y": "12", - "properties": { - "size": "17", - "text": "pnpm" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "117", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "117", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "3937", - "typeID": "__group__", - "zOrder": "105", - "measuredW": "216", - "measuredH": "50", - "w": "216", - "h": "50", - "x": "162", - "y": "1546", - "properties": { - "controlName": "109-css-preprocessors" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "216", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "150", - "measuredH": "25", - "x": "33", - "y": "12", - "properties": { - "text": "CSS Preprocessors", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "3938", - "typeID": "__group__", - "zOrder": "106", - "measuredW": "154", - "measuredH": "49", - "w": "154", - "h": "49", - "x": "300", - "y": "1694", - "properties": { - "controlName": "101-css-preprocessors:postcss" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "146", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "74", - "measuredW": "66", - "measuredH": "25", - "x": "39", - "y": "12", - "properties": { - "size": "17", - "text": "PostCSS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "130", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "130", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3939", - "typeID": "__group__", - "zOrder": "107", - "measuredW": "155", - "measuredH": "49", - "w": "155", - "h": "49", - "x": "300", - "y": "1639", - "properties": { - "controlName": "100-css-preprocessors:sass" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "146", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "46", - "measuredW": "37", - "measuredH": "25", - "x": "50", - "y": "12", - "properties": { - "size": "17", - "text": "Sass" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3940", - "typeID": "__group__", - "zOrder": "108", - "measuredW": "175", - "measuredH": "50", - "w": "175", - "h": "50", - "x": "285", - "y": "1362", - "properties": { - "controlName": "108-css-architecture" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "175", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "131", - "measuredH": "25", - "x": "22", - "y": "12", - "properties": { - "text": "CSS Architecture", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "3941", - "typeID": "__group__", - "zOrder": "109", - "measuredW": "161", - "measuredH": "49", - "w": "161", - "h": "49", - "x": "300", - "y": "1440", - "properties": { - "controlName": "100-css-architecture:bem" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "45", - "measuredW": "38", - "measuredH": "25", - "x": "53", - "y": "12", - "properties": { - "size": "17", - "text": "BEM" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "137", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "137", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3942", - "typeID": "Arrow", - "zOrder": "110", - "w": "31", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "906", - "y": "1388", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 31.53077722379544, - "y": -0.4891725128713915 - }, - "p1": { - "x": 0.4693732787810534, - "y": 0.004541857492184634 - }, - "p2": { - "x": 0.39905954407345234, - "y": -0.4891725128713915 - } - } - }, - { - "ID": "3943", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "213", - "measuredH": "53", - "w": "213", - "h": "53", - "x": "850", - "y": "1360", - "properties": { - "controlName": "111-pick-a-framework" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "213", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "142", - "measuredW": "136", - "measuredH": "25", - "x": "36", - "y": "14", - "properties": { - "size": "17", - "text": "Pick a Framework" - } - } - ] - } - } - }, - { - "ID": "3944", - "typeID": "__group__", - "zOrder": "112", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "842", - "y": "1172", - "properties": { - "controlName": "100-pick-a-framework:react-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "47", - "measuredH": "25", - "x": "56", - "y": "12", - "properties": { - "text": "React", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3945", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "153", - "measuredH": "49", - "w": "153", - "h": "49", - "x": "840", - "y": "1279", - "properties": { - "controlName": "101-pick-a-framework:angular" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "64", - "measuredW": "59", - "measuredH": "25", - "x": "49", - "y": "12", - "properties": { - "size": "17", - "text": "Angular" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3946", - "typeID": "__group__", - "zOrder": "114", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "842", - "y": "1225", - "properties": { - "controlName": "102-pick-a-framework:vue-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "45", - "measuredH": "25", - "x": "58", - "y": "12", - "properties": { - "text": "Vue.js", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3947", - "typeID": "__group__", - "zOrder": "115", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "843", - "y": "1442", - "properties": { - "controlName": "103-pick-a-framework:svelte" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "58", - "y": "12", - "properties": { - "size": "17", - "text": "Svelte" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3948", - "typeID": "__group__", - "zOrder": "116", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "843", - "y": "1495", - "properties": { - "controlName": "104-pick-a-framework:solid-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "61", - "measuredH": "25", - "x": "58", - "y": "12", - "properties": { - "size": "17", - "text": "Solid JS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3949", - "typeID": "Arrow", - "zOrder": "117", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "629", - "y": "1395", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 71.67226749671158 - } - } - }, - { - "ID": "3950", - "typeID": "__group__", - "zOrder": "118", - "measuredW": "179", - "measuredH": "50", - "w": "179", - "h": "50", - "x": "540", - "y": "1362", - "properties": { - "controlName": "112-modern-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "179", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "92", - "measuredH": "25", - "x": "44", - "y": "13", - "properties": { - "size": "17", - "text": "Writing CSS" - } - } - ] - } - } - }, - { - "ID": "3951", - "typeID": "__group__", - "zOrder": "119", - "measuredW": "149", - "measuredH": "48", - "w": "149", - "h": "48", - "x": "555", - "y": "1449", - "properties": { - "controlName": "100-css-frameworks:js-first:tailwind-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "94", - "measuredH": "25", - "x": "33", - "y": "11", - "properties": { - "size": "17", - "text": "TailwindCSS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "12", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3952", - "typeID": "__group__", - "zOrder": "120", - "measuredW": "149", - "measuredH": "49", - "w": "149", - "h": "49", - "x": "555", - "y": "1501", - "properties": { - "controlName": "103-css-frameworks:js-first:radix-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "66", - "measuredH": "25", - "x": "44", - "y": "12", - "properties": { - "size": "17", - "text": "Radix UI" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3953", - "typeID": "__group__", - "zOrder": "121", - "measuredW": "147", - "measuredH": "49", - "w": "147", - "h": "49", - "x": "556", - "y": "1593", - "properties": { - "controlName": "103-css-frameworks:js-first:shadcn-ui" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "80", - "measuredH": "25", - "x": "38", - "y": "12", - "properties": { - "size": "17", - "text": "Shadcn UI" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3954", - "typeID": "Arrow", - "zOrder": "122", - "w": "457", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "227", - "y": "1774", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.021364108517559544, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.4438624012549727, - "y": -0.00008403832147459117 - }, - "p2": { - "x": 457.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "3955", - "typeID": "Arrow", - "zOrder": "123", - "w": "119", - "h": "59", - "measuredW": "150", - "measuredH": "100", - "x": "842", - "y": "1707", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.047010684241513445, - "y": 58.44770687617847 - }, - "p1": { - "x": 0.5673179018899986, - "y": -0.10798471012953849 - }, - "p2": { - "x": 119.02424427805772, - "y": -0.40360304771661504 - } - } - }, - { - "ID": "3956", - "typeID": "Arrow", - "zOrder": "124", - "w": "133", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "843", - "y": "1774", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.3216244302676614, - "y": 2.5026931357795092 - }, - "p1": { - "x": 0.4743412204498641, - "y": -0.008947430290275333 - }, - "p2": { - "x": 133, - "y": 0 - } - } - }, - { - "ID": "3957", - "typeID": "__group__", - "zOrder": "125", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "944", - "y": "1749", - "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": "176", - "measuredH": "25", - "x": "25", - "y": "13", - "properties": { - "size": "17", - "text": "Linters and Formatters" - } - } - ] - } - } - }, - { - "ID": "3958", - "typeID": "__group__", - "zOrder": "126", - "measuredW": "155", - "measuredH": "49", - "w": "155", - "h": "49", - "x": "1217", - "y": "1755", - "properties": { - "controlName": "100-build-tools:linters-formatters:prettier" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "66", - "measuredW": "58", - "measuredH": "25", - "x": "44", - "y": "12", - "properties": { - "size": "17", - "text": "Prettier" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "3959", - "typeID": "__group__", - "zOrder": "127", - "measuredW": "155", - "measuredH": "49", - "w": "155", - "h": "49", - "x": "1217", - "y": "1808", - "properties": { - "controlName": "101-build-tools:linters-formatters:eslint" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "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": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "3960", - "typeID": "Arrow", - "zOrder": "128", - "w": "90", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1146", - "y": "1717", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.4213496222886306, - "y": 0.18497710519682187 - }, - "p1": { - "x": 0.4310686842693701, - "y": -0.01854562577101436 - }, - "p2": { - "x": 90.75126717989497, - "y": 1.553612219705883 - } - } - }, - { - "ID": "3961", - "typeID": "__group__", - "zOrder": "129", - "measuredW": "211", - "measuredH": "50", - "w": "211", - "h": "50", - "x": "649", - "y": "1749", - "properties": { - "controlName": "110-build-tools" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "211", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "83", - "measuredH": "25", - "x": "64", - "y": "13", - "properties": { - "size": "17", - "text": "Build Tools" - } - } - ] - } - } - }, - { - "ID": "3962", - "typeID": "__group__", - "zOrder": "130", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "944", - "y": "1693", - "properties": { - "controlName": "100-build-tools:task-runners" - }, - "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": "105", - "measuredH": "25", - "x": "60", - "y": "14", - "properties": { - "size": "17", - "text": "Task Runners" - } - } - ] - } - } - }, - { - "ID": "3963", - "typeID": "__group__", - "zOrder": "131", - "measuredW": "156", - "measuredH": "49", - "w": "156", - "h": "49", - "x": "1217", - "y": "1693", - "properties": { - "controlName": "100-build-tools:task-runners:npm-scripts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "89", - "measuredH": "25", - "x": "24", - "y": "12", - "properties": { - "size": "17", - "text": "npm scripts" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "132", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "132", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3964", - "typeID": "__group__", - "zOrder": "132", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1216", - "y": "1552", - "properties": { - "controlName": "100-build-tools:module-bundlers:webpack" - }, - "children": { - "controls": { - "control": [ - { - "ID": "1", - "typeID": "Label", - "zOrder": "0", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "52", - "y": "7", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "1", - "w": "148", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "2", - "measuredW": "72", - "measuredH": "25", - "x": "42", - "y": "7", - "properties": { - "text": "Webpack", - "size": "17" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "3965", - "typeID": "__group__", - "zOrder": "133", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1216", - "y": "1596", - "properties": { - "controlName": "102-build-tools:module-bundlers:rollup" - }, - "children": { - "controls": { - "control": [ - { - "ID": "1", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "65", - "y": "7", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "1", - "w": "147", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", - "measuredH": "25", - "x": "55", - "y": "7", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "6", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3966", - "typeID": "__group__", - "zOrder": "134", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1216", - "y": "1641", - "properties": { - "controlName": "103-build-tools:module-bundlers:parcel" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "65", - "y": "7", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "1", - "typeID": "TextArea", - "zOrder": "1", - "w": "146", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", - "measuredH": "25", - "x": "55", - "y": "7", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3967", - "typeID": "__group__", - "zOrder": "135", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "944", - "y": "1635", - "properties": { - "controlName": "101-build-tools:module-bundlers" - }, - "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": "131", - "measuredH": "25", - "x": "47", - "y": "13", - "properties": { - "size": "17", - "text": "Module Bundlers" - } - } - ] - } - } - }, - { - "ID": "3968", - "typeID": "__group__", - "zOrder": "136", - "measuredW": "159", - "measuredH": "40", - "w": "159", - "h": "40", - "x": "1215", - "y": "1508", - "properties": { - "controlName": "101-build-tools:module-bundlers:esbuild" - }, - "children": { - "controls": { - "control": [ - { - "ID": "1", - "typeID": "Label", - "zOrder": "0", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "52", - "y": "7", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "1", - "w": "149", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "2", - "measuredW": "55", - "measuredH": "25", - "x": "50", - "y": "7", - "properties": { - "size": "17", - "text": "esbuild" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "8", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3969", - "typeID": "__group__", - "zOrder": "137", - "measuredW": "159", - "measuredH": "40", - "w": "159", - "h": "40", - "x": "1215", - "y": "1464", - "properties": { - "controlName": "104-build-tools:module-bundlers:vite" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "65", - "y": "7", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "1", - "typeID": "TextArea", - "zOrder": "1", - "w": "151", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "30", - "measuredH": "25", - "x": "53", - "y": "7", - "properties": { - "size": "17", - "text": "Vite" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3970", - "typeID": "Arrow", - "zOrder": "138", - "w": "125", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1121", - "y": "1915", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 125.56361173667028, - "y": -0.3742069550698943 - }, - "p1": { - "x": 0.49341099681910183, - "y": -0.0011566902135745852 - }, - "p2": { - "x": 0.22735346207707607, - "y": 0.6688981505619722 - } - } - }, - { - "ID": "3971", - "typeID": "__group__", - "zOrder": "139", - "measuredW": "217", - "measuredH": "50", - "w": "217", - "h": "50", - "x": "947", - "y": "1891", - "properties": { - "controlName": "115-testing-your-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "217", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "144", - "measuredH": "26", - "x": "37", - "y": "12", - "properties": { - "size": "18", - "text": "Testing your Apps" - } - } - ] - } - } - }, - { - "ID": "3972", - "typeID": "__group__", - "zOrder": "140", - "measuredW": "149", - "measuredH": "49", - "w": "149", - "h": "49", - "x": "1221", - "y": "1944", - "properties": { - "controlName": "100-testing-your-apps:jest" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "137", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "39", - "measuredW": "33", - "measuredH": "25", - "x": "49", - "y": "12", - "properties": { - "size": "17", - "text": "Jest" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "125", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "125", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "3973", - "typeID": "__group__", - "zOrder": "141", - "measuredW": "153", - "measuredH": "49", - "w": "153", - "h": "49", - "x": "1221", - "y": "2062", - "properties": { - "controlName": "102-testing-your-apps:cypress" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "141", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "63", - "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "text": "Cypress", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "129", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "129", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "3974", - "typeID": "__group__", - "zOrder": "142", - "measuredW": "150", - "measuredH": "49", - "w": "150", - "h": "49", - "x": "1221", - "y": "2009", - "properties": { - "controlName": "104-testing-your-apps:playwright" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "78", - "measuredH": "25", - "x": "31", - "y": "12", - "properties": { - "size": "17", - "text": "Playwright" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "126", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "126", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3975", - "typeID": "__group__", - "zOrder": "143", - "measuredW": "148", - "measuredH": "49", - "w": "148", - "h": "49", - "x": "1221", - "y": "1891", - "properties": { - "controlName": "101-testing-your-apps:vitest" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "137", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "44", - "measuredH": "25", - "x": "47", - "y": "12", - "properties": { - "size": "17", - "text": "Vitest" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3976", - "typeID": "Label", - "zOrder": "144", - "w": "349", - "measuredW": "328", - "measuredH": "25", - "x": "800", - "y": "2061", - "properties": { - "size": "17", - "text": "and {color:purple}Functional{color} tests and learn how to write" - } - }, - { - "ID": "3977", - "typeID": "Label", - "zOrder": "145", - "w": "302", - "measuredW": "286", - "measuredH": "25", - "x": "799", - "y": "2090", - "properties": { - "size": "17", - "text": "them with the tools listed on the right." - } - }, - { - "ID": "3978", - "typeID": "Label", - "zOrder": "146", - "w": "362", - "measuredW": "361", - "measuredH": "25", - "x": "799", - "y": "2031", - "properties": { - "size": "17", - "text": "Learn the difference between {color:purple}Unit{color}, {color:purple}Integration{color}, " - } - }, - { - "ID": "3979", - "typeID": "__group__", - "zOrder": "147", - "measuredW": "401", - "measuredH": "87", - "w": "401", - "h": "87", - "x": "279", - "y": "1884", - "properties": { - "controlName": "116-auth-strategies" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "401", - "h": "87", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "227", - "measuredH": "28", - "x": "87", - "y": "16", - "properties": { - "size": "20", - "text": "Authentication Strategies" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "2", - "measuredW": "353", - "measuredH": "25", - "x": "24", - "y": "46", - "properties": { - "size": "17", - "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc" - } - } - ] - } - } - }, - { - "ID": "3980", - "typeID": "__group__", - "zOrder": "148", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "843", - "y": "1548", - "properties": { - "controlName": "104-pick-a-framework:qwik" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "37", - "measuredH": "25", - "x": "61", - "y": "12", - "properties": { - "size": "17", - "text": "Qwik" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3981", - "typeID": "Arrow", - "zOrder": "149", - "w": "104", - "h": "42", - "measuredW": "150", - "measuredH": "100", - "x": "677", - "y": "2233", - "properties": { - "color": "10027263", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 42 - }, - "p1": { - "x": 0.5352906012725183, - "y": -0.09566221241108655 - }, - "p2": { - "x": 104, - "y": 0 - } - } - }, - { - "ID": "3982", - "typeID": "Arrow", - "zOrder": "150", - "w": "127", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "665", - "y": "2283", - "properties": { - "color": "10027263", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 4 - }, - "p1": { - "x": 0.32155722155275035, - "y": -0.0015310492462985268 - }, - "p2": { - "x": 127, - "y": 0 - } - } - }, - { - "ID": "3983", - "typeID": "Arrow", - "zOrder": "151", - "w": "109", - "h": "31", - "measuredW": "150", - "measuredH": "100", - "x": "670", - "y": "2298", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.06468415565370833, - "y": 0.24587201583790375 - }, - "p1": { - "x": 0.5281804260757769, - "y": 0.09336184593660918 - }, - "p2": { - "x": 108.63607145602293, - "y": 31.090016135261067 - } - } - }, - { - "ID": "3984", - "typeID": "__group__", - "zOrder": "152", - "measuredW": "238", - "measuredH": "60", - "w": "238", - "h": "60", - "x": "457", - "y": "2247", - "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": "137", - "measuredH": "25", - "x": "44", - "y": "23", - "properties": { - "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": "3985", - "typeID": "__group__", - "zOrder": "153", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "772", - "y": "2215", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "132", - "measuredW": "131", - "measuredH": "25", - "x": "30", - "y": "7", - "properties": { - "size": "17", - "text": "HTML Templates" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3986", - "typeID": "__group__", - "zOrder": "154", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "772", - "y": "2261", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "139", - "measuredW": "136", - "measuredH": "25", - "x": "30", - "y": "7", - "properties": { - "size": "17", - "text": "Custom Elements" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3987", - "typeID": "__group__", - "zOrder": "155", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "772", - "y": "2306", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "105", - "measuredW": "105", - "measuredH": "25", - "x": "38", - "y": "7", - "properties": { - "size": "17", - "text": "Shadow DOM" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3988", - "typeID": "Arrow", - "zOrder": "156", - "w": "1", - "h": "162", - "measuredW": "150", - "measuredH": "100", - "x": "224", - "y": "2292", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.4437541587082093, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 161.4730971406957 - } - } - }, - { - "ID": "3989", - "typeID": "__group__", - "zOrder": "157", - "measuredW": "213", - "measuredH": "50", - "w": "213", - "h": "50", - "x": "162", - "y": "2356", - "properties": { - "controlName": "116-type-checkers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "203", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "115", - "measuredH": "25", - "x": "54", - "y": "13", - "properties": { - "size": "17", - "text": "Type Checkers" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3990", - "typeID": "__group__", - "zOrder": "158", - "measuredW": "206", - "measuredH": "57", - "w": "206", - "h": "57", - "x": "412", - "y": "2348", - "properties": { - "controlName": "100-type-checkers:typescript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "199", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "8", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "91", - "measuredW": "81", - "measuredH": "25", - "x": "54", - "y": "20", - "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": "3991", - "typeID": "Arrow", - "zOrder": "159", - "w": "1122", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "224", - "y": "2453", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 1 - }, - "p1": { - "x": 0.4446546885461915, - "y": 0.0007404118850237803 - }, - "p2": { - "x": 1122.1683232534074, - "y": 1 - } - } - }, - { - "ID": "3992", - "typeID": "Arrow", - "zOrder": "160", - "w": "65", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1207", - "y": "2358", - "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": "3993", - "typeID": "Arrow", - "zOrder": "161", - "w": "78", - "h": "37", - "measuredW": "150", - "measuredH": "100", - "x": "1184", - "y": "2173", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 77.65536836618821, - "y": 0.4082685363341625 - }, - "p1": { - "x": 0.480726015557477, - "y": 0.1446845289541909 - }, - "p2": { - "x": 0.03815966742740784, - "y": 36.87863921953385 - } - } - }, - { - "ID": "3994", - "typeID": "Arrow", - "zOrder": "162", - "w": "97", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1200", - "y": "2221", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 96.5324984379306, - "y": 0 - }, - "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967576 - }, - "p2": { - "x": -0.0834087691514469, - "y": 1.8700832259696654 - } - } - }, - { - "ID": "3995", - "typeID": "Arrow", - "zOrder": "163", - "w": "65", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1206", - "y": "2264", - "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": "3996", - "typeID": "Arrow", - "zOrder": "164", - "w": "65", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1207", - "y": "2311", - "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": "3997", - "typeID": "__group__", - "zOrder": "165", - "measuredW": "285", - "measuredH": "59", - "w": "285", - "h": "59", - "x": "978", - "y": "2420", - "properties": { - "controlName": "118-server-side-rendering" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "278", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "225", - "measuredH": "25", - "x": "29", - "y": "22", - "properties": { - "size": "17", - "text": "Server Side Rendering (SSR)" - } - }, - { - "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": "3998", - "typeID": "__group__", - "zOrder": "166", - "measuredW": "125", - "measuredH": "41", - "w": "125", - "h": "41", - "x": "1096", - "y": "2201", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "47", - "measuredH": "25", - "x": "34", - "y": "8", - "properties": { - "text": "React", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "101", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "101", - "y": "9", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "3999", - "typeID": "__group__", - "zOrder": "167", - "measuredW": "116", - "measuredH": "41", - "w": "116", - "h": "41", - "x": "1255", - "y": "2156", - "properties": { - "controlName": "100-server-side-rendering:react-js:next-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "106", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "52", - "measuredH": "25", - "x": "27", - "y": "8", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "92", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "92", - "y": "9", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4000", - "typeID": "__group__", - "zOrder": "168", - "measuredW": "127", - "measuredH": "41", - "w": "127", - "h": "41", - "x": "1096", - "y": "2246", - "properties": { - "controlName": "101-server-side-rendering:angular" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "119", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "69", - "measuredW": "59", - "measuredH": "25", - "x": "35", - "y": "8", - "properties": { - "size": "17", - "text": "Angular" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4001", - "typeID": "__group__", - "zOrder": "169", - "measuredW": "121", - "measuredH": "41", - "w": "121", - "h": "41", - "x": "1255", - "y": "2246", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "73", - "measuredW": "72", - "measuredH": "25", - "x": "19", - "y": "8", - "properties": { - "size": "17", - "text": "Universal" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "97", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4002", - "typeID": "__group__", - "zOrder": "170", - "measuredW": "127", - "measuredH": "41", - "w": "127", - "h": "41", - "x": "1098", - "y": "2292", - "properties": { - "controlName": "102-server-side-rendering:vue-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "118", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "48", - "measuredW": "45", - "measuredH": "25", - "x": "37", - "y": "8", - "properties": { - "text": "Vue.js", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "103", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4003", - "typeID": "__group__", - "zOrder": "171", - "measuredW": "122", - "measuredH": "41", - "w": "122", - "h": "41", - "x": "1253", - "y": "2292", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "55", - "measuredW": "52", - "measuredH": "25", - "x": "28", - "y": "8", - "properties": { - "size": "17", - "text": "Nuxt.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4004", - "typeID": "__group__", - "zOrder": "172", - "measuredW": "116", - "measuredH": "41", - "w": "116", - "h": "41", - "x": "1255", - "y": "2201", - "properties": { - "controlName": "101-server-side-rendering:react-js:remix" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "106", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "28", - "y": "8", - "properties": { - "size": "17", - "text": "Remix" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "92", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "92", - "y": "9", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4005", - "typeID": "__group__", - "zOrder": "173", - "measuredW": "128", - "measuredH": "40", - "w": "128", - "h": "40", - "x": "1098", - "y": "2338", - "properties": { - "controlName": "103-server-side-rendering:svelte" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "119", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "36", - "y": "7", - "properties": { - "size": "17", - "text": "Svelte" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "104", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "104", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "104", - "y": "8", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4006", - "typeID": "__group__", - "zOrder": "174", - "measuredW": "122", - "measuredH": "41", - "w": "122", - "h": "41", - "x": "1254", - "y": "2337", - "properties": { - "controlName": "100-server-side-rendering:svelte:svelte-kit" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "111", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "73", - "measuredH": "25", - "x": "17", - "y": "8", - "properties": { - "size": "17", - "text": "Svelte Kit" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4007", - "typeID": "Arrow", - "zOrder": "175", - "w": "1", - "h": "264", - "measuredW": "150", - "measuredH": "100", - "x": "1346", - "y": "2454", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.18256012290817125 - }, - "p1": { - "x": 0.4437541587082094, - "y": -0.00008705358532379577 - }, - "p2": { - "x": 0, - "y": 263.44892105965255 - } - } - }, - { - "ID": "4008", - "typeID": "Arrow", - "zOrder": "176", - "w": "112", - "h": "38", - "measuredW": "150", - "measuredH": "100", - "x": "1128", - "y": "2566", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 112.50398196586139, - "y": 0.4821067591024075 - }, - "p1": { - "x": 0.5064432989690714, - "y": -0.10824742268041054 - }, - "p2": { - "x": 0.2446976954972797, - "y": 37.3892687110033 - } - } - }, - { - "ID": "4009", - "typeID": "Arrow", - "zOrder": "177", - "w": "117", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "1119", - "y": "2551", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 116.89058672187377, - "y": 0.1041226124775676 - }, - "p1": { - "x": 0.4835193355826629, - "y": 0.007267064624967576 - }, - "p2": { - "x": 0.017907207522057433, - "y": 0.1041226124775676 - } - } - }, - { - "ID": "4010", - "typeID": "__group__", - "zOrder": "178", - "measuredW": "175", - "measuredH": "41", - "w": "175", - "h": "41", - "x": "972", - "y": "2530", - "properties": { - "controlName": "100-graphql:apollo" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "167", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "49", - "measuredW": "48", - "measuredH": "25", - "x": "58", - "y": "8", - "properties": { - "size": "17", - "text": "Apollo" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4011", - "typeID": "__group__", - "zOrder": "179", - "measuredW": "152", - "measuredH": "50", - "w": "152", - "h": "50", - "x": "1224", - "y": "2530", - "properties": { - "controlName": "119-graphql" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "146", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "71", - "measuredH": "25", - "x": "37", - "y": "12", - "properties": { - "size": "17", - "text": "GraphQL" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "128", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "128", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4012", - "typeID": "__group__", - "zOrder": "180", - "measuredW": "175", - "measuredH": "41", - "w": "175", - "h": "41", - "x": "973", - "y": "2577", - "properties": { - "controlName": "101-graphql:relay-modern" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "168", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "115", - "measuredW": "107", - "measuredH": "25", - "x": "40", - "y": "8", - "properties": { - "size": "17", - "text": "Relay Modern" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4013", - "typeID": "Arrow", - "zOrder": "181", - "w": "437", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "328", - "y": "2709", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 437, - "y": 0 - }, - "p1": { - "x": 0.47704880470480404, - "y": 0.005193614908729856 - }, - "p2": { - "x": -0.46812805984393435, - "y": 0 - } - } - }, - { - "ID": "4014", - "typeID": "__group__", - "zOrder": "182", - "measuredW": "247", - "measuredH": "50", - "w": "247", - "h": "50", - "x": "729", - "y": "2685", - "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": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "172", - "measuredH": "25", - "x": "41", - "y": "12", - "properties": { - "size": "17", - "text": "Progressive Web Apps" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4015", - "typeID": "Canvas", - "zOrder": "183", - "w": "228", - "h": "428", - "measuredW": "100", - "measuredH": "70", - "x": "167", - "y": "2511" - }, - { - "ID": "4016", - "typeID": "__group__", - "zOrder": "184", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2639", - "properties": { - "controlName": "103-progressive-web-apps:service-workers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "147", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Service Workers", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4017", - "typeID": "__group__", - "zOrder": "185", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2527", - "properties": { - "controlName": "100-progressive-web-apps:storage" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "78", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Storage", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4018", - "typeID": "__group__", - "zOrder": "186", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2677", - "properties": { - "controlName": "104-progressive-web-apps:location" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "84", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Location", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4019", - "typeID": "__group__", - "zOrder": "187", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2714", - "properties": { - "controlName": "105-progressive-web-apps:notifications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "115", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Notifications", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4020", - "typeID": "__group__", - "zOrder": "188", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2752", - "properties": { - "controlName": "106-progressive-web-apps:device-orientation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "167", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Device Orientation", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4021", - "typeID": "__group__", - "zOrder": "189", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2789", - "properties": { - "controlName": "107-progressive-web-apps:payments" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "94", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Payments", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4022", - "typeID": "__group__", - "zOrder": "190", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2827", - "properties": { - "controlName": "108-progressive-web-apps:credentials" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "108", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Credentials", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4023", - "typeID": "__group__", - "zOrder": "191", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2564", - "properties": { - "controlName": "101-progressive-web-apps:web-sockets" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "120", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Web Sockets", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4024", - "typeID": "Label", - "zOrder": "192", - "w": "156", - "measuredW": "151", - "measuredH": "25", - "x": "203", - "y": "2872", - "properties": { - "size": "17", - "text": "Learn different Web" - } - }, - { - "ID": "4025", - "typeID": "Label", - "zOrder": "193", - "w": "148", - "measuredW": "143", - "measuredH": "25", - "x": "207", - "y": "2898", - "properties": { - "size": "17", - "text": "APIs used in PWAs" - } - }, - { - "ID": "4026", - "typeID": "Icon", - "zOrder": "194", - "measuredW": "24", - "measuredH": "24", - "x": "158", - "y": "2520", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4027", - "typeID": "Icon", - "zOrder": "195", - "measuredW": "24", - "measuredH": "24", - "x": "158", - "y": "2520", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "4028", - "typeID": "__group__", - "zOrder": "196", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "185", - "y": "2602", - "properties": { - "controlName": "102-progressive-web-apps:server-sent-events" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "170", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Server Sent Events", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4029", - "typeID": "Canvas", - "zOrder": "197", - "w": "262", - "h": "281", - "measuredW": "100", - "measuredH": "70", - "x": "419", - "y": "2509" - }, - { - "ID": "4030", - "typeID": "__group__", - "zOrder": "198", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "439", - "y": "2528", - "properties": { - "controlName": "109-progressive-web-apps:prpl-pattern" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "124", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "PRPL Pattern" - } - } - ] - } - } - }, - { - "ID": "4031", - "typeID": "__group__", - "zOrder": "199", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "439", - "y": "2566", - "properties": { - "controlName": "110-progressive-web-apps:rail-model" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "110", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "RAIL Model" - } - } - ] - } - } - }, - { - "ID": "4032", - "typeID": "__group__", - "zOrder": "200", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "439", - "y": "2604", - "properties": { - "controlName": "111-progressive-web-apps:performance-metrics" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "185", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Performance Metrics" - } - } - ] - } - } - }, - { - "ID": "4033", - "typeID": "__group__", - "zOrder": "201", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "439", - "y": "2641", - "properties": { - "controlName": "112-progressive-web-apps:lighthouse" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "156", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using Lighthouse" - } - } - ] - } - } - }, - { - "ID": "4034", - "typeID": "__group__", - "zOrder": "202", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "439", - "y": "2679", - "properties": { - "controlName": "113-progressive-web-apps:browser-devtools" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "141", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using DevTools" - } - } - ] - } - } - }, - { - "ID": "4035", - "typeID": "Label", - "zOrder": "203", - "w": "185", - "measuredW": "176", - "measuredH": "25", - "x": "459", - "y": "2724", - "properties": { - "size": "17", - "text": "Calculating, Measuring" - } - }, - { - "ID": "4036", - "typeID": "Label", - "zOrder": "204", - "w": "224", - "measuredW": "212", - "measuredH": "25", - "x": "439", - "y": "2751", - "properties": { - "size": "17", - "text": "and improving performance" - } - }, - { - "ID": "4037", - "typeID": "Icon", - "zOrder": "205", - "measuredW": "24", - "measuredH": "24", - "x": "412", - "y": "2520", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4038", - "typeID": "Icon", - "zOrder": "206", - "measuredW": "24", - "measuredH": "24", - "x": "412", - "y": "2520", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "4039", - "typeID": "__group__", - "zOrder": "207", - "measuredW": "262", - "measuredH": "47", - "w": "262", - "h": "47", - "x": "419", - "y": "2795", - "properties": { - "controlName": "ext_link:roadmap.sh/best-practices/frontend-performance" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "262", - "h": "47", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "4273622", - "borderColor": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "216", - "measuredH": "25", - "x": "23", - "y": "11", - "properties": { - "size": "17", - "text": "Performance Best Practices", - "color": "16777215" - } - } - ] - } - } - }, - { - "ID": "4040", - "typeID": "__group__", - "zOrder": "208", - "measuredW": "327", - "measuredH": "50", - "w": "327", - "h": "50", - "x": "1049", - "y": "2689", - "properties": { - "controlName": "120-static-site-generators" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "319", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "169", - "measuredH": "25", - "x": "75", - "y": "12", - "properties": { - "size": "17", - "text": "Static Site Generators" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "303", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "303", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4041", - "typeID": "__group__", - "zOrder": "209", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1212", - "y": "2865", - "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": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "58", - "measuredW": "52", - "measuredH": "25", - "x": "45", - "y": "8", - "properties": { - "size": "17", - "text": "Next.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4042", - "typeID": "__group__", - "zOrder": "210", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1048", - "y": "2912", - "properties": { - "controlName": "102-static-site-generators:nuxt-js" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "56", - "measuredW": "52", - "measuredH": "25", - "x": "55", - "y": "8", - "properties": { - "size": "17", - "text": "Nuxt.js" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4043", - "typeID": "__group__", - "zOrder": "211", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1048", - "y": "2775", - "properties": { - "controlName": "103-static-site-generators:vuepress" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "76", - "measuredW": "72", - "measuredH": "25", - "x": "49", - "y": "8", - "properties": { - "size": "17", - "text": "Vuepress" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4044", - "typeID": "__group__", - "zOrder": "212", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1048", - "y": "2821", - "properties": { - "controlName": "104-static-site-generators:jekyll" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "49", - "measuredW": "43", - "measuredH": "25", - "x": "61", - "y": "8", - "properties": { - "size": "17", - "text": "Jekyll" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4045", - "typeID": "__group__", - "zOrder": "213", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1048", - "y": "2867", - "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": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "43", - "measuredW": "42", - "measuredH": "25", - "x": "61", - "y": "8", - "properties": { - "size": "17", - "text": "Hugo" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4046", - "typeID": "__group__", - "zOrder": "214", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1211", - "y": "2820", - "properties": { - "controlName": "107-static-site-generators:eleventy" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457", - "align": "center", - "size": "17" - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "66", - "measuredH": "25", - "x": "41", - "y": "8", - "properties": { - "text": "Eleventy", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "4047", - "typeID": "__group__", - "zOrder": "215", - "measuredW": "159", - "measuredH": "41", - "w": "159", - "h": "41", - "x": "1210", - "y": "2911", - "properties": { - "controlName": "103-static-site-generators:remix" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "148", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "49", - "measuredH": "25", - "x": "49", - "y": "8", - "properties": { - "size": "17", - "text": "Remix" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "9", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4048", - "typeID": "__group__", - "zOrder": "216", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1212", - "y": "2775", - "properties": { - "controlName": "106-static-site-generators:astro" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "39", - "measuredH": "25", - "x": "54", - "y": "8", - "properties": { - "size": "17", - "text": "Astro" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "4049", - "typeID": "__group__", - "zOrder": "217", - "measuredW": "220", - "measuredH": "50", - "w": "220", - "h": "50", - "x": "1151", - "y": "3034", - "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": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "150", - "measuredH": "25", - "x": "30", - "y": "12", - "properties": { - "text": "Mobile Applications", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "196", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "196", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4050", - "typeID": "__group__", - "zOrder": "218", - "measuredW": "160", - "measuredH": "41", - "w": "160", - "h": "41", - "x": "1205", - "y": "3121", - "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": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "101", - "measuredW": "100", - "measuredH": "25", - "x": "23", - "y": "8", - "properties": { - "size": "17", - "text": "React Native" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "136", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "136", - "y": "7", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4051", - "typeID": "__group__", - "zOrder": "219", - "measuredW": "158", - "measuredH": "41", - "w": "158", - "h": "41", - "x": "1205", - "y": "3254", - "properties": { - "controlName": "101-mobile-applications:nativescript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "94", - "measuredH": "25", - "x": "27", - "y": "8", - "properties": { - "text": "NativeScript", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4052", - "typeID": "__group__", - "zOrder": "220", - "measuredW": "160", - "measuredH": "41", - "w": "160", - "h": "41", - "x": "1205", - "y": "3165", - "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": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "136", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "136", - "y": "7", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4053", - "typeID": "__group__", - "zOrder": "221", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1205", - "y": "3209", - "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": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "132", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "132", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4054", - "typeID": "__group__", - "zOrder": "222", - "measuredW": "248", - "measuredH": "50", - "w": "248", - "h": "50", - "x": "436", - "y": "3044", - "properties": { - "controlName": "122-desktop-applications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "162", - "measuredH": "25", - "x": "47", - "y": "12", - "properties": { - "size": "17", - "text": "Desktop Applications" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4055", - "typeID": "__group__", - "zOrder": "223", - "measuredW": "198", - "measuredH": "41", - "w": "198", - "h": "41", - "x": "455", - "y": "2877", - "properties": { - "controlName": "100-desktop-applications:electron" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "69", - "measuredW": "65", - "measuredH": "25", - "x": "73", - "y": "8", - "properties": { - "size": "17", - "text": "Electron" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "7", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "4056", - "typeID": "__group__", - "zOrder": "224", - "measuredW": "196", - "measuredH": "41", - "w": "196", - "h": "41", - "x": "457", - "y": "2923", - "properties": { - "controlName": "101-desktop-applications:tauri" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "38", - "measuredH": "25", - "x": "83", - "y": "8", - "properties": { - "size": "17", - "text": "Tauri" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4057", - "typeID": "__group__", - "zOrder": "225", - "measuredW": "197", - "measuredH": "41", - "w": "197", - "h": "41", - "x": "456", - "y": "2969", - "properties": { - "controlName": "102-desktop-applications:flutter" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "9", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "50", - "measuredH": "25", - "x": "78", - "y": "8", - "properties": { - "size": "17", - "text": "Flutter" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "4059", - "typeID": "Arrow", - "zOrder": "226", - "w": "573", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "281", - "y": "3182", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.42695876357902307, - "y": 0 - }, - "p1": { - "x": 0.44465468854619133, - "y": 0.0007404118850237802 - }, - "p2": { - "x": 573.1253006284542, - "y": 0 - } - } - }, - { - "ID": "4060", - "typeID": "Arrow", - "zOrder": "227", - "w": "1", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "854", - "y": "3182", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5232912494558118, - "y": 0.0013060513713539393 - }, - "p2": { - "x": 0, - "y": 111.79170436678032 - } - } - }, - { - "ID": "4061", - "typeID": "Arrow", - "zOrder": "228", - "w": "2", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "853", - "y": "3359", - "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": "4062", - "typeID": "TextArea", - "zOrder": "229", - "w": "438", - "h": "118", - "measuredW": "200", - "measuredH": "140", - "x": "660", - "y": "3272" - }, - { - "ID": "4063", - "typeID": "Label", - "zOrder": "230", - "measuredW": "366", - "measuredH": "25", - "x": "696", - "y": "3291", - "properties": { - "size": "17", - "text": "Continue Learning with following relevant tracks" - } - }, - { - "ID": "4064", - "typeID": "__group__", - "zOrder": "231", - "measuredW": "198", - "measuredH": "44", - "w": "198", - "h": "44", - "x": "883", - "y": "3328", - "properties": { - "controlName": "ext_link:roadmap.sh/nodejs" + "nodes": [ + { + "width": 20, + "height": 102, + "id": "0Q-brRt6RZ7dJu62PvwnC", + "type": "vertical", + "position": { + "x": 160.24458345301082, + "y": 1884.1531615740655 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "LEijbLyxg4RyutKEM2Y5g" + }, + "zIndex": 999, + "positionAbsolute": { + "x": 160.24458345301082, + "y": 1884.1531615740655 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 102 + }, + "resizing": false + }, + { + "width": 20, + "height": 68, + "id": "lt2I-iu3cbAdYULHvQTp6", + "type": "vertical", + "position": { + "x": 112.34973095743374, + "y": 1121.4097604780045 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "jhWc-VQRqJ4CJfJjkmSf8" + }, + "zIndex": 999, + "positionAbsolute": { + "x": 112.34973095743374, + "y": 1121.4097604780045 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 68 + }, + "resizing": false + }, + { + "width": 20, + "height": 68, + "id": "jhWc-VQRqJ4CJfJjkmSf8", + "type": "vertical", + "position": { + "x": -0.6057163550145788, + "y": 1130.9097604780045 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "a-BmplOk9rfE2Q9beP30d" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -0.6057163550145788, + "y": 1130.9097604780045 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 68 + }, + "resizing": false + }, + { + "width": 20, + "height": 68, + "id": "a-BmplOk9rfE2Q9beP30d", + "type": "vertical", + "position": { + "x": -49.689212167555525, + "y": 959.9484886477385 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "y9e6gBuE1tiIOzhxm83cc" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -49.689212167555525, + "y": 959.9484886477385 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 68 + }, + "resizing": false + }, + { + "width": 20, + "height": 68, + "id": "y9e6gBuE1tiIOzhxm83cc", + "type": "vertical", + "position": { + "x": -159.68921216755552, + "y": 959.9484886477385 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "LEijbLyxg4RyutKEM2Y5g" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -159.68921216755552, + "y": 959.9484886477385 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 68 + }, + "resizing": false + }, + { + "width": 461, + "height": 123, + "id": "0vLaVNJaJSHZ_bHli6Qzs", + "type": "paragraph", + "position": { + "x": -349.3588438928505, + "y": 2978.163242675726 + }, + "selected": false, + "data": { + "label": "Continue Learning with following relevant tracks", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "WHITe" + }, + "oldId": "m9eO0jLGuR_9w2JJbe_g2" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -349.3588438928505, + "y": 2978.163242675726 + }, + "dragging": false, + "style": { + "width": 461, + "height": 123 + }, + "resizing": false, + "focusable": true + }, + { + "width": 260, + "height": 327, + "id": "Tqv7Lj8TklDTrZH5_fmUf", + "type": "paragraph", + "position": { + "x": -344.71877670581523, + "y": 2187.382968916314 + }, + "selected": false, + "data": { + "label": "Calculating Measuring and improving performance", + "style": { + "fontSize": 17, + "justifyContent": "flex-end", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "WHITe" + } + }, + "zIndex": 999, + "style": { + "width": 260, + "height": 327 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": -344.71877670581523, + "y": 2187.382968916314 + }, + "focusable": true + }, + { + "width": 165, + "height": 68, + "id": "jJebnKe4JftMXZ1lCsipq", + "type": "title", + "position": { + "x": -234.5, + "y": -100.59925177765109 + }, + "selected": false, + "data": { + "label": "Front-end", + "style": { + "fontSize": 28, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "iogwMmOvub2ZF4zgg6WyF" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -234.5, + "y": -100.59925177765109 + }, + "focusable": true + }, + { + "width": 155, + "height": 49, + "id": "VlNNwIEDWqQXtqkHWJYzC", + "type": "topic", + "position": { + "x": -229.5, + "y": 68.27030742190215 + }, + "selected": false, + "data": { + "label": "Internet", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "_hYN0gEi9BL24nptEtXWU" + }, + "zIndex": 999, + "style": { + "width": 155, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -229.5, + "y": 68.27030742190215 + }, + "dragging": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "yCnn-NfSxIybUQ2iTuUGq", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": -94.72969257809785 + }, + "selected": false, + "data": { + "label": "How does the internet work?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "idLHBxhvcIqZTqmh_E8Az", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": -94.72969257809785 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "R12sArWVpbIs_PHxBqVaR", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": -40.729692578097854 + }, + "selected": false, + "data": { + "label": "What is HTTP?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "os3Pa6W9SSNEzgmlBbglQ", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": -40.729692578097854 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "ZhSuu2VArnzPDp6dPQQSC", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": 13.270307421902146 + }, + "selected": false, + "data": { + "label": "What is Domain Name?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "3oInpqvTSSC5_K6i7j8N7", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": 13.270307421902146 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "aqMaEY8gkKMikiqleV5EP", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": 67.27030742190215 + }, + "selected": false, + "data": { + "label": "What is hosting?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "gRjFXRwpOwoyd15PHVpdB", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": 67.27030742190215 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "hkxw9jPGYphmjhTjw8766", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": 121.27030742190215 + }, + "selected": false, + "data": { + "label": "DNS and how it works?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "YKhuRbcUFzo0hTvuTq-Yl", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": 121.27030742190215 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 307, + "height": 49, + "id": "P82WFaTPgQEPNp5IIuZ1Y", + "type": "subtopic", + "position": { + "x": 91.2410268116243, + "y": 175.27030742190215 + }, + "selected": false, + "data": { + "label": "Browsers and how they work?", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "CPRpuk76c9-wuIffEfu87", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "right-center" + } + }, + "zIndex": 999, + "positionAbsolute": { + "x": 91.2410268116243, + "y": 175.27030742190215 + }, + "dragging": false, + "style": { + "width": 307, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 173, + "height": 49, + "id": "yWG2VUkaF5IJVVut6AiSy", + "type": "topic", + "position": { + "x": -611.8814218617622, + "y": 244.27030742190215 + }, + "selected": false, + "data": { + "label": "HTML", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "U0Pn4yFrx6D4CwpUolzOm" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 173, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -611.8814218617622, + "y": 244.27030742190215 + }, + "focusable": true + }, + { + "width": 259, + "height": 49, + "id": "PCirR2QiFYO89Fm-Ev3o1", + "type": "subtopic", + "position": { + "x": -654.8814218617622, + "y": -98.48450673924191 + }, + "selected": false, + "data": { + "label": "Learn the basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "JdTNyawEIHeBgq5p2ELwy", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "left-center" + } + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 259, + "height": 49 + }, + "positionAbsolute": { + "x": -654.8814218617622, + "y": -98.48450673924191 + }, + "focusable": true + }, + { + "width": 259, + "height": 49, + "id": "z8-556o-PaHXjlytrawaF", + "type": "subtopic", + "position": { + "x": -654.8814218617622, + "y": -44.48450673924191 + }, + "selected": false, + "data": { + "label": "Writing Semantic HTML", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "08aXk7pJXz4gkrXyrmGky", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "left-center" + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -654.8814218617622, + "y": -44.48450673924191 + }, + "style": { + "width": 259, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 259, + "height": 49, + "id": "V5zucKEHnIPPjwHqsMPHF", + "type": "subtopic", + "position": { + "x": -654.8814218617622, + "y": 9.515493260758092 + }, + "selected": false, + "data": { + "label": "Forms and Validations", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "yxcsIStIXMiZslCu1DPV5", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "left-center" + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -654.8814218617622, + "y": 9.515493260758092 + }, + "style": { + "width": 259, + "height": 49 + }, + "focusable": true + }, + { + "width": 259, + "height": 49, + "id": "iJIqi7ngpGHWAqtgdjgxB", + "type": "subtopic", + "position": { + "x": -654.8814218617622, + "y": 63.51549326075809 + }, + "selected": false, + "data": { + "label": "Accessibility", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "jZcqyxmIvdqnxGDhbHqxk", + "legend": { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion", + "position": "left-center" + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -654.8814218617622, + "y": 63.51549326075809 + }, + "style": { + "width": 259, + "height": 49 + }, + "focusable": true + }, + { + "width": 259, + "height": 49, + "id": "mH_qff8R7R6eLQ1tPHLgG", + "type": "subtopic", + "position": { + "x": -654.8814218617622, + "y": 117.51549326075809 + }, + "selected": false, + "data": { + "label": "SEO Basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "yfirDE1KGIU9ryXQxg4qT", + "legend": { + "id": "R9WLhURhPdVNXP7AUTDvR", + "label": "Order not strict / Learn anytime", + "color": "#929292", + "position": "left-center" + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -654.8814218617622, + "y": 117.51549326075809 + }, + "style": { + "width": 259, + "height": 49 + }, + "focusable": true + }, + { + "width": 127, + "height": 49, + "id": "ZhJhf1M2OphYbEmduFq-9", + "type": "topic", + "position": { + "x": -315.18467266956964, + "y": 309.72214459475447 + }, + "selected": false, + "data": { + "label": "CSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9oRqCFPmznk6bMFAtH0gZ" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 127, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -315.18467266956964, + "y": 309.72214459475447 + }, + "focusable": true + }, + { + "width": 195, + "height": 49, + "id": "YFjzPKWDwzrgk2HUX952L", + "type": "subtopic", + "position": { + "x": -111.68467266956958, + "y": 255.72214459475447 + }, + "selected": false, + "data": { + "label": "Learn the basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "zdnKDruFT-mwYhyItM5px" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -111.68467266956958, + "y": 255.72214459475447 + }, + "style": { + "width": 195, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 195, + "height": 49, + "id": "dXeYVMXv-3MRQ1ovOUuJW", + "type": "subtopic", + "position": { + "x": -111.68467266956958, + "y": 309.72214459475447 + }, + "selected": false, + "data": { + "label": "Making Layouts", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "lmnqgHgt45-mXqKnW4Y_M" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -111.68467266956958, + "y": 309.72214459475447 + }, + "style": { + "width": 195, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 195, + "height": 49, + "id": "TKtWmArHn7elXRJdG6lDQ", + "type": "subtopic", + "position": { + "x": -111.68467266956958, + "y": 363.72214459475447 + }, + "selected": false, + "data": { + "label": "Responsive Design", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "T04FRCIzpGmFMji5LiDQ5" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -111.68467266956958, + "y": 363.72214459475447 + }, + "style": { + "width": 195, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 127, + "height": 49, + "id": "ODcfFEorkfJNupoQygM53", + "type": "topic", + "position": { + "x": -316.1846726695696, + "y": 462.5154932607581 + }, + "selected": false, + "data": { + "label": "JavaScript", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "MD3yDMZpJqEcjQpJQtigd" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 127, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -316.1846726695696, + "y": 462.5154932607581 + }, + "focusable": true + }, + { + "width": 240, + "height": 49, + "id": "A4brX0efjZ0FFPTB4r6U0", + "type": "subtopic", + "position": { + "x": -645.3075746114723, + "y": 516.7221445947545 + }, + "selected": false, + "data": { + "label": "Fetch API / Ajax (XHR)", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "ZHFZBySpPJwJH3UDwJ9HY" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -645.3075746114723, + "y": 516.7221445947545 + }, + "style": { + "width": 240, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 240, + "height": 49, + "id": "0MAogsAID9R04R5TTO2Qa", + "type": "subtopic", + "position": { + "x": -645.3075746114723, + "y": 462.72214459475447 + }, + "selected": false, + "data": { + "label": "Learn DOM Manipulation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "f-zv32_OdWNMXej3w6q1J" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -645.3075746114723, + "y": 462.72214459475447 + }, + "style": { + "width": 240, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 240, + "height": 49, + "id": "wQSjQqwKHfn5RGPk34BWI", + "type": "subtopic", + "position": { + "x": -645.3075746114723, + "y": 408.72214459475447 + }, + "selected": false, + "data": { + "label": "Learn the Basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "HDznTGgbYd3Z-gtDWSt9M" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -645.3075746114723, + "y": 408.72214459475447 + }, + "style": { + "width": 240, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 153, + "height": 49, + "id": "MXnFhZlNB1zTsBFDyni9H", + "type": "topic", + "position": { + "x": 244.89428364498542, + "y": 462.5154932607581 + }, + "selected": false, + "data": { + "label": "VCS Hosting", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "hRzglhOCM-mgmA7sPQI_J" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 153, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 244.89428364498542, + "y": 462.5154932607581 + }, + "focusable": true + }, + { + "width": 247, + "height": 49, + "id": "NIY7c4TQEEHx0hATu-k5C", + "type": "topic", + "position": { + "x": -89.10571635501458, + "y": 462.72214459475447 + }, + "selected": false, + "data": { + "label": "Version Control Systems", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "UDis-1MAyLHwxm4wdJrbE" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 247, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -89.10571635501458, + "y": 462.72214459475447 + }, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "R_I4SGYqLk5zze5I1zS_E", + "type": "subtopic", + "position": { + "x": -15.605716355014579, + "y": 553.7221445947545 + }, + "selected": false, + "data": { + "label": "Git", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "mi9YYg2qoXHHZm4LMZZMi" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -15.605716355014579, + "y": 553.7221445947545 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 202, + "height": 49, + "id": "IqvS1V-98cxko3e9sBQgP", + "type": "topic", + "position": { + "x": -41.10571635501458, + "y": 642.3734598570146 + }, + "selected": false, + "data": { + "label": "Package Managers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Jr2sD2Mn0oGGTnTYggWRZ" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 202, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -41.10571635501458, + "y": 642.3734598570146 + }, + "focusable": true + }, + { + "width": 153, + "height": 49, + "id": "qmTVMJDsEhNIkiwE_UTYu", + "type": "subtopic", + "position": { + "x": 244.89428364498542, + "y": 260.49093274179154 + }, + "selected": false, + "data": { + "label": "GitHub", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "YFe7BDbyGA_iiDUkx6oqq" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 244.89428364498542, + "y": 260.49093274179154 + }, + "style": { + "width": 153, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 153, + "height": 49, + "id": "zIoSJMX3cuzCgDYHjgbEh", + "type": "subtopic", + "position": { + "x": 244.89428364498542, + "y": 314.49093274179154 + }, + "selected": false, + "data": { + "label": "GitLab", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bxr3QfV0O9CTeAePaV-vc" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 244.89428364498542, + "y": 314.49093274179154 + }, + "style": { + "width": 153, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 153, + "height": 49, + "id": "DILBiQp7WWgSZ5hhtDW6A", + "type": "subtopic", + "position": { + "x": 244.89428364498542, + "y": 368.49093274179154 + }, + "selected": false, + "data": { + "label": "Bitbucket", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Uz1bEMwz1z_Bnm7IpZtUt" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 244.89428364498542, + "y": 368.49093274179154 + }, + "style": { + "width": 153, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 123, + "height": 49, + "id": "yrq3nOwFREzl-9EKnpU-e", + "type": "subtopic", + "position": { + "x": -234.5062033769848, + "y": 694.7248298360628 + }, + "selected": false, + "data": { + "label": "yarn", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "aHMTzaoKeju0JmnKcL5Zf" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -234.5062033769848, + "y": 694.7248298360628 + }, + "style": { + "width": 123, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 123, + "height": 49, + "id": "SLxA5qJFp_28TRzr1BjxZ", + "type": "subtopic", + "position": { + "x": -234.5062033769848, + "y": 640.7248298360628 + }, + "selected": false, + "data": { + "label": "pnpm", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "I8DtxaKfOiZV7z7cIjBp1" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -234.5062033769848, + "y": 640.7248298360628 + }, + "style": { + "width": 123, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 123, + "height": 49, + "id": "ib_FHinhrw8VuSet-xMF7", + "type": "subtopic", + "position": { + "x": -234.5062033769848, + "y": 586.7248298360628 + }, + "selected": false, + "data": { + "label": "npm", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "ci4QooZfv4b4V_dbHdBVy" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -234.5062033769848, + "y": 586.7248298360628 + }, + "style": { + "width": 123, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 202, + "height": 49, + "id": "eXezX7CVNyC1RuyU_I4yP", + "type": "topic", + "position": { + "x": -41.10571635501458, + "y": 816.7248298360628 + }, + "selected": false, + "data": { + "label": "Pick a Framework", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "qluZto0GSnGcLKzo5aPvG" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 202, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -41.10571635501458, + "y": 816.7248298360628 + }, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "-bHFIiXnoUQSov64WI9yo", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 762.7248298360628 + }, + "selected": false, + "data": { + "label": "Angular", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "_mAZxK-bYwb0YSGi3_TYf" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 762.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "ERAdwL1G9M1bnx-fOm5ZA", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 708.7248298360628 + }, + "selected": false, + "data": { + "label": "Vue.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "wULFs38svyl-2rFOZU_6O" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 708.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "tG5v3O4lNIFc2uCnacPak", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 654.7248298360628 + }, + "selected": false, + "data": { + "label": "React", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "uIal-YNBZj87IUQkpesPY" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 654.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "ZR-qZ2Lcbu3FtqaMd3wM4", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 816.7248298360628 + }, + "selected": false, + "data": { + "label": "Svelte", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "a99SLXPb90SKSYlKnLZ2V" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 816.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "DxOSKnqAjZOPP-dq_U7oP", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 870.7248298360628 + }, + "selected": false, + "data": { + "label": "Solid JS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "76_HsxbNz3Hx_ceupTc7d" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 870.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 124, + "height": 49, + "id": "N5DCb6bDfgUnSdHPLYY4g", + "type": "subtopic", + "position": { + "x": 271.6924253885277, + "y": 924.7248298360628 + }, + "selected": false, + "data": { + "label": "Qwik", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "plpeLEvJgqN8v_koc8zMf" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 271.6924253885277, + "y": 924.7248298360628 + }, + "style": { + "width": 124, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 171, + "height": 49, + "id": "XDTD8el6OwuQ55wC-X4iV", + "type": "topic", + "position": { + "x": -448.6984751538557, + "y": 817.7248298360628 + }, + "selected": false, + "data": { + "label": "Writing CSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "mVB2SuMdWlS4iboXkZmmi" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 171, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -448.6984751538557, + "y": 817.7248298360628 + }, + "focusable": true + }, + { + "width": 138, + "height": 49, + "id": "eghnfG4p7i-EDWfp3CQXC", + "type": "subtopic", + "position": { + "x": -644.6984751538557, + "y": 817.7248298360628 + }, + "selected": false, + "data": { + "label": "Tailwind", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "URZEGnsvxsqA6di6RPE-9" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -644.6984751538557, + "y": 817.7248298360628 + }, + "style": { + "width": 138, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 20, + "height": 102, + "id": "LEijbLyxg4RyutKEM2Y5g", + "type": "vertical", + "position": { + "x": -162, + "y": -202.5992517776511 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#0A33FF" + }, + "oldId": "xD07fJ1NmNeAarVCEfubU" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -162, + "y": -202.5992517776511 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 102 + }, + "resizing": false + }, + { + "width": 176, + "height": 49, + "id": "nPg_YWpMJtlhU2t2UD_6B", + "type": "topic", + "position": { + "x": -451.1984751538557, + "y": 939.3734598570145 + }, + "selected": false, + "data": { + "label": "CSS Architecture", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Hywq64knVVo-ueMDlWIlV" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 176, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -451.1984751538557, + "y": 939.3734598570145 + }, + "focusable": true + }, + { + "width": 210, + "height": 49, + "id": "UTW1pP59dUehuf0zeHXqL", + "type": "topic", + "position": { + "x": -199.68921216755552, + "y": 939.3734598570145 + }, + "selected": false, + "data": { + "label": "CSS Preprocessors", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "OtOD2ta89JI6LB-b5Rn41" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 210, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -199.68921216755552, + "y": 939.3734598570145 + }, + "focusable": true + }, + { + "width": 138, + "height": 49, + "id": "dRDmS072xeNLX7p_X565w", + "type": "subtopic", + "position": { + "x": -644.6984751538557, + "y": 939.3734598570145 + }, + "selected": false, + "data": { + "label": "BEM", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "tFTf8ShyBFo8WqHmRKGf3" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -644.6984751538557, + "y": 939.3734598570145 + }, + "style": { + "width": 138, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "kukEE5rMSPa4NeNjx21kt", + "type": "subtopic", + "position": { + "x": -199.68921216755552, + "y": 1012.9484886477385 + }, + "selected": false, + "data": { + "label": "Sass", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bzo4iJ2GaxRX1g7COIrsO" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -199.68921216755552, + "y": 1012.9484886477385 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "9WlPENh9g1xOv-zA64Tfg", + "type": "subtopic", + "position": { + "x": -89.68921216755552, + "y": 1012.9484886477385 + }, + "selected": false, + "data": { + "label": "PostCSS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "FuupAErYJB5_9EYcs8Ltg" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -89.68921216755552, + "y": 1012.9484886477385 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 160, + "height": 49, + "id": "i9z0stM4uKu27Cz6NIgNX", + "type": "topic", + "position": { + "x": 241.39428364498542, + "y": 1238.9097604780045 + }, + "selected": false, + "data": { + "label": "Build Tools", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "UUDkLxmojRYcDTpuyVFDj" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 160, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 241.39428364498542, + "y": 1238.9097604780045 + }, + "focusable": true + }, + { + "width": 225, + "height": 49, + "id": "9VcGfDBBD8YcKatj4VcH1", + "type": "topic", + "position": { + "x": -48.8854599140368, + "y": 1183.2047610770715 + }, + "selected": false, + "data": { + "label": "Linters and Formatters", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "f-3gf76yb-ihCOPTT30YX" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 225, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -48.8854599140368, + "y": 1183.2047610770715 + }, + "focusable": true + }, + { + "width": 225, + "height": 49, + "id": "hkSc_1x09m7-7BO7WzlDT", + "type": "topic", + "position": { + "x": -48.8854599140368, + "y": 1238.9097604780045 + }, + "selected": false, + "data": { + "label": "Module Bundlers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "aQtOJsbkiuRhDqxhVWNlQ" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 225, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -48.8854599140368, + "y": 1238.9097604780045 + }, + "focusable": true + }, + { + "width": 211, + "height": 49, + "id": "NS-hwaWa5ebSmNNRoxFDp", + "type": "subtopic", + "position": { + "x": -360.13444253706336, + "y": 1346.9097604780045 + }, + "selected": false, + "data": { + "label": "Parcel", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Fd8mOgQYENGkAU8W0LSkw" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -360.13444253706336, + "y": 1346.9097604780045 + }, + "style": { + "width": 211, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 211, + "height": 49, + "id": "sCjErk7rfWAUvhl8Kfm3n", + "type": "subtopic", + "position": { + "x": -360.13444253706336, + "y": 1292.9097604780045 + }, + "selected": false, + "data": { + "label": "Rollup", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "gyF7FgAkwZ88w61m22Rjf" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -360.13444253706336, + "y": 1292.9097604780045 + }, + "style": { + "width": 211, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 211, + "height": 49, + "id": "twufEtHgxcRUWAUQ9bXus", + "type": "subtopic", + "position": { + "x": -360.13444253706336, + "y": 1238.9097604780045 + }, + "selected": false, + "data": { + "label": "Webpack", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "3xtpc7w31zyKpNs8LTr6F" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -360.13444253706336, + "y": 1238.9097604780045 + }, + "style": { + "width": 211, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 103, + "height": 49, + "id": "4W7UXfdKIUsm1bUrjdTVT", + "type": "subtopic", + "position": { + "x": -250.53087783577723, + "y": 1185.469247596049 + }, + "selected": false, + "data": { + "label": "esbuild", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "t_hNHvx8q5HdzSoWmAEGo" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -250.53087783577723, + "y": 1185.469247596049 + }, + "style": { + "width": 103, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 211, + "height": 49, + "id": "0Awx3zEI5_gYEIrD7IVX6", + "type": "subtopic", + "position": { + "x": -360.13444253706336, + "y": 1130.9097604780045 + }, + "selected": false, + "data": { + "label": "Vite", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "K4VjGtyD8zVFUMDMywTYM" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -360.13444253706336, + "y": 1130.9097604780045 + }, + "style": { + "width": 211, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 111, + "height": 49, + "id": "zbkpu_gvQ4mgCiZKzS1xv", + "type": "subtopic", + "position": { + "x": -48.8854599140368, + "y": 1097.007960598624 + }, + "selected": false, + "data": { + "label": "Prettier", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "_TRZgdEjj_B-DQe2Vxrrm" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -48.8854599140368, + "y": 1097.007960598624 + }, + "style": { + "width": 111, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 110, + "height": 49, + "id": "NFjsI712_qP0IOmjuqXar", + "type": "subtopic", + "position": { + "x": 67.34973095743374, + "y": 1097.007960598624 + }, + "selected": false, + "data": { + "label": "ESLint", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "8SvBv3DDaXg2G8m9Hf7-g" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 67.34973095743374, + "y": 1097.007960598624 + }, + "style": { + "width": 110, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 160, + "height": 51, + "id": "igg4_hb3XE3vuvY8ufV-4", + "type": "topic", + "position": { + "x": 241.39428364498542, + "y": 1415.707960645082 + }, + "selected": false, + "data": { + "label": "Testing", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "M-Oj3xklWJVhnuu_8M9LV" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 160, + "height": 51 + }, + "resizing": false, + "positionAbsolute": { + "x": 241.39428364498542, + "y": 1415.707960645082 + }, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "hVQ89f6G0LXEgHIOKHDYq", + "type": "subtopic", + "position": { + "x": -67.36820371502154, + "y": 1354.100267415748 + }, + "selected": false, + "data": { + "label": "Vitest", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "-mSYXMk_uhUAoQAwBhxgp" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -67.36820371502154, + "y": 1354.100267415748 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "g5itUjgRXd9vs9ujHezFl", + "type": "subtopic", + "position": { + "x": 37.63179628497846, + "y": 1354.100267415748 + }, + "selected": false, + "data": { + "label": "Jest", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "3JyKZE1jB43Hq3GlG1hvn" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 37.63179628497846, + "y": 1354.100267415748 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 160, + "height": 49, + "id": "jramLk8FGuaEH4YpHIyZT", + "type": "subtopic", + "position": { + "x": 241.39428364498542, + "y": 1514.2939858099264 + }, + "selected": false, + "data": { + "label": "Playwright", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "matNxmkGq8gg-UQ_cSNPd" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 241.39428364498542, + "y": 1514.2939858099264 + }, + "style": { + "width": 160, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 160, + "height": 49, + "id": "DaynCz5RR26gjT6N6gTDL", + "type": "subtopic", + "position": { + "x": 241.39428364498542, + "y": 1568.2939858099264 + }, + "selected": false, + "data": { + "label": "Cypress", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "2MeMVJVJchEHBt2R3lyzw" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 241.39428364498542, + "y": 1568.2939858099264 + }, + "style": { + "width": 160, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 330, + "height": 50, + "id": "U5mD5FmVx7VWeKxDpQxB5", + "type": "topic", + "position": { + "x": -267.4913561640819, + "y": 1483.7610367386817 + }, + "selected": false, + "data": { + "label": "Authentication Strategies", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "5W4R31waHlBLMPk8HEHjt" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 330, + "height": 50 + }, + "resizing": true, + "positionAbsolute": { + "x": -267.4913561640819, + "y": 1483.7610367386817 + }, + "focusable": true + }, + { + "width": 222, + "height": 49, + "id": "RDWbG3Iui6IPgp0shvXtg", + "type": "topic", + "position": { + "x": -641.4418542150819, + "y": 1384.2280876674367 + }, + "selected": false, + "data": { + "label": "Web Security Basics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "yGexInV1evZLDnA6E4-Ta" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 222, + "height": 49 + }, + "resizing": true, + "positionAbsolute": { + "x": -641.4418542150819, + "y": 1384.2280876674367 + }, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "AfH2zCbqzw0Nisg1yyISS", + "type": "subtopic", + "position": { + "x": -641.4418542150819, + "y": 1131.2732116944574 + }, + "selected": false, + "data": { + "label": "CORS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "AiFQoD09X9K36nmgsH1Aj" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -641.4418542150819, + "y": 1131.2732116944574 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "uum7vOhOUR38vLuGZy8Oa", + "type": "subtopic", + "position": { + "x": -526.4565506483883, + "y": 1131.2732116944574 + }, + "selected": false, + "data": { + "label": "HTTPS", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "smz9DaF6gwWdob_lyMYzt" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -526.4565506483883, + "y": 1131.2732116944574 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 226, + "height": 49, + "id": "rmcm0CZbtNVC9LZ14-H6h", + "type": "subtopic", + "position": { + "x": -641.4418542150819, + "y": 1185.2732116944574 + }, + "selected": false, + "data": { + "label": "Content Security Policy", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "xAu1DT2aO5IzvaDrjYB0M" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -641.4418542150819, + "y": 1185.2732116944574 + }, + "style": { + "width": 226, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 225, + "height": 49, + "id": "JanR7I_lNnUCXhCMGLdn-", + "type": "subtopic", + "position": { + "x": -641.4418542150819, + "y": 1239.2732116944574 + }, + "selected": false, + "data": { + "label": "OWASP Security Risks", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "kUy5HzWZoQm4YEDM6SYnL" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -641.4418542150819, + "y": 1239.2732116944574 + }, + "style": { + "width": 225, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 226, + "height": 49, + "id": "ruoFa3M4bUE3Dg6GXSiUI", + "type": "topic", + "position": { + "x": -643.4418542150819, + "y": 1628.657291456067 + }, + "selected": false, + "data": { + "label": "Web Components", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bxdQ2Kh_6OA6zABiQDMzW" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 226, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -643.4418542150819, + "y": 1628.657291456067 + }, + "focusable": true + }, + { + "width": 168, + "height": 49, + "id": "hwPOGT0-duy3KfI8QaEwF", + "type": "topic", + "position": { + "x": -276.3110352511957, + "y": 1628.657291456067 + }, + "selected": false, + "data": { + "label": "Type Checkers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "E15W2UbKUcQ2SIEOKjHnF" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 168, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -276.3110352511957, + "y": 1628.657291456067 + }, + "focusable": true + }, + { + "width": 226, + "height": 49, + "id": "VxiQPgcYDFAT6WgSRWpIA", + "type": "subtopic", + "position": { + "x": -643.4418542150819, + "y": 1779.6524214737567 + }, + "selected": false, + "data": { + "label": "Custom Elements", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9bxoRhitbZNn5b0IoJYBg" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -643.4418542150819, + "y": 1779.6524214737567 + }, + "style": { + "width": 226, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 226, + "height": 49, + "id": "Hk8AVonOd693_y1sykPqd", + "type": "subtopic", + "position": { + "x": -643.4418542150819, + "y": 1725.6524214737567 + }, + "selected": false, + "data": { + "label": "HTML Templates", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "fexS9SQR_oUMMyvCFfQHx" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -643.4418542150819, + "y": 1725.6524214737567 + }, + "style": { + "width": 226, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 226, + "height": 49, + "id": "-SpsNeOZBkQfDA-rwzgPg", + "type": "subtopic", + "position": { + "x": -643.4418542150819, + "y": 1833.6524214737567 + }, + "selected": false, + "data": { + "label": "Shadow DOM", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9uwJS2bEPM1-b5w-clIgW" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -643.4418542150819, + "y": 1833.6524214737567 + }, + "style": { + "width": 226, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 168, + "height": 49, + "id": "0asdhvwBH3gn-ercktV7A", + "type": "subtopic", + "position": { + "x": -276.3110352511957, + "y": 1715.5579525586788 + }, + "selected": false, + "data": { + "label": "TypeScript", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "zNxwUyEsGPseh4i7l052C" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -276.3110352511957, + "y": 1715.5579525586788 + }, + "style": { + "width": 168, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 283, + "height": 49, + "id": "Cxspmb14_0i1tfw-ZLxEu", + "type": "topic", + "position": { + "x": 122.34973095743374, + "y": 1955.2381074587565 + }, + "selected": false, + "data": { + "label": "Server Side Rendering (SSR)", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9xcixG6DhtFqzvrdVC-iR" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 283, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 122.34973095743374, + "y": 1955.2381074587565 + }, + "focusable": true + }, + { + "width": 105, + "height": 49, + "id": "OL8I6nOZ8hGGWmtxg_Mv8", + "type": "subtopic", + "position": { + "x": 117.74458345301082, + "y": 1873.369602551074 + }, + "selected": false, + "data": { + "label": "Svelte", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "E2W0AJDq7IWWEyTJeixyG" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 117.74458345301082, + "y": 1873.369602551074 + }, + "style": { + "width": 105, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 105, + "height": 49, + "id": "3TE_iYvbklXK0be-5f2M7", + "type": "subtopic", + "position": { + "x": 117.74458345301082, + "y": 1819.369602551074 + }, + "selected": false, + "data": { + "label": "Vue.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "5iKf8ERxF8x8-DjoxqpLz" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 117.74458345301082, + "y": 1819.369602551074 + }, + "style": { + "width": 105, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 105, + "height": 49, + "id": "k6rp6Ua9qUEW_DA_fOg5u", + "type": "subtopic", + "position": { + "x": 117.74458345301082, + "y": 1765.369602551074 + }, + "selected": false, + "data": { + "label": "Angular", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "5EmJofW_K7cJuv71au2TV" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 117.74458345301082, + "y": 1765.369602551074 + }, + "style": { + "width": 105, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 105, + "height": 49, + "id": "SGDf_rbfmFSHlxI-Czzlz", + "type": "subtopic", + "position": { + "x": 115.8253071940922, + "y": 1711.369602551074 + }, + "selected": false, + "data": { + "label": "React", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9GxkJoUjCQxG6gx8_3SGV" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 115.8253071940922, + "y": 1711.369602551074 + }, + "style": { + "width": 105, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 118, + "height": 49, + "id": "KJRkrFZIihCUBrOf579EU", + "type": "subtopic", + "position": { + "x": 286.122755911093, + "y": 1712.0301235678273 + }, + "selected": false, + "data": { + "label": "Remix", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Bd2XFblDYF5a58H8rT-xD" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 286.122755911093, + "y": 1712.0301235678273 + }, + "style": { + "width": 118, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 118, + "height": 49, + "id": "zNFYAJaSq0YZXL5Rpx1NX", + "type": "subtopic", + "position": { + "x": 286.122755911093, + "y": 1658.0301235678273 + }, + "selected": false, + "data": { + "label": "Next.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "XEBjJw31qtoP0giNeTIOb" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 286.122755911093, + "y": 1658.0301235678273 + }, + "style": { + "width": 118, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 118, + "height": 49, + "id": "-Nsq3Jg3gq02mKcm4u41_", + "type": "subtopic", + "position": { + "x": 286.122755911093, + "y": 1766.0301235678273 + }, + "selected": false, + "data": { + "label": "Universal", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "FWYq1kSAfiN6CjjICK3x5" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 286.122755911093, + "y": 1766.0301235678273 + }, + "style": { + "width": 118, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 118, + "height": 49, + "id": "BBsXxkbbEG-gnbM1xXKrj", + "type": "subtopic", + "position": { + "x": 286.122755911093, + "y": 1820.0301235678273 + }, + "selected": false, + "data": { + "label": "Nuxt.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "bzDexz0i_3O-0CZxeVz__" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 286.122755911093, + "y": 1820.0301235678273 + }, + "style": { + "width": 118, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 118, + "height": 49, + "id": "P4st_telfCwKLSAU2WsQP", + "type": "subtopic", + "position": { + "x": 286.122755911093, + "y": 1874.0301235678273 + }, + "selected": false, + "data": { + "label": "Svelte Kit", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "eLRQ4TTquWmk5ElFO8bUs" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 286.122755911093, + "y": 1874.0301235678273 + }, + "style": { + "width": 118, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 158, + "height": 49, + "id": "L7AllJfKvClaam3y-u6DP", + "type": "topic", + "position": { + "x": -268.25762800793046, + "y": 1955.2381074587565 + }, + "selected": false, + "data": { + "label": "GraphQL", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "pbcrQq92xWLdgHQjcv1B-" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 158, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -268.25762800793046, + "y": 1955.2381074587565 + }, + "focusable": true + }, + { + "width": 158, + "height": 49, + "id": "5eUbDdOTOfaOhUlZAmmXW", + "type": "subtopic", + "position": { + "x": -268.25762800793046, + "y": 1810.3739101553622 + }, + "selected": false, + "data": { + "label": "Apollo", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "T8XBkJc3CQ0OeNbir3aIB" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -268.25762800793046, + "y": 1810.3739101553622 + }, + "style": { + "width": 158, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 158, + "height": 49, + "id": "0moPO23ol33WsjVXSpTGf", + "type": "subtopic", + "position": { + "x": -268.25762800793046, + "y": 1864.3739101553622 + }, + "selected": false, + "data": { + "label": "Relay Modern", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "ao2xbMKjWdjJuYzmxWewu" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -268.25762800793046, + "y": 1864.3739101553622 + }, + "style": { + "width": 158, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 232, + "height": 49, + "id": "n0q32YhWEIAUwbGXexoqV", + "type": "topic", + "position": { + "x": -29.8255385145157, + "y": 2301.833490040384 + }, + "selected": false, + "data": { + "label": "Static Site Generators", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Byp3BhV5zTeER5tUPogqW" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 232, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": -29.8255385145157, + "y": 2301.833490040384 + }, + "focusable": true + }, + { + "width": 114, + "height": 49, + "id": "CMrss8E2W0eA6DVEqtPjT", + "type": "subtopic", + "position": { + "x": -29.34942862879211, + "y": 2415.6987607173705 + }, + "selected": false, + "data": { + "label": "Vuepress", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "SUBnFEyi6Us6fXRh6D6TE" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -29.34942862879211, + "y": 2415.6987607173705 + }, + "style": { + "width": 114, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 114, + "height": 49, + "id": "kFQazhINkkiuGEAbHv1nE", + "type": "subtopic", + "position": { + "x": -29.34942862879211, + "y": 2469.6987607173705 + }, + "selected": false, + "data": { + "label": "Jekyll", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "hAYlDH7-mqnY_b5ksFYqU" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -29.34942862879211, + "y": 2469.6987607173705 + }, + "style": { + "width": 114, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 114, + "height": 49, + "id": "sb63ENIkvQnC1cPYnI1ll", + "type": "subtopic", + "position": { + "x": -29.34942862879211, + "y": 2523.6987607173705 + }, + "selected": false, + "data": { + "label": "Hugo", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "gLp2xXRfGGnKNRws4_cQ4" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -29.34942862879211, + "y": 2523.6987607173705 + }, + "style": { + "width": 114, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 114, + "height": 49, + "id": "XWJxV42Dpu2D3xDK10Pn3", + "type": "subtopic", + "position": { + "x": -29.34942862879211, + "y": 2577.6987607173705 + }, + "selected": false, + "data": { + "label": "Nuxt.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "vKK8jvUcXrJF_VNJtrZ9F" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -29.34942862879211, + "y": 2577.6987607173705 + }, + "style": { + "width": 114, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "iUxXq7beg55y76dkwhM13", + "type": "subtopic", + "position": { + "x": 95.2199168463942, + "y": 2415.822111508183 + }, + "selected": false, + "data": { + "label": "Astro", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "rRf68iRg_Jtn_jGBayLxQ" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 95.2199168463942, + "y": 2415.822111508183 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "io0RHJWIcVxDhcYkV9d38", + "type": "subtopic", + "position": { + "x": 95.2199168463942, + "y": 2469.822111508183 + }, + "selected": false, + "data": { + "label": "Eleventy", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "hWWOyclt4hWJmbMvPBt5i" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 95.2199168463942, + "y": 2469.822111508183 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "V70884VcuXkfrfHyLGtUg", + "type": "subtopic", + "position": { + "x": 95.2199168463942, + "y": 2523.822111508183 + }, + "selected": false, + "data": { + "label": "Next.js", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "2d9PRh48NLgCKvMRUP9Mp" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 95.2199168463942, + "y": 2523.822111508183 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 109, + "height": 49, + "id": "yj-LnWb41Q7TX6WRB-ge2", + "type": "subtopic", + "position": { + "x": 94.65057137120789, + "y": 2577.6987607173705 + }, + "selected": false, + "data": { + "label": "Remix", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "9-OdMPLFSzXyxp1oOe1cl" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 94.65057137120789, + "y": 2577.6987607173705 + }, + "style": { + "width": 109, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 262, + "height": 50, + "id": "PoM77O2OtxPELxfrW1wtl", + "type": "topic", + "position": { + "x": -491.5, + "y": 2048.5874140279066 + }, + "selected": false, + "data": { + "label": "Progressive Web Apps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "z2-TJ71VFM7LKPXaCKe2T" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 262, + "height": 50 + }, + "resizing": false, + "positionAbsolute": { + "x": -491.5, + "y": 2048.5874140279066 + }, + "focusable": true + }, + { + "width": 144, + "height": 49, + "id": "VOGKiG2EZVfCBAaa7Df0W", + "type": "topic", + "position": { + "x": 256.92382104841215, + "y": 2301.833490040384 + }, + "selected": false, + "data": { + "label": "Mobile Apps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "1Cr9EEM5MLBlE8pquMlbZ" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 144, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 256.92382104841215, + "y": 2301.833490040384 + }, + "focusable": true + }, + { + "width": 150, + "height": 49, + "id": "dsTegXTyupjS8iU6I7Xiv", + "type": "subtopic", + "position": { + "x": 253.92382104841215, + "y": 2045.3894186454863 + }, + "selected": false, + "data": { + "label": "React Native", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "kkmRxX5txOVNalze5qbFt" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 253.92382104841215, + "y": 2045.3894186454863 + }, + "style": { + "width": 150, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 150, + "height": 49, + "id": "dIQXjFEUAJAGxxfAYceHU", + "type": "subtopic", + "position": { + "x": 253.92382104841215, + "y": 2099.3894186454863 + }, + "selected": false, + "data": { + "label": "Flutter", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "E6CO-PPeanNHM3VmHlOj_" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 253.92382104841215, + "y": 2099.3894186454863 + }, + "style": { + "width": 150, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 150, + "height": 49, + "id": "xmRv6-L45m5MDpHmdHFCL", + "type": "subtopic", + "position": { + "x": 253.92382104841215, + "y": 2153.3894186454863 + }, + "selected": false, + "data": { + "label": "Ionic", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Lwn9ABE_c54DSVxC_Xqqd" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 253.92382104841215, + "y": 2153.3894186454863 + }, + "style": { + "width": 150, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 150, + "height": 49, + "id": "2wLKhD8OhVsTR-Q7WPwbj", + "type": "subtopic", + "position": { + "x": 253.92382104841215, + "y": 2207.266067854674 + }, + "selected": false, + "data": { + "label": "NativeScript", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "A7OE8aij_Nw4pe1ujRfni" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 253.92382104841215, + "y": 2207.266067854674 + }, + "style": { + "width": 150, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 154, + "height": 49, + "id": "KMA7NkxFbPoUDtFnGBFnj", + "type": "topic", + "position": { + "x": 251.34973095743374, + "y": 2715.755580716903 + }, + "selected": false, + "data": { + "label": "Desktop Apps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "0shXGvdS3IlJgBvHoQuDm" + }, + "zIndex": 999, + "dragging": false, + "style": { + "width": 154, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 251.34973095743374, + "y": 2715.755580716903 + }, + "focusable": true + }, + { + "width": 213, + "height": 49, + "id": "OIcmPSbdsuWapb6HZ4BEi", + "type": "button", + "position": { + "x": -335.3450414085644, + "y": 3032.3089001088356 + }, + "selected": false, + "data": { + "label": "TypeScript Roamdap", + "href": "", + "color": "#000000", + "backgroundColor": "#ffe59a", + "style": { + "fontSize": 17 + }, + "borderColor": "#000000", + "oldId": "cmSSwPPiiHwYh9ct14N6A" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -335.3450414085644, + "y": 3032.3089001088356 + }, + "style": { + "width": 213, + "height": 49 + }, + "focusable": true, + "resizing": false + }, + { + "width": 213, + "height": 49, + "id": "qXKNK_IsGS8-JgLK-Q9oU", + "type": "button", + "position": { + "x": -113.79082616152044, + "y": 3032.3089001088356 + }, + "selected": false, + "data": { + "label": "Nodejs Roamdap", + "href": "", + "color": "#000000", + "backgroundColor": "#ffe59a", + "style": { + "fontSize": 17 + }, + "borderColor": "#000000", + "oldId": "U309TNZ3yUYyAmP33dOt1" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -113.79082616152044, + "y": 3032.3089001088356 + }, + "style": { + "width": 213, + "height": 49 + }, + "focusable": true + }, + { + "width": 20, + "height": 85, + "id": "RLtk1C3gofHnLJ17x3o5b", + "type": "vertical", + "position": { + "x": -124.75829520557221, + "y": 3101.163242675726 + }, + "selected": false, + "data": { + "label": "vertical node", + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2B78E4" + }, + "oldId": "ExXFPDHXtcOMcvZttzxvD" + }, + "zIndex": 999, + "positionAbsolute": { + "x": -124.75829520557221, + "y": 3101.163242675726 + }, + "dragging": false, + "focusable": true, + "style": { + "width": 20, + "height": 85 + }, + "resizing": false + }, + { + "width": 102, + "height": 49, + "id": "mQHpSyMR4Rra4mqAslgiS", + "type": "subtopic", + "position": { + "x": 69.46343000583516, + "y": 2659.529159876233 + }, + "selected": false, + "data": { + "label": "Electron", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "oT8ChWye8YxdMuD0Ju9cb" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 69.46343000583516, + "y": 2659.529159876233 + }, + "style": { + "width": 102, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "GJctl0tVXe4B70s35RkLT", + "type": "subtopic", + "position": { + "x": 70.46343000583516, + "y": 2713.529159876233 + }, + "selected": false, + "data": { + "label": "Tauri", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "Wkhxb3Ax0Qlt61QpuwVXH" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 70.46343000583516, + "y": 2713.529159876233 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 100, + "height": 49, + "id": "2MRvAK9G9RGM_auWytcKh", + "type": "subtopic", + "position": { + "x": 70.46343000583516, + "y": 2767.529159876233 + }, + "selected": false, + "data": { + "label": "Flutter", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "vicOyCmPv4Nj_QQnP6_Y4" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": 70.46343000583516, + "y": 2767.529159876233 + }, + "style": { + "width": 100, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "-DsETM9xLgHyGZthptj1Y", + "type": "topic", + "position": { + "x": -324.7582952055722, + "y": 2209.106258964535 + }, + "selected": false, + "data": { + "label": "PRPL Pattern", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "xD5WfEP7Ez0oi3890UgmH" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -324.7582952055722, + "y": 2209.106258964535 + }, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "xD5WfEP7Ez0oi3890UgmH", + "type": "topic", + "position": { + "x": -324.7582952055722, + "y": 2253.106258964535 + }, + "selected": false, + "data": { + "label": "RAIL Model", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -324.7582952055722, + "y": 2253.106258964535 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "X0Y3-IpPiFUCsNDK4RFxw", + "type": "topic", + "position": { + "x": -324.7582952055722, + "y": 2297.106258964535 + }, + "selected": false, + "data": { + "label": "Performance Metrics", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "3_sJHKTogkDoCjR518-OL" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -324.7582952055722, + "y": 2297.106258964535 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "RIhHMHLsLLPhNl05Q9aBf", + "type": "topic", + "position": { + "x": -324.7582952055722, + "y": 2341.106258964535 + }, + "selected": false, + "data": { + "label": "Using Lighthouse", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "3_sJHKTogkDoCjR518-OL" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -324.7582952055722, + "y": 2341.106258964535 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "3_sJHKTogkDoCjR518-OL", + "type": "topic", + "position": { + "x": -324.7582952055722, + "y": 2385.106258964535 + }, + "selected": false, + "data": { + "label": "Using DevTools", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "xD5WfEP7Ez0oi3890UgmH" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -324.7582952055722, + "y": 2385.106258964535 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 263, + "height": 49, + "id": "mB3hZvAfRr6kCEbF6t-yz", + "type": "button", + "position": { + "x": -347.71877670581523, + "y": 2519.382968916314 + }, + "selected": false, + "data": { + "label": "Performance Best Practices", + "href": "https://roadmap.sh/best-practices/frontend-performance", + "color": "#ffffff", + "backgroundColor": "#4136d6", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -347.71877670581523, + "y": 2519.382968916314 + }, + "style": { + "width": 263, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "width": 260, + "height": 505, + "id": "0-AijuwIdYdGuiNnne4Yg", + "type": "paragraph", + "position": { + "x": -628.2291608378234, + "y": 2187.78288629059 + }, + "selected": false, + "data": { + "label": "Calculating Measuring and improving performance", + "style": { + "fontSize": 17, + "justifyContent": "flex-end", + "textAlign": "center", + "borderColor": "#000000", + "backgroundColor": "WHITe" + }, + "oldId": "Tqv7Lj8TklDTrZH5_fmUf" + }, + "zIndex": 999, + "style": { + "width": 260, + "height": 505 + }, + "resizing": false, + "dragging": false, + "positionAbsolute": { + "x": -628.2291608378234, + "y": 2187.78288629059 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "raoa-75p_DyBAycvy3yVv", + "type": "topic", + "position": { + "x": -608.2686793375804, + "y": 2209.5061763388107 + }, + "selected": false, + "data": { + "label": "Storage", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "-DsETM9xLgHyGZthptj1Y" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2209.5061763388107 + }, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "NDJR8UCoa31v45TBFP7we", + "type": "topic", + "position": { + "x": -608.2686793375804, + "y": 2253.5061763388107 + }, + "selected": false, + "data": { + "label": "Web Sockets", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "xD5WfEP7Ez0oi3890UgmH" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2253.5061763388107 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "doPe92aUpo-8KWhi45lWK", + "type": "topic", + "position": { + "x": -608.2686793375804, + "y": 2297.5061763388107 + }, + "selected": false, + "data": { + "label": "Server Sent Events", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "X0Y3-IpPiFUCsNDK4RFxw" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2297.5061763388107 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "TldWoXiqKxM4X3JONKAR7", + "type": "topic", + "position": { + "x": -608.2686793375804, + "y": 2341.5061763388107 + }, + "selected": false, + "data": { + "label": "Service Workers", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "RIhHMHLsLLPhNl05Q9aBf" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2341.5061763388107 + }, + "resizing": false, + "style": { + "width": 220, + "height": 40 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "YbGGYoKJEx29PlvopUBiM", + "type": "subtopic", + "position": { + "x": -608.2686793375804, + "y": 2385.5061763388107 + }, + "selected": false, + "data": { + "label": "Location", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + } + }, + "zIndex": 999, + "style": { + "width": 220, + "height": 40 + }, + "dragging": false, + "focusable": true, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2385.5061763388107 + } + }, + { + "width": 220, + "height": 40, + "id": "6AlcArOiJMhHXguAosDzn", + "type": "subtopic", + "position": { + "x": -608.2686793375804, + "y": 2429.5061763388107 + }, + "selected": false, + "data": { + "label": "Notifications", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "opu2bAsmdWHqWqtsCscLC" + }, + "zIndex": 999, + "style": { + "width": 220, + "height": 40 + }, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2429.5061763388107 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "Fd0hQh1DleM0gMzCpGou4", + "type": "subtopic", + "position": { + "x": -608.2686793375804, + "y": 2473.5061763388107 + }, + "selected": false, + "data": { + "label": "Device Orientation", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "opu2bAsmdWHqWqtsCscLC" + }, + "zIndex": 999, + "style": { + "width": 220, + "height": 40 + }, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2473.5061763388107 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "MAM1nuVk-h4AvTUk4nvmj", + "type": "subtopic", + "position": { + "x": -608.2686793375804, + "y": 2517.5061763388107 + }, + "selected": false, + "data": { + "label": "Payments", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "opu2bAsmdWHqWqtsCscLC" + }, + "zIndex": 999, + "style": { + "width": 220, + "height": 40 + }, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2517.5061763388107 + }, + "focusable": true + }, + { + "width": 220, + "height": 40, + "id": "opu2bAsmdWHqWqtsCscLC", + "type": "subtopic", + "position": { + "x": -608.2686793375804, + "y": 2561.5061763388107 + }, + "selected": false, + "data": { + "label": "Credentials", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "YbGGYoKJEx29PlvopUBiM" + }, + "zIndex": 999, + "style": { + "width": 220, + "height": 40 + }, + "dragging": false, + "positionAbsolute": { + "x": -608.2686793375804, + "y": 2561.5061763388107 + }, + "focusable": true + }, + { + "id": "y8mpS-q8TCwp3k23enpf7", + "type": "paragraph", + "position": { + "x": -645.5168967945566, + "y": 602.7221445947545 + }, + "selected": false, + "data": { + "label": "We’ve trimmed down the CSS part for the sake of brevity. You should read about CSS-in-JS, CSS Modules and Styled Components. Also worth looking at are Panda CSS, Shadcn UI, Mantine and more.", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "left", + "borderColor": "TRANSPARENt", + "backgroundColor": "#ebebeb" + } + }, + "zIndex": 999, + "width": 365, + "height": 165, + "positionAbsolute": { + "x": -645.5168967945566, + "y": 602.7221445947545 + }, + "dragging": false, + "resizing": false, + "style": { + "width": 365, + "height": 165 + }, + "focusable": true + }, + { + "width": 104, + "height": 49, + "id": "h26uS3muFCabe6ekElZcI", + "type": "subtopic", + "position": { + "x": -360.13444253706336, + "y": 1185.469247596049 + }, + "selected": false, + "data": { + "label": "SWC", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "center" + }, + "oldId": "4W7UXfdKIUsm1bUrjdTVT" + }, + "zIndex": 999, + "dragging": false, + "positionAbsolute": { + "x": -360.13444253706336, + "y": 1185.469247596049 + }, + "style": { + "width": 104, + "height": 49 + }, + "resizing": false, + "focusable": true + }, + { + "id": "dnVfC9N76qvTGKO9B-AW7", + "type": "label", + "position": { + "x": -271.4913561640819, + "y": 1542.0166772420591 + }, + "selected": false, + "data": { + "label": "JWT, OAuth, SSO, Basic Auth, Session Auth", + "href": "", + "color": "#000000", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 340, + "height": 36, + "positionAbsolute": { + "x": -271.4913561640819, + "y": 1542.0166772420591 + }, + "dragging": false, + "focusable": true + }, + { + "id": "qN-6iiXWgn5qSzK3o0Tjo", + "type": "legend", + "position": { + "x": -654.8814218617622, + "y": -292.09541222709834 + }, + "selected": false, + "data": { + "label": "", + "legends": [ + { + "id": "NJhQIvMyMD1Cu-JA1UCmJ", + "color": "#2b78e4", + "label": "Personal Recommendation / Opinion" }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "198", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "137", - "measuredH": "25", - "x": "30", - "y": "9", - "properties": { - "size": "17", - "text": "Node.js Roadmap" - } - } - ] - } - } - }, - { - "ID": "4065", - "typeID": "__group__", - "zOrder": "232", - "measuredW": "198", - "measuredH": "44", - "w": "198", - "h": "44", - "x": "675", - "y": "3328", - "properties": { - "controlName": "ext_link:roadmap.sh/typescript" + { + "id": "DMx7rAjVBWMbzjSde-tvp", + "label": "Alternative Option / Pick this or purple", + "color": "#4f7a28" }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "198", - "h": "44", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "160", - "measuredH": "25", - "x": "21", - "y": "9", - "properties": { - "size": "17", - "text": "TypeScript Roadmap" - } - } - ] - } - } - }, - { - "ID": "4066", - "typeID": "Arrow", - "zOrder": "233", - "w": "240", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "734", - "y": "3477", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "16777215", - "p0": { - "x": 0, - "y": 2.0909090909090082 - }, - "p1": { - "x": 0.4072427393330942, - "y": 0.00953746862674794 - }, - "p2": { - "x": 240.29238284114695, - "y": 2.0909090909090082 - } - } + { + "id": "R9WLhURhPdVNXP7AUTDvR", + "label": "Order not strict / Learn anytime", + "color": "#929292" + } + ] + }, + "zIndex": 999, + "width": 353, + "height": 124, + "positionAbsolute": { + "x": -654.8814218617622, + "y": -292.09541222709834 + }, + "dragging": false, + "focusable": true + }, + { + "id": "yHmHXymPNWwu8p1vvqD3o", + "type": "paragraph", + "position": { + "x": 45.49718479195076, + "y": -288.15106699547107 + }, + "selected": false, + "data": { + "label": "Find the detailed version of this roadmap along with other similar roadmaps", + "style": { + "fontSize": 17, + "justifyContent": "flex-start", + "textAlign": "left", + "borderColor": "#000000", + "backgroundColor": "#FFFFFf" } - ] - }, - "attributes": { - "name": "New Wireframe 1 copy 6", - "order": 1000022.7193818908, - "parentID": null, - "notes": "" - }, - "branchID": "Master", - "resourceID": "DAF9FB64-BA77-40D4-BCEF-EEE21C480971", - "mockupH": "3278", - "mockupW": "1220", - "measuredW": "1378", - "measuredH": "3479", - "version": "1.0" - }, - "groupOffset": { - "x": 0, - "y": 0 - }, - "dependencies": [], - "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/Android%20Roadmap.bmpr" + }, + "zIndex": 999, + "width": 354, + "height": 143, + "positionAbsolute": { + "x": 45.49718479195076, + "y": -288.15106699547107 + }, + "dragging": false, + "selectable": true, + "focusable": true, + "style": { + "width": 354, + "height": 143 + }, + "resizing": false + }, + { + "id": "2zqZkyVgigifcRS1H7F_b", + "type": "button", + "position": { + "x": 58.7005592047509, + "y": -206.1655035777258 + }, + "selected": false, + "data": { + "label": "roadmap.sh", + "href": "https://roadmap.sh", + "color": "#ffffff", + "backgroundColor": "#2a79e4", + "style": { + "fontSize": 17 + } + }, + "zIndex": 999, + "width": 329, + "height": 49, + "dragging": false, + "style": { + "width": 329, + "height": 49 + }, + "resizing": false, + "positionAbsolute": { + "x": 58.7005592047509, + "y": -206.1655035777258 + }, + "selectable": true, + "focusable": true + } + ], + "edges": [ + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "jJebnKe4JftMXZ1lCsipq", + "sourceHandle": "x2", + "target": "VlNNwIEDWqQXtqkHWJYzC", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "tNkdpQjYu72eFK9f_W0RO", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "yCnn-NfSxIybUQ2iTuUGq", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "ronTDxAvatzbk4n5a-McM", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "R12sArWVpbIs_PHxBqVaR", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "gaNQ1Peug0eiN0Bfxhtgw", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "ZhSuu2VArnzPDp6dPQQSC", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "351utcB2QNjRmDe5bmcD1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "aqMaEY8gkKMikiqleV5EP", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "lupNr9zUQ0sXyzPBxcglQ", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "hkxw9jPGYphmjhTjw8766", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "2IVWwbU20VSU47qjiVU-f", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "z2", + "target": "P82WFaTPgQEPNp5IIuZ1Y", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "9MbeqIRipRgbe34jwalxo", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "eghnfG4p7i-EDWfp3CQXC", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "8cshqMXb08BgNWbrVWNgN", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "z2", + "target": "hVQ89f6G0LXEgHIOKHDYq", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "Qstlhy-gNuV1VlBRCpt-K", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "n0q32YhWEIAUwbGXexoqV", + "sourceHandle": "x2", + "target": "CMrss8E2W0eA6DVEqtPjT", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "rsHJP6q6Jk9PyUqUb-eZ8", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "n0q32YhWEIAUwbGXexoqV", + "sourceHandle": "x2", + "target": "iUxXq7beg55y76dkwhM13", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "2oeH1EkVVnO2c_4uwk8No", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "dsTegXTyupjS8iU6I7Xiv", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "ozlBen25ObLyQg-WHLdvh", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "mQHpSyMR4Rra4mqAslgiS", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "BY88vn8qizAFo0cUhDok2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "x2", + "target": "mQHpSyMR4Rra4mqAslgiS", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "hJleHhdVrlYr3XH62NbiP", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "sourceHandle": "y2", + "target": "0-AijuwIdYdGuiNnne4Yg", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "eFYSD5KybBoY_PcuN6Ol2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VlNNwIEDWqQXtqkHWJYzC", + "sourceHandle": "y2", + "target": "yWG2VUkaF5IJVVut6AiSy", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "type": "simplebezier", + "focusable": true, + "id": "reactflow__edge-VlNNwIEDWqQXtqkHWJYzCy2-yWG2VUkaF5IJVVut6AiSyz1" + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "yWG2VUkaF5IJVVut6AiSy", + "sourceHandle": "w2", + "target": "mH_qff8R7R6eLQ1tPHLgG", + "targetHandle": "x1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-yWG2VUkaF5IJVVut6AiSyw2-mH_qff8R7R6eLQ1tPHLgGx1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ZhJhf1M2OphYbEmduFq-9", + "sourceHandle": "z2", + "target": "YFjzPKWDwzrgk2HUX952L", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-YFjzPKWDwzrgk2HUX952Ly1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ZhJhf1M2OphYbEmduFq-9", + "sourceHandle": "z2", + "target": "dXeYVMXv-3MRQ1ovOUuJW", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-dXeYVMXv-3MRQ1ovOUuJWy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ZhJhf1M2OphYbEmduFq-9", + "sourceHandle": "z2", + "target": "TKtWmArHn7elXRJdG6lDQ", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9z2-TKtWmArHn7elXRJdG6lDQy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ZhJhf1M2OphYbEmduFq-9", + "sourceHandle": "y2", + "target": "yWG2VUkaF5IJVVut6AiSy", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "focusable": true, + "id": "reactflow__edge-ZhJhf1M2OphYbEmduFq-9y2-yWG2VUkaF5IJVVut6AiSyz1" + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ODcfFEorkfJNupoQygM53", + "sourceHandle": "w2", + "target": "ZhJhf1M2OphYbEmduFq-9", + "targetHandle": "x1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-ODcfFEorkfJNupoQygM53w2-ZhJhf1M2OphYbEmduFq-9x1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ODcfFEorkfJNupoQygM53", + "sourceHandle": "y2", + "target": "wQSjQqwKHfn5RGPk34BWI", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-wQSjQqwKHfn5RGPk34BWIz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ODcfFEorkfJNupoQygM53", + "sourceHandle": "y2", + "target": "0MAogsAID9R04R5TTO2Qa", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-0MAogsAID9R04R5TTO2Qaz2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ODcfFEorkfJNupoQygM53", + "sourceHandle": "y2", + "target": "A4brX0efjZ0FFPTB4r6U0", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ODcfFEorkfJNupoQygM53y2-A4brX0efjZ0FFPTB4r6U0z1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ODcfFEorkfJNupoQygM53", + "sourceHandle": "z2", + "target": "NIY7c4TQEEHx0hATu-k5C", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-ODcfFEorkfJNupoQygM53z2-NIY7c4TQEEHx0hATu-k5Cy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "NIY7c4TQEEHx0hATu-k5C", + "sourceHandle": "z2", + "target": "MXnFhZlNB1zTsBFDyni9H", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cz2-MXnFhZlNB1zTsBFDyni9Hy1", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "NIY7c4TQEEHx0hATu-k5C", + "sourceHandle": "x2", + "target": "R_I4SGYqLk5zze5I1zS_E", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-NIY7c4TQEEHx0hATu-k5Cx2-R_I4SGYqLk5zze5I1zS_Ew1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MXnFhZlNB1zTsBFDyni9H", + "sourceHandle": "w2", + "target": "DILBiQp7WWgSZ5hhtDW6A", + "targetHandle": "x2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hw2-DILBiQp7WWgSZ5hhtDW6Ax2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "MXnFhZlNB1zTsBFDyni9H", + "sourceHandle": "x2", + "target": "IqvS1V-98cxko3e9sBQgP", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "id": "reactflow__edge-MXnFhZlNB1zTsBFDyni9Hx2-IqvS1V-98cxko3e9sBQgPz1", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IqvS1V-98cxko3e9sBQgP", + "sourceHandle": "y2", + "target": "SLxA5qJFp_28TRzr1BjxZ", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-SLxA5qJFp_28TRzr1BjxZz2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IqvS1V-98cxko3e9sBQgP", + "sourceHandle": "y2", + "target": "ib_FHinhrw8VuSet-xMF7", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-ib_FHinhrw8VuSet-xMF7z2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IqvS1V-98cxko3e9sBQgP", + "sourceHandle": "y2", + "target": "yrq3nOwFREzl-9EKnpU-e", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPy2-yrq3nOwFREzl-9EKnpU-ez1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "IqvS1V-98cxko3e9sBQgP", + "sourceHandle": "x2", + "target": "eXezX7CVNyC1RuyU_I4yP", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-IqvS1V-98cxko3e9sBQgPx2-eXezX7CVNyC1RuyU_I4yPw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "-bHFIiXnoUQSov64WI9yo", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2--bHFIiXnoUQSov64WI9yoy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "tG5v3O4lNIFc2uCnacPak", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-tG5v3O4lNIFc2uCnacPaky2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "ERAdwL1G9M1bnx-fOm5ZA", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ERAdwL1G9M1bnx-fOm5ZAy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "ZR-qZ2Lcbu3FtqaMd3wM4", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-ZR-qZ2Lcbu3FtqaMd3wM4y1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "DxOSKnqAjZOPP-dq_U7oP", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-DxOSKnqAjZOPP-dq_U7oPy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "z2", + "target": "N5DCb6bDfgUnSdHPLYY4g", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPz2-N5DCb6bDfgUnSdHPLYY4gy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "eXezX7CVNyC1RuyU_I4yP", + "sourceHandle": "y2", + "target": "XDTD8el6OwuQ55wC-X4iV", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-eXezX7CVNyC1RuyU_I4yPy2-XDTD8el6OwuQ55wC-X4iVz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "XDTD8el6OwuQ55wC-X4iV", + "sourceHandle": "y2", + "target": "eghnfG4p7i-EDWfp3CQXC", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVy2-eghnfG4p7i-EDWfp3CQXCz2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "XDTD8el6OwuQ55wC-X4iV", + "sourceHandle": "x2", + "target": "nPg_YWpMJtlhU2t2UD_6B", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-XDTD8el6OwuQ55wC-X4iVx2-nPg_YWpMJtlhU2t2UD_6Bw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "dRDmS072xeNLX7p_X565w", + "sourceHandle": "z2", + "target": "nPg_YWpMJtlhU2t2UD_6B", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-dRDmS072xeNLX7p_X565wz2-nPg_YWpMJtlhU2t2UD_6By1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "nPg_YWpMJtlhU2t2UD_6B", + "sourceHandle": "z2", + "target": "UTW1pP59dUehuf0zeHXqL", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-nPg_YWpMJtlhU2t2UD_6Bz2-UTW1pP59dUehuf0zeHXqLy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "i9z0stM4uKu27Cz6NIgNX", + "sourceHandle": "y2", + "target": "hkSc_1x09m7-7BO7WzlDT", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-hkSc_1x09m7-7BO7WzlDTz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "i9z0stM4uKu27Cz6NIgNX", + "sourceHandle": "y2", + "target": "9VcGfDBBD8YcKatj4VcH1", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXy2-9VcGfDBBD8YcKatj4VcH1z2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hkSc_1x09m7-7BO7WzlDT", + "sourceHandle": "y2", + "target": "0Awx3zEI5_gYEIrD7IVX6", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-0Awx3zEI5_gYEIrD7IVX6z2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hkSc_1x09m7-7BO7WzlDT", + "sourceHandle": "y2", + "target": "4W7UXfdKIUsm1bUrjdTVT", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-4W7UXfdKIUsm1bUrjdTVTz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hkSc_1x09m7-7BO7WzlDT", + "sourceHandle": "y2", + "target": "twufEtHgxcRUWAUQ9bXus", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-twufEtHgxcRUWAUQ9bXusz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hkSc_1x09m7-7BO7WzlDT", + "sourceHandle": "y2", + "target": "sCjErk7rfWAUvhl8Kfm3n", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-sCjErk7rfWAUvhl8Kfm3nz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hkSc_1x09m7-7BO7WzlDT", + "sourceHandle": "y2", + "target": "NS-hwaWa5ebSmNNRoxFDp", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hkSc_1x09m7-7BO7WzlDTy2-NS-hwaWa5ebSmNNRoxFDpz2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "UTW1pP59dUehuf0zeHXqL", + "sourceHandle": "z2", + "target": "i9z0stM4uKu27Cz6NIgNX", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-UTW1pP59dUehuf0zeHXqLz2-i9z0stM4uKu27Cz6NIgNXw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "i9z0stM4uKu27Cz6NIgNX", + "sourceHandle": "x2", + "target": "igg4_hb3XE3vuvY8ufV-4", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-i9z0stM4uKu27Cz6NIgNXx2-igg4_hb3XE3vuvY8ufV-4w2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "igg4_hb3XE3vuvY8ufV-4", + "sourceHandle": "x2", + "target": "jramLk8FGuaEH4YpHIyZT", + "targetHandle": "w2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4x2-jramLk8FGuaEH4YpHIyZTw2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "igg4_hb3XE3vuvY8ufV-4", + "sourceHandle": "y2", + "target": "g5itUjgRXd9vs9ujHezFl", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-g5itUjgRXd9vs9ujHezFlz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "igg4_hb3XE3vuvY8ufV-4", + "sourceHandle": "y2", + "target": "U5mD5FmVx7VWeKxDpQxB5", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-igg4_hb3XE3vuvY8ufV-4y2-U5mD5FmVx7VWeKxDpQxB5z1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "RDWbG3Iui6IPgp0shvXtg", + "sourceHandle": "w2", + "target": "JanR7I_lNnUCXhCMGLdn-", + "targetHandle": "x2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgw2-JanR7I_lNnUCXhCMGLdn-x2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "U5mD5FmVx7VWeKxDpQxB5", + "sourceHandle": "y2", + "target": "RDWbG3Iui6IPgp0shvXtg", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-U5mD5FmVx7VWeKxDpQxB5y2-RDWbG3Iui6IPgp0shvXtgz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "RDWbG3Iui6IPgp0shvXtg", + "sourceHandle": "x2", + "target": "ruoFa3M4bUE3Dg6GXSiUI", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-RDWbG3Iui6IPgp0shvXtgx2-ruoFa3M4bUE3Dg6GXSiUIw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ruoFa3M4bUE3Dg6GXSiUI", + "sourceHandle": "x2", + "target": "Hk8AVonOd693_y1sykPqd", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIx2-Hk8AVonOd693_y1sykPqdw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ruoFa3M4bUE3Dg6GXSiUI", + "sourceHandle": "z2", + "target": "hwPOGT0-duy3KfI8QaEwF", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-hwPOGT0-duy3KfI8QaEwFy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hwPOGT0-duy3KfI8QaEwF", + "sourceHandle": "x2", + "target": "0asdhvwBH3gn-ercktV7A", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFx2-0asdhvwBH3gn-ercktV7Aw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "hwPOGT0-duy3KfI8QaEwF", + "sourceHandle": "z2", + "target": "Cxspmb14_0i1tfw-ZLxEu", + "targetHandle": "y1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "id": "reactflow__edge-hwPOGT0-duy3KfI8QaEwFz2-Cxspmb14_0i1tfw-ZLxEuy1", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "SGDf_rbfmFSHlxI-Czzlz", + "sourceHandle": "z2", + "target": "zNFYAJaSq0YZXL5Rpx1NX", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-zNFYAJaSq0YZXL5Rpx1NXy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "SGDf_rbfmFSHlxI-Czzlz", + "sourceHandle": "z2", + "target": "KJRkrFZIihCUBrOf579EU", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-SGDf_rbfmFSHlxI-Czzlzz2-KJRkrFZIihCUBrOf579EUy2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "k6rp6Ua9qUEW_DA_fOg5u", + "sourceHandle": "z2", + "target": "-Nsq3Jg3gq02mKcm4u41_", + "targetHandle": "y2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-k6rp6Ua9qUEW_DA_fOg5uz2--Nsq3Jg3gq02mKcm4u41_y2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "3TE_iYvbklXK0be-5f2M7", + "sourceHandle": "z2", + "target": "BBsXxkbbEG-gnbM1xXKrj", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-3TE_iYvbklXK0be-5f2M7z2-BBsXxkbbEG-gnbM1xXKrjy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "OL8I6nOZ8hGGWmtxg_Mv8", + "sourceHandle": "z2", + "target": "P4st_telfCwKLSAU2WsQP", + "targetHandle": "y1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-OL8I6nOZ8hGGWmtxg_Mv8z2-P4st_telfCwKLSAU2WsQPy1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "Cxspmb14_0i1tfw-ZLxEu", + "sourceHandle": "y2", + "target": "L7AllJfKvClaam3y-u6DP", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-Cxspmb14_0i1tfw-ZLxEuy2-L7AllJfKvClaam3y-u6DPz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "L7AllJfKvClaam3y-u6DP", + "sourceHandle": "w2", + "target": "0moPO23ol33WsjVXSpTGf", + "targetHandle": "x2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-L7AllJfKvClaam3y-u6DPw2-0moPO23ol33WsjVXSpTGfx2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "Tqv7Lj8TklDTrZH5_fmUf", + "sourceHandle": "z2", + "target": "Tqv7Lj8TklDTrZH5_fmUf", + "targetHandle": "z1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "focusable": true, + "id": "reactflow__edge-Tqv7Lj8TklDTrZH5_fmUfz2-Tqv7Lj8TklDTrZH5_fmUfz1" + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "ruoFa3M4bUE3Dg6GXSiUI", + "sourceHandle": "z2", + "target": "PoM77O2OtxPELxfrW1wtl", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "type": "step", + "id": "reactflow__edge-ruoFa3M4bUE3Dg6GXSiUIz2-PoM77O2OtxPELxfrW1wtlw1", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "PoM77O2OtxPELxfrW1wtl", + "sourceHandle": "x2", + "target": "0-AijuwIdYdGuiNnne4Yg", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-0-AijuwIdYdGuiNnne4Ygw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "PoM77O2OtxPELxfrW1wtl", + "sourceHandle": "x2", + "target": "Tqv7Lj8TklDTrZH5_fmUf", + "targetHandle": "w1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlx2-Tqv7Lj8TklDTrZH5_fmUfw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "PoM77O2OtxPELxfrW1wtl", + "sourceHandle": "z2", + "target": "n0q32YhWEIAUwbGXexoqV", + "targetHandle": "w2", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "id": "reactflow__edge-PoM77O2OtxPELxfrW1wtlz2-n0q32YhWEIAUwbGXexoqVw2", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "n0q32YhWEIAUwbGXexoqV", + "sourceHandle": "z2", + "target": "VOGKiG2EZVfCBAaa7Df0W", + "targetHandle": "y2", + "data": { + "edgeStyle": "solid" + }, + "selected": false, + "id": "reactflow__edge-n0q32YhWEIAUwbGXexoqVz2-VOGKiG2EZVfCBAaa7Df0Wy2", + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VOGKiG2EZVfCBAaa7Df0W", + "sourceHandle": "w2", + "target": "2wLKhD8OhVsTR-Q7WPwbj", + "targetHandle": "x2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Ww2-2wLKhD8OhVsTR-Q7WPwbjx2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "VOGKiG2EZVfCBAaa7Df0W", + "sourceHandle": "x2", + "target": "KMA7NkxFbPoUDtFnGBFnj", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-VOGKiG2EZVfCBAaa7Df0Wx2-KMA7NkxFbPoUDtFnGBFnjw1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KMA7NkxFbPoUDtFnGBFnj", + "sourceHandle": "y2", + "target": "mQHpSyMR4Rra4mqAslgiS", + "targetHandle": "z2", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-mQHpSyMR4Rra4mqAslgiSz2", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KMA7NkxFbPoUDtFnGBFnj", + "sourceHandle": "y2", + "target": "GJctl0tVXe4B70s35RkLT", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-GJctl0tVXe4B70s35RkLTz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0.8 8", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KMA7NkxFbPoUDtFnGBFnj", + "sourceHandle": "y2", + "target": "2MRvAK9G9RGM_auWytcKh", + "targetHandle": "z1", + "data": { + "edgeStyle": "dashed" + }, + "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjy2-2MRvAK9G9RGM_auWytcKhz1", + "selected": false, + "focusable": true + }, + { + "style": { + "strokeDasharray": "0", + "strokeLinecap": "round", + "strokeWidth": 3.5, + "stroke": "#2b78e4" + }, + "source": "KMA7NkxFbPoUDtFnGBFnj", + "sourceHandle": "x2", + "target": "0vLaVNJaJSHZ_bHli6Qzs", + "targetHandle": "w1", + "data": { + "edgeStyle": "solid" + }, + "id": "reactflow__edge-KMA7NkxFbPoUDtFnGBFnjx2-0vLaVNJaJSHZ_bHli6Qzsw1", + "selected": false, + "type": "step", + "focusable": true + } + ] } \ No newline at end of file diff --git a/src/data/roadmaps/frontend/frontend.md b/src/data/roadmaps/frontend/frontend.md index 956539a1e..c610b7872 100644 --- a/src/data/roadmaps/frontend/frontend.md +++ b/src/data/roadmaps/frontend/frontend.md @@ -1,4 +1,5 @@ --- +renderer: 'editor' jsonUrl: '/jsons/roadmaps/frontend.json' pdfUrl: '/pdfs/roadmaps/frontend.pdf' order: 1 @@ -18,7 +19,7 @@ question: As a front-end developer, you'll be responsible for creating the user interface of a website, to ensure it looks good and is easy to use, with great focus on design principles and user experience. You'll be working closely with designers, back-end developers, and project managers to make sure the final product meets the client's needs and provides the best possible experience for the end-users. dimensions: width: 968 - height: 2587.63 + height: 3100 schema: headline: 'Frontend Developer Roadmap: What is Frontend Development?' description: 'Learn what Frontend Development is, what frontend developers do and how to become a modern frontend developer using our community-driven roadmap.' diff --git a/src/data/roadmaps/product-manager/product-manager.json b/src/data/roadmaps/product-manager/product-manager.json index f4efae816..26a1fc06c 100644 --- a/src/data/roadmaps/product-manager/product-manager.json +++ b/src/data/roadmaps/product-manager/product-manager.json @@ -603,7 +603,7 @@ "x": 833.2357162642066, "y": -167.8282364125966 }, - "selected": true, + "selected": false, "data": { "label": "Find the detailed version of this roadmap along with other similar roadmaps", "style": { @@ -636,7 +636,7 @@ "x": 846.4390906770068, "y": -85.84267299485134 }, - "selected": true, + "selected": false, "data": { "label": "roadmap.sh", "href": "https://roadmap.sh",