diff --git a/content/roadmaps/100-frontend/content-paths.json b/content/roadmaps/100-frontend/content-paths.json
index ba99b3d62..f9ecc4bc2 100644
--- a/content/roadmaps/100-frontend/content-paths.json
+++ b/content/roadmaps/100-frontend/content-paths.json
@@ -142,5 +142,5 @@
"desktop-applications:electron": "/roadmaps/100-frontend/content/122-desktop-applications/100-electron.md",
"desktop-applications:tauri": "/roadmaps/100-frontend/content/122-desktop-applications/101-tauri.md",
"desktop-applications:flutter": "/roadmaps/100-frontend/content/122-desktop-applications/102-flutter.md",
- "web-assembly": "/roadmaps/100-frontend/content/123-web-assembly.md"
+ "bonus-content": "/roadmaps/100-frontend/content/123-bonus-content.md"
}
diff --git a/content/roadmaps/100-frontend/content/123-bonus-content.md b/content/roadmaps/100-frontend/content/123-bonus-content.md
new file mode 100644
index 000000000..f31c035fb
--- /dev/null
+++ b/content/roadmaps/100-frontend/content/123-bonus-content.md
@@ -0,0 +1,14 @@
+# Bonus Content
+
+It is not required to complete the bonus content, it just expands on the topics covered in the roadmap and has the items which were missed in the roadmap.
+
+* **UI / UX Knowledge** - Gaining UI/UX knowledge is not a must for a Frontend Developer but having an eye for design and a good understanding of UI/UX will help you in your career.
+* **Visual Programming** — it is entirely possible to be a successful, competent frontend developer without it, but for many frontend developers this path represents a serious chunk of their workload, and represents a very in-demand option for frontend development – especially for developers who are have a visual aptitude.
+ * **For Animations**: [GSAP](https://greensock.com/gsap/), [Lottie](https://airbnb.design/lottie/), [Framer Motion](https://github.com/framer/motion) or [MoJs](https://mojs.github.io/)
+ * **Web Graphics Library (WebGL)**: [WebGL MDN](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial), [WebGL Fundamentals](https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html)
+ * **2D Graphics**: [Canvas](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API), [PixiJS](https://pixijs.com/), [PhaserJS](https://phaser.io/)
+ * **3D Graphics**: [ThreeJS](https://threejs.org/), [BabylonJS](https://www.babylonjs.com/)
+* Have a look at [Qwik](https://qwik.builder.io/) and **[Partytown](https://partytown.builder.io/)**.
+* **[WebRTC](https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API)** - WebRTC is a free, open project that provides browsers and mobile applications with Real-Time Communications (RTC) capabilities via simple APIs. The WebRTC components have been optimized to best serve this purpose.
+* **[IDLs](https://developer.mozilla.org/en-US/docs/Glossary/IDL)** - Not every developer will have a need for understanding [IDLs](https://developer.mozilla.org/en-US/docs/Glossary/IDL) but but there's a good argument for having more JavaScript developers aware of their existence and hopefully the ability for making use of them as well.
+* **[WebAssembly](https://developer.mozilla.org/en-US/docs/WebAssembly)** - WebAssembly is a comparatively new technology that allows you to run code written in languages other than JavaScript on the web. It's a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++ and Rust with a compilation target so that they can run on the web.
diff --git a/content/roadmaps/100-frontend/content/123-web-assembly.md b/content/roadmaps/100-frontend/content/123-web-assembly.md
deleted file mode 100644
index f99276b3b..000000000
--- a/content/roadmaps/100-frontend/content/123-web-assembly.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# Web Assembly
-
-WebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web. It is also designed to run alongside JavaScript, allowing both to work together.
-
-Free Content
-Official Website
-Official Getting Started to Web Assembly
-An introduction to WebAssembly
-What Is WebAssembly — and Why Are You Hearing So Much About It?
-What Is WebAssembly and Why Do You Need It?
diff --git a/public/project/frontend.json b/public/project/frontend.json
index 4d48b02a2..0c08139a1 100644
--- a/public/project/frontend.json
+++ b/public/project/frontend.json
@@ -410,7 +410,7 @@
"x": "186",
"y": "3209",
"properties": {
- "controlName": "123-web-assembly"
+ "controlName": "123-bonus-content"
},
"children": {
"controls": {
@@ -433,13 +433,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "111",
+ "measuredW": "115",
"measuredH": "25",
- "x": "57",
+ "x": "58",
"y": "12",
"properties": {
"size": "17",
- "text": "Web Assembly"
+ "text": "Bonus Content"
}
},
{
@@ -1534,11 +1534,11 @@
"x": "131",
"y": "8",
"properties": {
- "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "10066329"
}
}
]
@@ -1614,11 +1614,11 @@
"x": "131",
"y": "8",
"properties": {
- "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "10066329"
}
}
]
@@ -8888,7 +8888,7 @@
"w": "335",
"h": "137",
"x": "165",
- "y": "1807",
+ "y": "2051",
"properties": {
"controlName": "114-css-frameworks:css-first"
},
@@ -8904,7 +8904,10 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0"
+ "y": "0",
+ "properties": {
+ "color": "14540253"
+ }
},
{
"ID": "2",
@@ -8913,7 +8916,7 @@
"measuredW": "150",
"measuredH": "24",
"x": "154",
- "y": "13",
+ "y": "17",
"properties": {
"size": "16",
"text": "CSS first frameworks"
@@ -8926,7 +8929,7 @@
"measuredW": "145",
"measuredH": "24",
"x": "154",
- "y": "41",
+ "y": "44",
"properties": {
"size": "16",
"text": "that don't come with"
@@ -8939,7 +8942,7 @@
"measuredW": "99",
"measuredH": "24",
"x": "154",
- "y": "69",
+ "y": "71",
"properties": {
"size": "16",
"text": "JS framework"
@@ -8952,7 +8955,7 @@
"measuredW": "166",
"measuredH": "24",
"x": "153",
- "y": "97",
+ "y": "98",
"properties": {
"size": "16",
"text": "components by default."
@@ -8966,12 +8969,12 @@
"ID": "13942",
"typeID": "__group__",
"zOrder": "187",
- "measuredW": "130",
- "measuredH": "57",
- "w": "130",
- "h": "57",
+ "measuredW": "127",
+ "measuredH": "52",
+ "w": "127",
+ "h": "52",
"x": "181",
- "y": "1817",
+ "y": "2066",
"properties": {
"controlName": "100-css-frameworks:css-first:bootstrap"
},
@@ -8987,9 +8990,9 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "5",
+ "y": "0",
"properties": {
- "color": "16770457"
+ "color": "14540253"
}
},
{
@@ -9000,43 +9003,11 @@
"measuredW": "75",
"measuredH": "25",
"x": "27",
- "y": "18",
+ "y": "13",
"properties": {
"size": "17",
"text": "Bootstrap"
}
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "106",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "106",
- "y": "0",
- "properties": {
- "icon": {
- "ID": "check-circle",
- "size": "small"
- },
- "color": "3700253"
- }
}
]
}
@@ -9046,12 +9017,12 @@
"ID": "13943",
"typeID": "__group__",
"zOrder": "188",
- "measuredW": "133",
- "measuredH": "52",
- "w": "133",
- "h": "52",
+ "measuredW": "127",
+ "measuredH": "49",
+ "w": "127",
+ "h": "49",
"x": "181",
- "y": "1876",
+ "y": "2123",
"properties": {
"controlName": "101-css-frameworks:css-first:bulma"
},
@@ -9067,9 +9038,9 @@
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "3",
+ "y": "0",
"properties": {
- "color": "16770457"
+ "color": "14540253"
}
},
{
@@ -9080,76 +9051,28 @@
"measuredW": "49",
"measuredH": "25",
"x": "39",
- "y": "15",
+ "y": "12",
"properties": {
"size": "17",
"text": "Bulma"
}
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "109",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "3",
- "typeID": "Icon",
- "zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "109",
- "y": "0",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "109",
- "y": "0",
- "properties": {
- "color": "3700253",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
}
]
}
}
},
{
- "ID": "13944",
+ "ID": "13948",
"typeID": "__group__",
"zOrder": "189",
- "measuredW": "333",
- "measuredH": "228",
- "w": "333",
- "h": "228",
- "x": "165",
- "y": "1963",
+ "measuredW": "232",
+ "measuredH": "276",
+ "w": "232",
+ "h": "276",
+ "x": "1078",
+ "y": "1872",
"properties": {
- "controlName": "114-css-frameworks:js-first"
+ "controlName": "115-testing-your-apps"
},
"children": {
"controls": {
@@ -9158,8 +9081,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "333",
- "h": "228",
+ "w": "232",
+ "h": "276",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -9169,26 +9092,28 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "263",
+ "w": "185",
+ "measuredW": "185",
"measuredH": "24",
- "x": "19",
- "y": "163",
+ "x": "18",
+ "y": "208",
"properties": {
- "size": "16",
- "text": "JS based and better to use with your"
+ "text": "You can fill all your testing",
+ "size": "16"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
- "measuredW": "247",
+ "w": "155",
+ "measuredW": "155",
"measuredH": "24",
- "x": "19",
- "y": "189",
+ "x": "18",
+ "y": "230",
"properties": {
- "size": "16",
- "text": "framework based JavaScript apps."
+ "text": "needs with just these.",
+ "size": "16"
}
}
]
@@ -9196,17 +9121,17 @@
}
},
{
- "ID": "13945",
+ "ID": "13949",
"typeID": "__group__",
"zOrder": "190",
- "measuredW": "145",
+ "measuredW": "207",
"measuredH": "40",
- "w": "145",
+ "w": "207",
"h": "40",
- "x": "341",
- "y": "1979",
+ "x": "1094",
+ "y": "1932",
"properties": {
- "controlName": "100-css-frameworks:js-first:tailwind-css"
+ "controlName": "101-testing-your-apps:react-testing-library"
},
"children": {
"controls": {
@@ -9215,7 +9140,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "136",
+ "w": "195",
"h": "40",
"measuredW": "200",
"measuredH": "140",
@@ -9229,13 +9154,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "61",
+ "measuredW": "152",
"measuredH": "25",
- "x": "37",
+ "x": "22",
"y": "7",
"properties": {
- "size": "17",
- "text": "Tailwind"
+ "text": "react-testing-library",
+ "size": "17"
}
},
{
@@ -9244,7 +9169,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "121",
+ "x": "183",
"y": "8",
"properties": {
"color": "16777215",
@@ -9260,30 +9185,14 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "121",
- "y": "8",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "121",
+ "x": "183",
"y": "8",
"properties": {
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
- },
- "color": "10027263"
+ }
}
}
]
@@ -9291,17 +9200,17 @@
}
},
{
- "ID": "13946",
+ "ID": "13951",
"typeID": "__group__",
"zOrder": "191",
- "measuredW": "150",
- "measuredH": "37",
- "w": "150",
- "h": "37",
- "x": "341",
- "y": "2026",
+ "measuredW": "205",
+ "measuredH": "40",
+ "w": "205",
+ "h": "40",
+ "x": "1095",
+ "y": "1888",
"properties": {
- "controlName": "102-css-frameworks:js-first:material-ui"
+ "controlName": "100-testing-your-apps:jest"
},
"children": {
"controls": {
@@ -9310,8 +9219,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "137",
- "h": "37",
+ "w": "194",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -9324,13 +9233,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "86",
+ "w": "39",
+ "measuredW": "33",
"measuredH": "25",
- "x": "26",
- "y": "6",
+ "x": "77",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Material UI"
+ "text": "Jest"
}
},
{
@@ -9339,7 +9249,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "126",
+ "x": "181",
"y": "7",
"properties": {
"color": "16777215",
@@ -9355,26 +9265,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "126",
- "y": "7",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "126",
+ "x": "181",
"y": "7",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9386,17 +9280,17 @@
}
},
{
- "ID": "13947",
+ "ID": "13952",
"typeID": "__group__",
"zOrder": "192",
- "measuredW": "157",
+ "measuredW": "205",
"measuredH": "39",
- "w": "157",
+ "w": "205",
"h": "39",
- "x": "177",
- "y": "1980",
+ "x": "1094",
+ "y": "1977",
"properties": {
- "controlName": "104-css-frameworks:js-first:mantine"
+ "controlName": "102-testing-your-apps:cypress"
},
"children": {
"controls": {
@@ -9405,11 +9299,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "149",
+ "w": "195",
"h": "39",
"measuredW": "200",
"measuredH": "140",
- "x": "8",
+ "x": "0",
"y": "0",
"properties": {
"color": "16776960"
@@ -9421,11 +9315,11 @@
"zOrder": "1",
"measuredW": "63",
"measuredH": "25",
- "x": "51",
+ "x": "63",
"y": "7",
"properties": {
- "size": "17",
- "text": "Mantine"
+ "text": "Cypress",
+ "size": "17"
}
},
{
@@ -9434,7 +9328,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "181",
"y": "8",
"properties": {
"color": "16777215",
@@ -9450,26 +9344,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
+ "x": "181",
"y": "8",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9481,15 +9359,15 @@
}
},
{
- "ID": "13948",
+ "ID": "13953",
"typeID": "__group__",
"zOrder": "193",
- "measuredW": "232",
- "measuredH": "276",
- "w": "232",
- "h": "276",
- "x": "1078",
- "y": "1872",
+ "measuredW": "405",
+ "measuredH": "158",
+ "w": "405",
+ "h": "158",
+ "x": "619",
+ "y": "1990",
"properties": {
"controlName": "115-testing-your-apps"
},
@@ -9500,39 +9378,69 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "232",
- "h": "276",
+ "w": "405",
+ "h": "158",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0"
+ "y": "0",
+ "properties": {
+ "color": "16776960"
+ }
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "185",
- "measuredW": "185",
- "measuredH": "24",
- "x": "18",
- "y": "208",
+ "measuredW": "144",
+ "measuredH": "26",
+ "x": "125",
+ "y": "19",
"properties": {
- "text": "You can fill all your testing",
- "size": "16"
+ "size": "18",
+ "text": "Testing your Apps"
}
},
{
"ID": "2",
"typeID": "Label",
"zOrder": "2",
- "w": "155",
- "measuredW": "155",
- "measuredH": "24",
- "x": "18",
- "y": "230",
+ "w": "349",
+ "measuredW": "328",
+ "measuredH": "25",
+ "x": "22",
+ "y": "86",
"properties": {
- "text": "needs with just these.",
- "size": "16"
+ "size": "17",
+ "text": "and {color:blue}Functional{color} tests and learn how to write"
+ }
+ },
+ {
+ "ID": "3",
+ "typeID": "Label",
+ "zOrder": "3",
+ "w": "302",
+ "measuredW": "286",
+ "measuredH": "25",
+ "x": "21",
+ "y": "115",
+ "properties": {
+ "size": "17",
+ "text": "them with the tools listed on the right."
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Label",
+ "zOrder": "4",
+ "w": "362",
+ "measuredW": "361",
+ "measuredH": "25",
+ "x": "21",
+ "y": "56",
+ "properties": {
+ "size": "17",
+ "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, "
}
}
]
@@ -9540,17 +9448,17 @@
}
},
{
- "ID": "13949",
+ "ID": "13954",
"typeID": "__group__",
"zOrder": "194",
- "measuredW": "207",
- "measuredH": "40",
- "w": "207",
- "h": "40",
- "x": "1094",
- "y": "1932",
+ "measuredW": "234",
+ "measuredH": "60",
+ "w": "234",
+ "h": "60",
+ "x": "794",
+ "y": "2338",
"properties": {
- "controlName": "101-testing-your-apps:react-testing-library"
+ "controlName": "116-type-checkers"
},
"children": {
"controls": {
@@ -9559,12 +9467,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "195",
- "h": "40",
+ "w": "226",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "10",
"properties": {
"color": "16776960"
}
@@ -9573,13 +9481,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "152",
+ "measuredW": "115",
"measuredH": "25",
- "x": "22",
- "y": "7",
+ "x": "53",
+ "y": "23",
"properties": {
- "text": "react-testing-library",
- "size": "17"
+ "size": "17",
+ "text": "Type Checkers"
}
},
{
@@ -9588,8 +9496,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "183",
- "y": "8",
+ "x": "210",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -9604,10 +9512,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "183",
- "y": "8",
+ "x": "210",
+ "y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9619,17 +9527,17 @@
}
},
{
- "ID": "13951",
+ "ID": "13955",
"typeID": "__group__",
"zOrder": "195",
- "measuredW": "205",
- "measuredH": "40",
- "w": "205",
- "h": "40",
- "x": "1095",
- "y": "1888",
+ "measuredW": "206",
+ "measuredH": "48",
+ "w": "206",
+ "h": "48",
+ "x": "1105",
+ "y": "2344",
"properties": {
- "controlName": "100-testing-your-apps:jest"
+ "controlName": "100-type-checkers:typescript"
},
"children": {
"controls": {
@@ -9638,28 +9546,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "194",
- "h": "40",
+ "w": "199",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "7",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "39",
- "measuredW": "33",
+ "w": "91",
+ "measuredW": "81",
"measuredH": "25",
- "x": "77",
- "y": "8",
+ "x": "54",
+ "y": "15",
"properties": {
"size": "17",
- "text": "Jest"
+ "text": "TypeScript"
}
},
{
@@ -9668,8 +9576,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "181",
- "y": "7",
+ "x": "182",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -9684,8 +9592,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "181",
- "y": "7",
+ "x": "182",
+ "y": "0",
"properties": {
"color": "10027263",
"icon": {
@@ -9693,62 +9601,15 @@
"size": "small"
}
}
- }
- ]
- }
- }
- },
- {
- "ID": "13952",
- "typeID": "__group__",
- "zOrder": "196",
- "measuredW": "205",
- "measuredH": "39",
- "w": "205",
- "h": "39",
- "x": "1094",
- "y": "1977",
- "properties": {
- "controlName": "102-testing-your-apps:cypress"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "195",
- "h": "39",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "63",
- "measuredH": "25",
- "x": "63",
- "y": "7",
- "properties": {
- "text": "Cypress",
- "size": "17"
- }
},
{
- "ID": "2",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "181",
- "y": "8",
+ "x": "156",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -9758,15 +9619,15 @@
}
},
{
- "ID": "3",
+ "ID": "5",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "5",
"measuredW": "24",
"measuredH": "24",
- "x": "181",
- "y": "8",
+ "x": "156",
+ "y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -9778,106 +9639,17 @@
}
},
{
- "ID": "13953",
- "typeID": "__group__",
- "zOrder": "197",
- "measuredW": "405",
- "measuredH": "158",
- "w": "405",
- "h": "158",
- "x": "619",
- "y": "1990",
- "properties": {
- "controlName": "115-testing-your-apps"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "405",
- "h": "158",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "0",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "144",
- "measuredH": "26",
- "x": "125",
- "y": "19",
- "properties": {
- "size": "18",
- "text": "Testing your Apps"
- }
- },
- {
- "ID": "2",
- "typeID": "Label",
- "zOrder": "2",
- "w": "349",
- "measuredW": "328",
- "measuredH": "25",
- "x": "22",
- "y": "86",
- "properties": {
- "size": "17",
- "text": "and {color:blue}Functional{color} tests and learn how to write"
- }
- },
- {
- "ID": "3",
- "typeID": "Label",
- "zOrder": "3",
- "w": "302",
- "measuredW": "286",
- "measuredH": "25",
- "x": "21",
- "y": "115",
- "properties": {
- "size": "17",
- "text": "them with the tools listed on the right."
- }
- },
- {
- "ID": "4",
- "typeID": "Label",
- "zOrder": "4",
- "w": "362",
- "measuredW": "361",
- "measuredH": "25",
- "x": "21",
- "y": "56",
- "properties": {
- "size": "17",
- "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, "
- }
- }
- ]
- }
- }
- },
- {
- "ID": "13954",
+ "ID": "13956",
"typeID": "__group__",
- "zOrder": "198",
- "measuredW": "234",
- "measuredH": "60",
- "w": "234",
- "h": "60",
- "x": "794",
- "y": "2338",
+ "zOrder": "196",
+ "measuredW": "247",
+ "measuredH": "61",
+ "w": "247",
+ "h": "61",
+ "x": "506",
+ "y": "2335",
"properties": {
- "controlName": "116-type-checkers"
+ "controlName": "117-progressive-web-apps"
},
"children": {
"controls": {
@@ -9886,12 +9658,12 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "226",
+ "w": "241",
"h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "10",
+ "x": "6",
+ "y": "11",
"properties": {
"color": "16776960"
}
@@ -9900,13 +9672,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "115",
+ "measuredW": "172",
"measuredH": "25",
- "x": "53",
- "y": "23",
+ "x": "41",
+ "y": "24",
"properties": {
"size": "17",
- "text": "Type Checkers"
+ "text": "Progressive Web Apps"
}
},
{
@@ -9915,7 +9687,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "210",
+ "x": "0",
"y": "0",
"properties": {
"color": "16777215",
@@ -9931,7 +9703,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "210",
+ "x": "0",
"y": "0",
"properties": {
"color": "10066329",
@@ -9946,296 +9718,105 @@
}
},
{
- "ID": "13955",
+ "ID": "13957",
"typeID": "__group__",
- "zOrder": "199",
- "measuredW": "206",
- "measuredH": "48",
- "w": "206",
- "h": "48",
- "x": "1105",
- "y": "2344",
+ "zOrder": "197",
+ "measuredW": "237",
+ "measuredH": "439",
+ "w": "237",
+ "h": "439",
+ "x": "144",
+ "y": "2338",
"properties": {
- "controlName": "100-type-checkers:typescript"
+ "controlName": "100-progressive-web-apps:apis"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "Canvas",
"zOrder": "0",
- "w": "199",
- "h": "41",
- "measuredW": "200",
- "measuredH": "140",
- "x": "0",
- "y": "7",
- "properties": {
- "color": "16770457"
- }
+ "w": "228",
+ "h": "428",
+ "measuredW": "100",
+ "measuredH": "70",
+ "x": "9",
+ "y": "11"
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "TextInput",
"zOrder": "1",
- "w": "91",
- "measuredW": "81",
- "measuredH": "25",
- "x": "54",
- "y": "15",
+ "w": "192",
+ "measuredW": "147",
+ "measuredH": "32",
+ "x": "27",
+ "y": "139",
"properties": {
- "size": "17",
- "text": "TypeScript"
+ "align": "center",
+ "color": "16776960",
+ "text": "Service Workers",
+ "size": "18"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "TextInput",
"zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "182",
- "y": "0",
+ "w": "192",
+ "measuredW": "78",
+ "measuredH": "32",
+ "x": "27",
+ "y": "27",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "align": "center",
+ "color": "16776960",
+ "text": "Storage",
+ "size": "18"
}
},
{
"ID": "3",
- "typeID": "Icon",
+ "typeID": "TextInput",
"zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "182",
- "y": "0",
+ "w": "192",
+ "measuredW": "84",
+ "measuredH": "32",
+ "x": "27",
+ "y": "177",
"properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "align": "center",
+ "color": "16770457",
+ "text": "Location",
+ "size": "18"
}
},
{
"ID": "4",
- "typeID": "Icon",
+ "typeID": "TextInput",
"zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "156",
- "y": "0",
+ "w": "192",
+ "measuredW": "115",
+ "measuredH": "32",
+ "x": "27",
+ "y": "214",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "align": "center",
+ "color": "16770457",
+ "text": "Notifications",
+ "size": "18"
}
},
{
"ID": "5",
- "typeID": "Icon",
+ "typeID": "TextInput",
"zOrder": "5",
- "measuredW": "24",
- "measuredH": "24",
- "x": "156",
- "y": "0",
- "properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- }
- ]
- }
- }
- },
- {
- "ID": "13956",
- "typeID": "__group__",
- "zOrder": "200",
- "measuredW": "247",
- "measuredH": "61",
- "w": "247",
- "h": "61",
- "x": "506",
- "y": "2335",
- "properties": {
- "controlName": "117-progressive-web-apps"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "TextArea",
- "zOrder": "0",
- "w": "241",
- "h": "50",
- "measuredW": "200",
- "measuredH": "140",
- "x": "6",
- "y": "11",
- "properties": {
- "color": "16776960"
- }
- },
- {
- "ID": "1",
- "typeID": "Label",
- "zOrder": "1",
- "measuredW": "172",
- "measuredH": "25",
- "x": "41",
- "y": "24",
- "properties": {
- "size": "17",
- "text": "Progressive Web Apps"
- }
- },
- {
- "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": "13957",
- "typeID": "__group__",
- "zOrder": "201",
- "measuredW": "237",
- "measuredH": "439",
- "w": "237",
- "h": "439",
- "x": "144",
- "y": "2338",
- "properties": {
- "controlName": "100-progressive-web-apps:apis"
- },
- "children": {
- "controls": {
- "control": [
- {
- "ID": "0",
- "typeID": "Canvas",
- "zOrder": "0",
- "w": "228",
- "h": "428",
- "measuredW": "100",
- "measuredH": "70",
- "x": "9",
- "y": "11"
- },
- {
- "ID": "1",
- "typeID": "TextInput",
- "zOrder": "1",
- "w": "192",
- "measuredW": "147",
- "measuredH": "32",
- "x": "27",
- "y": "139",
- "properties": {
- "align": "center",
- "color": "16776960",
- "text": "Service Workers",
- "size": "18"
- }
- },
- {
- "ID": "2",
- "typeID": "TextInput",
- "zOrder": "2",
- "w": "192",
- "measuredW": "78",
- "measuredH": "32",
- "x": "27",
- "y": "27",
- "properties": {
- "align": "center",
- "color": "16776960",
- "text": "Storage",
- "size": "18"
- }
- },
- {
- "ID": "3",
- "typeID": "TextInput",
- "zOrder": "3",
- "w": "192",
- "measuredW": "84",
- "measuredH": "32",
- "x": "27",
- "y": "177",
- "properties": {
- "align": "center",
- "color": "16770457",
- "text": "Location",
- "size": "18"
- }
- },
- {
- "ID": "4",
- "typeID": "TextInput",
- "zOrder": "4",
- "w": "192",
- "measuredW": "115",
- "measuredH": "32",
- "x": "27",
- "y": "214",
- "properties": {
- "align": "center",
- "color": "16770457",
- "text": "Notifications",
- "size": "18"
- }
- },
- {
- "ID": "5",
- "typeID": "TextInput",
- "zOrder": "5",
- "w": "192",
- "measuredW": "167",
- "measuredH": "32",
- "x": "27",
- "y": "252",
+ "w": "192",
+ "measuredW": "167",
+ "measuredH": "32",
+ "x": "27",
+ "y": "252",
"properties": {
"align": "center",
"color": "16770457",
@@ -10374,7 +9955,7 @@
{
"ID": "13958",
"typeID": "__group__",
- "zOrder": "202",
+ "zOrder": "198",
"measuredW": "269",
"measuredH": "290",
"w": "269",
@@ -10438,82 +10019,415 @@
"measuredW": "185",
"measuredH": "32",
"x": "27",
- "y": "104",
+ "y": "104",
+ "properties": {
+ "align": "center",
+ "color": "16776960",
+ "size": "18",
+ "text": "Performance Metrics"
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "TextInput",
+ "zOrder": "4",
+ "w": "225",
+ "measuredW": "156",
+ "measuredH": "32",
+ "x": "27",
+ "y": "141",
+ "properties": {
+ "align": "center",
+ "color": "16776960",
+ "size": "18",
+ "text": "Using Lighthouse"
+ }
+ },
+ {
+ "ID": "5",
+ "typeID": "TextInput",
+ "zOrder": "5",
+ "w": "225",
+ "measuredW": "141",
+ "measuredH": "32",
+ "x": "27",
+ "y": "179",
+ "properties": {
+ "align": "center",
+ "color": "16776960",
+ "size": "18",
+ "text": "Using DevTools"
+ }
+ },
+ {
+ "ID": "6",
+ "typeID": "Label",
+ "zOrder": "6",
+ "w": "185",
+ "measuredW": "176",
+ "measuredH": "25",
+ "x": "47",
+ "y": "224",
+ "properties": {
+ "size": "17",
+ "text": "Calculating, Measuring"
+ }
+ },
+ {
+ "ID": "7",
+ "typeID": "Label",
+ "zOrder": "7",
+ "w": "224",
+ "measuredW": "212",
+ "measuredH": "25",
+ "x": "27",
+ "y": "251",
+ "properties": {
+ "size": "17",
+ "text": "and improving performance"
+ }
+ },
+ {
+ "ID": "8",
+ "typeID": "Icon",
+ "zOrder": "8",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "9",
+ "typeID": "Icon",
+ "zOrder": "9",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "0",
+ "properties": {
+ "color": "10066329",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "13959",
+ "typeID": "__group__",
+ "zOrder": "199",
+ "measuredW": "285",
+ "measuredH": "59",
+ "w": "285",
+ "h": "59",
+ "x": "682",
+ "y": "2489",
+ "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": "13960",
+ "typeID": "__group__",
+ "zOrder": "200",
+ "measuredW": "125",
+ "measuredH": "41",
+ "w": "125",
+ "h": "41",
+ "x": "1035",
+ "y": "2453",
+ "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": "13961",
+ "typeID": "__group__",
+ "zOrder": "201",
+ "measuredW": "116",
+ "measuredH": "41",
+ "w": "116",
+ "h": "41",
+ "x": "1197",
+ "y": "2452",
+ "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": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Performance Metrics"
+ "size": "17",
+ "text": "Next.js"
}
},
{
- "ID": "4",
- "typeID": "TextInput",
- "zOrder": "4",
- "w": "225",
- "measuredW": "156",
- "measuredH": "32",
- "x": "27",
- "y": "141",
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "92",
+ "y": "9",
"properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Using Lighthouse"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "5",
- "typeID": "TextInput",
- "zOrder": "5",
- "w": "225",
- "measuredW": "141",
- "measuredH": "32",
- "x": "27",
- "y": "179",
+ "ID": "3",
+ "typeID": "Icon",
+ "zOrder": "3",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "92",
+ "y": "9",
"properties": {
- "align": "center",
- "color": "16776960",
- "size": "18",
- "text": "Using DevTools"
+ "color": "10027263",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "13962",
+ "typeID": "__group__",
+ "zOrder": "202",
+ "measuredW": "127",
+ "measuredH": "41",
+ "w": "127",
+ "h": "41",
+ "x": "1035",
+ "y": "2502",
+ "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": "6",
+ "ID": "1",
"typeID": "Label",
- "zOrder": "6",
- "w": "185",
- "measuredW": "176",
+ "zOrder": "1",
+ "w": "69",
+ "measuredW": "59",
"measuredH": "25",
- "x": "47",
- "y": "224",
+ "x": "35",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Calculating, Measuring"
+ "text": "Angular"
}
},
{
- "ID": "7",
- "typeID": "Label",
- "zOrder": "7",
- "w": "224",
- "measuredW": "212",
- "measuredH": "25",
- "x": "27",
- "y": "251",
+ "ID": "2",
+ "typeID": "Icon",
+ "zOrder": "2",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "103",
+ "y": "9",
"properties": {
- "size": "17",
- "text": "and improving performance"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
- "ID": "8",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "8",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "103",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -10523,15 +10437,15 @@
}
},
{
- "ID": "9",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "9",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "103",
+ "y": "9",
"properties": {
- "color": "10066329",
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -10543,17 +10457,17 @@
}
},
{
- "ID": "13959",
+ "ID": "13963",
"typeID": "__group__",
"zOrder": "203",
- "measuredW": "285",
- "measuredH": "59",
- "w": "285",
- "h": "59",
- "x": "682",
- "y": "2489",
+ "measuredW": "121",
+ "measuredH": "41",
+ "w": "121",
+ "h": "41",
+ "x": "1194",
+ "y": "2502",
"properties": {
- "controlName": "118-server-side-rendering"
+ "controlName": "100-server-side-rendering:angular:universal"
},
"children": {
"controls": {
@@ -10562,27 +10476,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "278",
- "h": "50",
+ "w": "111",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
- "y": "9",
+ "x": "0",
+ "y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "225",
+ "w": "73",
+ "measuredW": "72",
"measuredH": "25",
- "x": "29",
- "y": "22",
+ "x": "19",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Server Side Rendering (SSR)"
+ "text": "Universal"
}
},
{
@@ -10591,8 +10506,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "97",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -10607,10 +10522,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "0",
+ "x": "97",
+ "y": "9",
"properties": {
- "color": "10066329",
+ "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"
@@ -10622,17 +10553,17 @@
}
},
{
- "ID": "13960",
+ "ID": "13964",
"typeID": "__group__",
"zOrder": "204",
- "measuredW": "125",
+ "measuredW": "127",
"measuredH": "41",
- "w": "125",
+ "w": "127",
"h": "41",
- "x": "1035",
- "y": "2453",
+ "x": "1037",
+ "y": "2551",
"properties": {
- "controlName": "100-server-side-rendering:react-js"
+ "controlName": "102-server-side-rendering:vue-js"
},
"children": {
"controls": {
@@ -10641,7 +10572,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "116",
+ "w": "118",
"h": "41",
"measuredW": "200",
"measuredH": "140",
@@ -10655,12 +10586,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "47",
+ "w": "48",
+ "measuredW": "45",
"measuredH": "25",
- "x": "34",
+ "x": "37",
"y": "8",
"properties": {
- "text": "React",
+ "text": "Vue.js",
"size": "17"
}
},
@@ -10670,7 +10602,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "101",
+ "x": "103",
"y": "9",
"properties": {
"color": "16777215",
@@ -10686,10 +10618,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "101",
+ "x": "103",
"y": "9",
"properties": {
- "color": "10027263",
+ "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"
@@ -10701,17 +10649,17 @@
}
},
{
- "ID": "13961",
+ "ID": "13965",
"typeID": "__group__",
"zOrder": "205",
- "measuredW": "116",
+ "measuredW": "122",
"measuredH": "41",
- "w": "116",
+ "w": "122",
"h": "41",
- "x": "1197",
- "y": "2452",
+ "x": "1192",
+ "y": "2551",
"properties": {
- "controlName": "100-server-side-rendering:react-js:next-js"
+ "controlName": "100-server-side-rendering:vue-js:nuxt-js"
},
"children": {
"controls": {
@@ -10720,7 +10668,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "106",
+ "w": "111",
"h": "41",
"measuredW": "200",
"measuredH": "140",
@@ -10734,13 +10682,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
+ "w": "55",
"measuredW": "52",
"measuredH": "25",
- "x": "27",
+ "x": "28",
"y": "8",
"properties": {
"size": "17",
- "text": "Next.js"
+ "text": "Nuxt.js"
}
},
{
@@ -10749,7 +10698,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "92",
+ "x": "98",
"y": "9",
"properties": {
"color": "16777215",
@@ -10765,10 +10714,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "92",
+ "x": "98",
"y": "9",
"properties": {
- "color": "10027263",
+ "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"
@@ -10780,17 +10745,17 @@
}
},
{
- "ID": "13962",
+ "ID": "13966",
"typeID": "__group__",
"zOrder": "206",
- "measuredW": "127",
- "measuredH": "41",
- "w": "127",
- "h": "41",
- "x": "1035",
- "y": "2502",
+ "measuredW": "220",
+ "measuredH": "59",
+ "w": "220",
+ "h": "59",
+ "x": "447",
+ "y": "2909",
"properties": {
- "controlName": "101-server-side-rendering:angular"
+ "controlName": "121-mobile-applications"
},
"children": {
"controls": {
@@ -10799,28 +10764,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "119",
- "h": "41",
+ "w": "210",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
+ "y": "9",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "69",
- "measuredW": "59",
+ "w": "169",
+ "measuredW": "150",
"measuredH": "25",
- "x": "35",
- "y": "8",
+ "x": "27",
+ "y": "22",
"properties": {
"size": "17",
- "text": "Angular"
+ "text": "Mobile Applications"
}
},
{
@@ -10829,8 +10794,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "103",
- "y": "9",
+ "x": "196",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -10845,26 +10810,10 @@
"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",
+ "x": "196",
+ "y": "0",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -10876,17 +10825,17 @@
}
},
{
- "ID": "13963",
+ "ID": "13967",
"typeID": "__group__",
"zOrder": "207",
- "measuredW": "121",
+ "measuredW": "156",
"measuredH": "41",
- "w": "121",
+ "w": "156",
"h": "41",
- "x": "1194",
- "y": "2502",
+ "x": "147",
+ "y": "2834",
"properties": {
- "controlName": "100-server-side-rendering:angular:universal"
+ "controlName": "100-mobile-applications:react-native"
},
"children": {
"controls": {
@@ -10895,11 +10844,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "111",
+ "w": "147",
"h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "9",
"y": "0",
"properties": {
"color": "16770457"
@@ -10909,14 +10858,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "73",
- "measuredW": "72",
+ "w": "101",
+ "measuredW": "100",
"measuredH": "25",
- "x": "19",
+ "x": "32",
"y": "8",
"properties": {
"size": "17",
- "text": "Universal"
+ "text": "React Native"
}
},
{
@@ -10925,8 +10874,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "97",
- "y": "9",
+ "x": "0",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -10941,26 +10890,10 @@
"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",
+ "x": "0",
+ "y": "7",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -10972,17 +10905,17 @@
}
},
{
- "ID": "13964",
+ "ID": "13968",
"typeID": "__group__",
"zOrder": "208",
- "measuredW": "127",
+ "measuredW": "147",
"measuredH": "41",
- "w": "127",
+ "w": "147",
"h": "41",
- "x": "1037",
- "y": "2551",
+ "x": "156",
+ "y": "2974",
"properties": {
- "controlName": "102-server-side-rendering:vue-js"
+ "controlName": "101-mobile-applications:nativescript"
},
"children": {
"controls": {
@@ -10991,7 +10924,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "118",
+ "w": "147",
"h": "41",
"measuredW": "200",
"measuredH": "140",
@@ -11005,40 +10938,71 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "48",
- "measuredW": "45",
+ "measuredW": "94",
"measuredH": "25",
- "x": "37",
+ "x": "27",
"y": "8",
"properties": {
- "text": "Vue.js",
+ "text": "NativeScript",
"size": "17"
}
+ }
+ ]
+ }
+ }
+ },
+ {
+ "ID": "13969",
+ "typeID": "__group__",
+ "zOrder": "209",
+ "measuredW": "157",
+ "measuredH": "41",
+ "w": "157",
+ "h": "41",
+ "x": "146",
+ "y": "2881",
+ "properties": {
+ "controlName": "102-mobile-applications:flutter"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "147",
+ "h": "41",
+ "measuredW": "200",
+ "measuredH": "140",
+ "x": "10",
+ "y": "0",
+ "properties": {
+ "color": "16770457"
+ }
},
{
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "103",
- "y": "9",
+ "ID": "1",
+ "typeID": "Label",
+ "zOrder": "1",
+ "w": "53",
+ "measuredW": "50",
+ "measuredH": "25",
+ "x": "57",
+ "y": "8",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "17",
+ "text": "Flutter"
}
},
{
- "ID": "3",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "103",
- "y": "9",
+ "x": "0",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -11048,15 +11012,15 @@
}
},
{
- "ID": "4",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "103",
- "y": "9",
+ "x": "0",
+ "y": "7",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11068,17 +11032,17 @@
}
},
{
- "ID": "13965",
+ "ID": "13970",
"typeID": "__group__",
- "zOrder": "209",
- "measuredW": "122",
+ "zOrder": "210",
+ "measuredW": "157",
"measuredH": "41",
- "w": "122",
+ "w": "157",
"h": "41",
- "x": "1192",
- "y": "2551",
+ "x": "1141",
+ "y": "2950",
"properties": {
- "controlName": "100-server-side-rendering:vue-js:nuxt-js"
+ "controlName": "105-static-site-generators:hugo"
},
"children": {
"controls": {
@@ -11087,7 +11051,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "111",
+ "w": "147",
"h": "41",
"measuredW": "200",
"measuredH": "140",
@@ -11101,14 +11065,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "55",
- "measuredW": "52",
+ "w": "43",
+ "measuredW": "42",
"measuredH": "25",
- "x": "28",
+ "x": "52",
"y": "8",
"properties": {
"size": "17",
- "text": "Nuxt.js"
+ "text": "Hugo"
}
},
{
@@ -11117,7 +11081,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
+ "x": "133",
"y": "9",
"properties": {
"color": "16777215",
@@ -11133,7 +11097,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
+ "x": "133",
"y": "9",
"properties": {
"color": "16777215",
@@ -11149,7 +11113,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
+ "x": "133",
"y": "9",
"properties": {
"color": "3700253",
@@ -11164,17 +11128,17 @@
}
},
{
- "ID": "13966",
+ "ID": "13971",
"typeID": "__group__",
- "zOrder": "210",
- "measuredW": "220",
- "measuredH": "59",
- "w": "220",
- "h": "59",
- "x": "447",
- "y": "2909",
+ "zOrder": "211",
+ "measuredW": "147",
+ "measuredH": "41",
+ "w": "147",
+ "h": "41",
+ "x": "156",
+ "y": "2928",
"properties": {
- "controlName": "121-mobile-applications"
+ "controlName": "103-mobile-applications:ionic"
},
"children": {
"controls": {
@@ -11183,12 +11147,60 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "210",
+ "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": "13972",
+ "typeID": "__group__",
+ "zOrder": "212",
+ "measuredW": "152",
+ "measuredH": "50",
+ "w": "152",
+ "h": "50",
+ "x": "792",
+ "y": "2783",
+ "properties": {
+ "controlName": "119-graphql"
+ },
+ "children": {
+ "controls": {
+ "control": [
+ {
+ "ID": "0",
+ "typeID": "TextArea",
+ "zOrder": "0",
+ "w": "146",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "9",
+ "y": "0",
"properties": {
"color": "16776960"
}
@@ -11197,14 +11209,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "169",
- "measuredW": "150",
+ "measuredW": "71",
"measuredH": "25",
- "x": "27",
- "y": "22",
+ "x": "37",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Mobile Applications"
+ "text": "GraphQL"
}
},
{
@@ -11213,8 +11224,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "196",
- "y": "0",
+ "x": "128",
+ "y": "13",
"properties": {
"color": "16777215",
"icon": {
@@ -11229,8 +11240,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "196",
- "y": "0",
+ "x": "128",
+ "y": "13",
"properties": {
"color": "10066329",
"icon": {
@@ -11244,17 +11255,17 @@
}
},
{
- "ID": "13967",
+ "ID": "13973",
"typeID": "__group__",
- "zOrder": "211",
- "measuredW": "156",
+ "zOrder": "213",
+ "measuredW": "175",
"measuredH": "41",
- "w": "156",
+ "w": "175",
"h": "41",
- "x": "147",
- "y": "2834",
+ "x": "541",
+ "y": "2830",
"properties": {
- "controlName": "100-mobile-applications:react-native"
+ "controlName": "101-graphql:relay-modern"
},
"children": {
"controls": {
@@ -11263,11 +11274,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
+ "w": "168",
"h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
+ "x": "7",
"y": "0",
"properties": {
"color": "16770457"
@@ -11277,14 +11288,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "101",
- "measuredW": "100",
+ "w": "115",
+ "measuredW": "107",
"measuredH": "25",
- "x": "32",
+ "x": "40",
"y": "8",
"properties": {
"size": "17",
- "text": "React Native"
+ "text": "Relay Modern"
}
},
{
@@ -11294,7 +11305,7 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "7",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -11310,60 +11321,29 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "7",
+ "y": "9",
"properties": {
- "color": "10027263",
+ "color": "16777215",
"icon": {
- "ID": "check-circle",
+ "ID": "circle",
"size": "small"
}
}
- }
- ]
- }
- }
- },
- {
- "ID": "13968",
- "typeID": "__group__",
- "zOrder": "212",
- "measuredW": "147",
- "measuredH": "41",
- "w": "147",
- "h": "41",
- "x": "156",
- "y": "2974",
- "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",
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "9",
"properties": {
- "text": "NativeScript",
- "size": "17"
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
@@ -11371,17 +11351,17 @@
}
},
{
- "ID": "13969",
+ "ID": "13974",
"typeID": "__group__",
- "zOrder": "213",
- "measuredW": "157",
- "measuredH": "41",
- "w": "157",
- "h": "41",
- "x": "146",
- "y": "2881",
+ "zOrder": "214",
+ "measuredW": "238",
+ "measuredH": "60",
+ "w": "238",
+ "h": "60",
+ "x": "802",
+ "y": "2233",
"properties": {
- "controlName": "102-mobile-applications:flutter"
+ "controlName": "113-web-components"
},
"children": {
"controls": {
@@ -11390,28 +11370,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "230",
+ "h": "50",
"measuredW": "200",
"measuredH": "140",
- "x": "10",
- "y": "0",
+ "x": "0",
+ "y": "10",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "53",
- "measuredW": "50",
+ "measuredW": "137",
"measuredH": "25",
- "x": "57",
- "y": "8",
+ "x": "44",
+ "y": "23",
"properties": {
"size": "17",
- "text": "Flutter"
+ "text": "Web Components"
}
},
{
@@ -11420,8 +11399,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "7",
+ "x": "214",
+ "y": "0",
"properties": {
"color": "16777215",
"icon": {
@@ -11436,10 +11415,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "7",
+ "x": "214",
+ "y": "0",
"properties": {
- "color": "10027263",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11451,17 +11430,17 @@
}
},
{
- "ID": "13970",
+ "ID": "13975",
"typeID": "__group__",
- "zOrder": "214",
- "measuredW": "157",
- "measuredH": "41",
- "w": "157",
- "h": "41",
- "x": "1141",
- "y": "2950",
+ "zOrder": "215",
+ "measuredW": "199",
+ "measuredH": "40",
+ "w": "199",
+ "h": "40",
+ "x": "1117",
+ "y": "2201",
"properties": {
- "controlName": "105-static-site-generators:hugo"
+ "controlName": "100-web-components:html-templates"
},
"children": {
"controls": {
@@ -11469,9 +11448,9 @@
{
"ID": "0",
"typeID": "TextArea",
- "zOrder": "0",
- "w": "147",
- "h": "41",
+ "zOrder": "0",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -11484,14 +11463,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "43",
- "measuredW": "42",
+ "w": "132",
+ "measuredW": "131",
"measuredH": "25",
- "x": "52",
- "y": "8",
+ "x": "30",
+ "y": "7",
"properties": {
"size": "17",
- "text": "Hugo"
+ "text": "HTML Templates"
}
},
{
@@ -11500,8 +11479,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "9",
+ "x": "175",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -11516,26 +11495,10 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "9",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "133",
- "y": "9",
+ "x": "175",
+ "y": "8",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11547,17 +11510,17 @@
}
},
{
- "ID": "13971",
+ "ID": "13976",
"typeID": "__group__",
- "zOrder": "215",
- "measuredW": "147",
- "measuredH": "41",
- "w": "147",
- "h": "41",
- "x": "156",
- "y": "2928",
+ "zOrder": "216",
+ "measuredW": "199",
+ "measuredH": "40",
+ "w": "199",
+ "h": "40",
+ "x": "1117",
+ "y": "2247",
"properties": {
- "controlName": "103-mobile-applications:ionic"
+ "controlName": "101-web-components:custom-elements"
},
"children": {
"controls": {
@@ -11566,8 +11529,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -11580,14 +11543,46 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "40",
- "measuredW": "38",
+ "w": "139",
+ "measuredW": "136",
"measuredH": "25",
- "x": "54",
- "y": "8",
+ "x": "30",
+ "y": "7",
"properties": {
"size": "17",
- "text": "Ionic"
+ "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"
+ }
}
}
]
@@ -11595,17 +11590,17 @@
}
},
{
- "ID": "13972",
+ "ID": "13977",
"typeID": "__group__",
- "zOrder": "216",
- "measuredW": "152",
- "measuredH": "50",
- "w": "152",
- "h": "50",
- "x": "792",
- "y": "2783",
+ "zOrder": "217",
+ "measuredW": "199",
+ "measuredH": "40",
+ "w": "199",
+ "h": "40",
+ "x": "1117",
+ "y": "2292",
"properties": {
- "controlName": "119-graphql"
+ "controlName": "102-web-components:shadow-dom"
},
"children": {
"controls": {
@@ -11614,27 +11609,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "146",
- "h": "50",
+ "w": "190",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "71",
+ "w": "105",
+ "measuredW": "105",
"measuredH": "25",
- "x": "37",
- "y": "12",
+ "x": "38",
+ "y": "7",
"properties": {
"size": "17",
- "text": "GraphQL"
+ "text": "Shadow DOM"
}
},
{
@@ -11643,8 +11639,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "128",
- "y": "13",
+ "x": "175",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -11659,8 +11655,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "128",
- "y": "13",
+ "x": "175",
+ "y": "8",
"properties": {
"color": "10066329",
"icon": {
@@ -11674,17 +11670,17 @@
}
},
{
- "ID": "13973",
+ "ID": "13978",
"typeID": "__group__",
- "zOrder": "217",
- "measuredW": "175",
- "measuredH": "41",
- "w": "175",
- "h": "41",
- "x": "541",
- "y": "2830",
+ "zOrder": "218",
+ "measuredW": "156",
+ "measuredH": "43",
+ "w": "156",
+ "h": "43",
+ "x": "159",
+ "y": "1393",
"properties": {
- "controlName": "101-graphql:relay-modern"
+ "controlName": "101-css-preprocessors:postcss"
},
"children": {
"controls": {
@@ -11693,11 +11689,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "168",
- "h": "41",
+ "w": "146",
+ "h": "43",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
+ "x": "10",
"y": "0",
"properties": {
"color": "16770457"
@@ -11707,14 +11703,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "115",
- "measuredW": "107",
+ "w": "74",
+ "measuredW": "66",
"measuredH": "25",
- "x": "40",
- "y": "8",
+ "x": "49",
+ "y": "9",
"properties": {
"size": "17",
- "text": "Relay Modern"
+ "text": "PostCSS"
}
},
{
@@ -11724,7 +11720,7 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "9",
+ "y": "10",
"properties": {
"color": "16777215",
"icon": {
@@ -11740,25 +11736,9 @@
"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",
+ "y": "10",
"properties": {
- "color": "3700253",
+ "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11770,17 +11750,17 @@
}
},
{
- "ID": "13974",
+ "ID": "13979",
"typeID": "__group__",
- "zOrder": "218",
- "measuredW": "238",
- "measuredH": "60",
- "w": "238",
- "h": "60",
- "x": "802",
- "y": "2233",
+ "zOrder": "219",
+ "measuredW": "156",
+ "measuredH": "41",
+ "w": "156",
+ "h": "41",
+ "x": "159",
+ "y": "1346",
"properties": {
- "controlName": "113-web-components"
+ "controlName": "100-css-preprocessors:sass"
},
"children": {
"controls": {
@@ -11789,27 +11769,28 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "230",
- "h": "50",
+ "w": "146",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
- "y": "10",
+ "x": "10",
+ "y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "137",
+ "w": "46",
+ "measuredW": "37",
"measuredH": "25",
- "x": "44",
- "y": "23",
+ "x": "60",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Web Components"
+ "text": "Sass"
}
},
{
@@ -11818,8 +11799,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "214",
- "y": "0",
+ "x": "0",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -11834,8 +11815,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "214",
- "y": "0",
+ "x": "0",
+ "y": "9",
"properties": {
"color": "10066329",
"icon": {
@@ -11849,17 +11830,17 @@
}
},
{
- "ID": "13975",
+ "ID": "13980",
"typeID": "__group__",
- "zOrder": "219",
- "measuredW": "199",
+ "zOrder": "220",
+ "measuredW": "212",
"measuredH": "40",
- "w": "199",
+ "w": "212",
"h": "40",
- "x": "1117",
- "y": "2201",
+ "x": "819",
+ "y": "1864",
"properties": {
- "controlName": "100-web-components:html-templates"
+ "controlName": "102-modern-css:styled-jsx"
},
"children": {
"controls": {
@@ -11868,7 +11849,7 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "190",
+ "w": "201",
"h": "40",
"measuredW": "200",
"measuredH": "140",
@@ -11882,14 +11863,14 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "132",
- "measuredW": "131",
+ "w": "90",
+ "measuredW": "80",
"measuredH": "25",
- "x": "30",
+ "x": "56",
"y": "7",
"properties": {
"size": "17",
- "text": "HTML Templates"
+ "text": "Styled JSX"
}
},
{
@@ -11898,7 +11879,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "188",
"y": "8",
"properties": {
"color": "16777215",
@@ -11914,10 +11895,26 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "188",
"y": "8",
"properties": {
- "color": "10066329",
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "188",
+ "y": "8",
+ "properties": {
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -11929,26 +11926,40 @@
}
},
{
- "ID": "13976",
+ "ID": "13981",
"typeID": "__group__",
- "zOrder": "220",
- "measuredW": "199",
+ "zOrder": "221",
+ "measuredW": "159",
"measuredH": "40",
- "w": "199",
+ "w": "159",
"h": "40",
- "x": "1117",
- "y": "2247",
+ "x": "1093",
+ "y": "1612",
"properties": {
- "controlName": "101-web-components:custom-elements"
+ "controlName": "101-build-tools:module-bundlers:esbuild"
},
"children": {
"controls": {
"control": [
{
- "ID": "0",
- "typeID": "TextArea",
+ "ID": "1",
+ "typeID": "Label",
"zOrder": "0",
- "w": "190",
+ "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",
@@ -11959,26 +11970,25 @@
}
},
{
- "ID": "1",
+ "ID": "3",
"typeID": "Label",
- "zOrder": "1",
- "w": "139",
- "measuredW": "136",
+ "zOrder": "2",
+ "measuredW": "55",
"measuredH": "25",
- "x": "30",
+ "x": "50",
"y": "7",
"properties": {
"size": "17",
- "text": "Custom Elements"
+ "text": "esbuild"
}
},
{
- "ID": "2",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "135",
"y": "8",
"properties": {
"color": "16777215",
@@ -11989,15 +11999,15 @@
}
},
{
- "ID": "3",
+ "ID": "5",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
+ "x": "135",
"y": "8",
"properties": {
- "color": "10066329",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12009,26 +12019,40 @@
}
},
{
- "ID": "13977",
+ "ID": "13982",
"typeID": "__group__",
- "zOrder": "221",
- "measuredW": "199",
+ "zOrder": "222",
+ "measuredW": "159",
"measuredH": "40",
- "w": "199",
+ "w": "159",
"h": "40",
- "x": "1117",
- "y": "2292",
+ "x": "1093",
+ "y": "1567",
"properties": {
- "controlName": "102-web-components:shadow-dom"
+ "controlName": "104-build-tools:module-bundlers:vite"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
- "typeID": "TextArea",
+ "typeID": "Label",
"zOrder": "0",
- "w": "190",
+ "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",
@@ -12039,27 +12063,26 @@
}
},
{
- "ID": "1",
+ "ID": "2",
"typeID": "Label",
- "zOrder": "1",
- "w": "105",
- "measuredW": "105",
+ "zOrder": "2",
+ "measuredW": "30",
"measuredH": "25",
- "x": "38",
+ "x": "53",
"y": "7",
"properties": {
"size": "17",
- "text": "Shadow DOM"
+ "text": "Vite"
}
},
{
- "ID": "2",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
- "y": "8",
+ "x": "135",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -12069,37 +12092,53 @@
}
},
{
- "ID": "3",
+ "ID": "4",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "175",
- "y": "8",
+ "x": "135",
+ "y": "7",
"properties": {
- "color": "10066329",
+ "color": "16777215",
"icon": {
- "ID": "check-circle",
+ "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": "13978",
+ "ID": "13984",
"typeID": "__group__",
- "zOrder": "222",
- "measuredW": "156",
- "measuredH": "43",
- "w": "156",
- "h": "43",
- "x": "159",
- "y": "1393",
+ "zOrder": "223",
+ "measuredW": "157",
+ "measuredH": "41",
+ "w": "157",
+ "h": "41",
+ "x": "1142",
+ "y": "2675",
"properties": {
- "controlName": "101-css-preprocessors:postcss"
+ "controlName": "107-static-site-generators:eleventy"
},
"children": {
"controls": {
@@ -12108,28 +12147,32 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "146",
- "h": "43",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "10",
+ "x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16770457",
+ "align": "center",
+ "size": "17"
}
},
{
"ID": "1",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "1",
- "w": "74",
- "measuredW": "66",
- "measuredH": "25",
- "x": "49",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "133",
"y": "9",
"properties": {
- "size": "17",
- "text": "PostCSS"
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
}
},
{
@@ -12138,30 +12181,27 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "10",
+ "x": "133",
+ "y": "9",
"properties": {
- "color": "16777215",
"icon": {
- "ID": "circle",
+ "ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "10027263"
}
},
{
"ID": "3",
- "typeID": "Icon",
+ "typeID": "Label",
"zOrder": "3",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
- "y": "10",
+ "measuredW": "66",
+ "measuredH": "25",
+ "x": "41",
+ "y": "8",
"properties": {
- "color": "10066329",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "text": "Eleventy",
+ "size": "17"
}
}
]
@@ -12169,17 +12209,17 @@
}
},
{
- "ID": "13979",
+ "ID": "13985",
"typeID": "__group__",
- "zOrder": "223",
- "measuredW": "156",
- "measuredH": "41",
- "w": "156",
- "h": "41",
- "x": "159",
- "y": "1346",
+ "zOrder": "224",
+ "measuredW": "158",
+ "measuredH": "49",
+ "w": "158",
+ "h": "49",
+ "x": "163",
+ "y": "1231",
"properties": {
- "controlName": "100-css-preprocessors:sass"
+ "controlName": "102-package-managers:pnpm"
},
"children": {
"controls": {
@@ -12188,11 +12228,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "146",
- "h": "41",
+ "w": "151",
+ "h": "49",
"measuredW": "200",
"measuredH": "140",
- "x": "10",
+ "x": "7",
"y": "0",
"properties": {
"color": "16770457"
@@ -12202,14 +12242,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "46",
- "measuredW": "37",
+ "measuredW": "44",
"measuredH": "25",
- "x": "60",
- "y": "8",
+ "x": "61",
+ "y": "12",
"properties": {
"size": "17",
- "text": "Sass"
+ "text": "pnpm"
}
},
{
@@ -12219,7 +12258,7 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "9",
+ "y": "13",
"properties": {
"color": "16777215",
"icon": {
@@ -12235,13 +12274,13 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "9",
+ "y": "13",
"properties": {
- "color": "10066329",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "3700253"
}
}
]
@@ -12249,17 +12288,17 @@
}
},
{
- "ID": "13980",
+ "ID": "13986",
"typeID": "__group__",
- "zOrder": "224",
- "measuredW": "212",
+ "zOrder": "225",
+ "measuredW": "152",
"measuredH": "40",
- "w": "212",
+ "w": "152",
"h": "40",
- "x": "819",
- "y": "1864",
+ "x": "161",
+ "y": "1617",
"properties": {
- "controlName": "102-modern-css:styled-jsx"
+ "controlName": "103-pick-a-framework:svelte"
},
"children": {
"controls": {
@@ -12268,11 +12307,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "201",
+ "w": "145",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "7",
"y": "0",
"properties": {
"color": "16770457"
@@ -12282,14 +12321,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "w": "90",
- "measuredW": "80",
+ "measuredW": "48",
"measuredH": "25",
- "x": "56",
+ "x": "58",
"y": "7",
"properties": {
"size": "17",
- "text": "Styled JSX"
+ "text": "Svelte"
}
},
{
@@ -12298,7 +12336,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "188",
+ "x": "0",
"y": "8",
"properties": {
"color": "16777215",
@@ -12314,7 +12352,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "188",
+ "x": "0",
"y": "8",
"properties": {
"color": "16777215",
@@ -12330,7 +12368,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "188",
+ "x": "0",
"y": "8",
"properties": {
"color": "3700253",
@@ -12345,69 +12383,55 @@
}
},
{
- "ID": "13981",
+ "ID": "13987",
"typeID": "__group__",
- "zOrder": "225",
- "measuredW": "159",
+ "zOrder": "226",
+ "measuredW": "152",
"measuredH": "40",
- "w": "159",
+ "w": "152",
"h": "40",
- "x": "1093",
- "y": "1612",
+ "x": "161",
+ "y": "1663",
"properties": {
- "controlName": "101-build-tools:module-bundlers:esbuild"
+ "controlName": "104-pick-a-framework:solid-js"
},
"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",
+ "ID": "0",
"typeID": "TextArea",
- "zOrder": "1",
- "w": "149",
+ "zOrder": "0",
+ "w": "145",
"h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "7",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
- "ID": "3",
+ "ID": "1",
"typeID": "Label",
- "zOrder": "2",
- "measuredW": "55",
+ "zOrder": "1",
+ "measuredW": "61",
"measuredH": "25",
- "x": "50",
+ "x": "58",
"y": "7",
"properties": {
"size": "17",
- "text": "esbuild"
+ "text": "Solid JS"
}
},
{
- "ID": "4",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "135",
+ "x": "0",
"y": "8",
"properties": {
"color": "16777215",
@@ -12417,91 +12441,14 @@
}
}
},
- {
- "ID": "5",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "135",
- "y": "8",
- "properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
- }
- }
- ]
- }
- }
- },
- {
- "ID": "13982",
- "typeID": "__group__",
- "zOrder": "226",
- "measuredW": "159",
- "measuredH": "40",
- "w": "159",
- "h": "40",
- "x": "1093",
- "y": "1567",
- "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",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -12516,30 +12463,14 @@
"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",
+ "x": "0",
+ "y": "8",
"properties": {
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- },
- "color": "10027263"
+ }
}
}
]
@@ -12547,17 +12478,17 @@
}
},
{
- "ID": "13983",
+ "ID": "13990",
"typeID": "__group__",
"zOrder": "227",
- "measuredW": "149",
- "measuredH": "37",
- "w": "149",
- "h": "37",
- "x": "341",
- "y": "2071",
+ "measuredW": "204",
+ "measuredH": "39",
+ "w": "204",
+ "h": "39",
+ "x": "1092",
+ "y": "2021",
"properties": {
- "controlName": "103-css-frameworks:js-first:radix-ui"
+ "controlName": "104-testing-your-apps:playwright"
},
"children": {
"controls": {
@@ -12566,8 +12497,8 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "139",
- "h": "37",
+ "w": "197",
+ "h": "39",
"measuredW": "200",
"measuredH": "140",
"x": "0",
@@ -12580,39 +12511,23 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "66",
+ "measuredW": "78",
"measuredH": "25",
- "x": "34",
- "y": "6",
- "properties": {
- "size": "17",
- "text": "Radix UI"
- }
- },
- {
- "ID": "2",
- "typeID": "Icon",
- "zOrder": "2",
- "measuredW": "24",
- "measuredH": "24",
- "x": "125",
+ "x": "60",
"y": "7",
"properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
+ "size": "17",
+ "text": "Playwright"
}
},
{
- "ID": "3",
+ "ID": "2",
"typeID": "Icon",
- "zOrder": "3",
+ "zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "125",
- "y": "7",
+ "x": "180",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -12622,15 +12537,15 @@
}
},
{
- "ID": "4",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "4",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "125",
- "y": "7",
+ "x": "180",
+ "y": "8",
"properties": {
- "color": "3700253",
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
@@ -12642,17 +12557,17 @@
}
},
{
- "ID": "13984",
+ "ID": "13991",
"typeID": "__group__",
"zOrder": "228",
- "measuredW": "157",
+ "measuredW": "116",
"measuredH": "41",
- "w": "157",
+ "w": "116",
"h": "41",
- "x": "1142",
- "y": "2675",
+ "x": "1197",
+ "y": "2405",
"properties": {
- "controlName": "107-static-site-generators:eleventy"
+ "controlName": "101-server-side-rendering:react-js:remix"
},
"children": {
"controls": {
@@ -12661,25 +12576,36 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
+ "w": "106",
"h": "41",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457",
- "align": "center",
- "size": "17"
+ "color": "16770457"
}
},
{
"ID": "1",
- "typeID": "Icon",
+ "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": "133",
+ "x": "92",
"y": "9",
"properties": {
"color": "16777215",
@@ -12690,32 +12616,19 @@
}
},
{
- "ID": "2",
+ "ID": "3",
"typeID": "Icon",
- "zOrder": "2",
+ "zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
+ "x": "92",
"y": "9",
"properties": {
+ "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
- },
- "color": "10027263"
- }
- },
- {
- "ID": "3",
- "typeID": "Label",
- "zOrder": "3",
- "measuredW": "66",
- "measuredH": "25",
- "x": "41",
- "y": "8",
- "properties": {
- "text": "Eleventy",
- "size": "17"
+ }
}
}
]
@@ -12723,17 +12636,17 @@
}
},
{
- "ID": "13985",
+ "ID": "13992",
"typeID": "__group__",
"zOrder": "229",
- "measuredW": "158",
- "measuredH": "49",
- "w": "158",
- "h": "49",
- "x": "163",
- "y": "1231",
+ "measuredW": "159",
+ "measuredH": "41",
+ "w": "159",
+ "h": "41",
+ "x": "1141",
+ "y": "3044",
"properties": {
- "controlName": "102-package-managers:pnpm"
+ "controlName": "103-static-site-generators:remix"
},
"children": {
"controls": {
@@ -12742,11 +12655,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "151",
- "h": "49",
+ "w": "148",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
+ "x": "0",
"y": "0",
"properties": {
"color": "16770457"
@@ -12756,13 +12669,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "44",
+ "measuredW": "49",
"measuredH": "25",
- "x": "61",
- "y": "12",
+ "x": "49",
+ "y": "8",
"properties": {
"size": "17",
- "text": "pnpm"
+ "text": "Remix"
}
},
{
@@ -12771,8 +12684,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "13",
+ "x": "135",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -12787,8 +12700,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "13",
+ "x": "135",
+ "y": "9",
"properties": {
"icon": {
"ID": "check-circle",
@@ -12802,17 +12715,17 @@
}
},
{
- "ID": "13986",
+ "ID": "13993",
"typeID": "__group__",
"zOrder": "230",
- "measuredW": "152",
- "measuredH": "40",
- "w": "152",
- "h": "40",
- "x": "161",
- "y": "1617",
+ "measuredW": "196",
+ "measuredH": "41",
+ "w": "196",
+ "h": "41",
+ "x": "785",
+ "y": "3076",
"properties": {
- "controlName": "103-pick-a-framework:svelte"
+ "controlName": "102-desktop-applications:flutter"
},
"children": {
"controls": {
@@ -12821,11 +12734,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "40",
+ "w": "188",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
+ "x": "0",
"y": "0",
"properties": {
"color": "16770457"
@@ -12835,13 +12748,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "48",
+ "measuredW": "50",
"measuredH": "25",
- "x": "58",
- "y": "7",
+ "x": "69",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Svelte"
+ "text": "Flutter"
}
},
{
@@ -12850,7 +12763,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "172",
"y": "8",
"properties": {
"color": "16777215",
@@ -12866,30 +12779,14 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
+ "x": "172",
"y": "8",
"properties": {
- "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "40463"
}
}
]
@@ -12897,17 +12794,48 @@
}
},
{
- "ID": "13987",
+ "ID": "13994",
+ "typeID": "Arrow",
+ "zOrder": "4",
+ "w": "122",
+ "h": "32",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "675",
+ "y": "3068",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "direction": "bottom",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": -0.2570801773204039,
+ "y": 0.27390737805444587
+ },
+ "p1": {
+ "x": 0.490691474468782,
+ "y": 0.06808089415982024
+ },
+ "p2": {
+ "x": 121.64515133802809,
+ "y": 32.10715730089032
+ }
+ }
+ },
+ {
+ "ID": "13995",
"typeID": "__group__",
"zOrder": "231",
- "measuredW": "152",
- "measuredH": "40",
- "w": "152",
- "h": "40",
- "x": "161",
- "y": "1663",
+ "measuredW": "157",
+ "measuredH": "41",
+ "w": "157",
+ "h": "41",
+ "x": "1143",
+ "y": "2720",
"properties": {
- "controlName": "104-pick-a-framework:solid-js"
+ "controlName": "106-static-site-generators:astro"
},
"children": {
"controls": {
@@ -12916,11 +12844,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "145",
- "h": "40",
+ "w": "147",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "7",
+ "x": "0",
"y": "0",
"properties": {
"color": "16770457"
@@ -12930,13 +12858,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "61",
+ "measuredW": "39",
"measuredH": "25",
- "x": "58",
- "y": "7",
+ "x": "54",
+ "y": "8",
"properties": {
"size": "17",
- "text": "Solid JS"
+ "text": "Astro"
}
},
{
@@ -12945,8 +12873,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
+ "x": "133",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -12961,30 +12889,14 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
- "properties": {
- "color": "16777215",
- "icon": {
- "ID": "circle",
- "size": "small"
- }
- }
- },
- {
- "ID": "4",
- "typeID": "Icon",
- "zOrder": "4",
- "measuredW": "24",
- "measuredH": "24",
- "x": "0",
- "y": "8",
+ "x": "133",
+ "y": "9",
"properties": {
- "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "10027263"
}
}
]
@@ -12992,17 +12904,17 @@
}
},
{
- "ID": "13988",
+ "ID": "13996",
"typeID": "__group__",
"zOrder": "232",
- "measuredW": "161",
- "measuredH": "39",
- "w": "161",
- "h": "39",
- "x": "173",
- "y": "2025",
+ "measuredW": "128",
+ "measuredH": "40",
+ "w": "128",
+ "h": "40",
+ "x": "1037",
+ "y": "2601",
"properties": {
- "controlName": "101-css-frameworks:js-first:chakra-ui"
+ "controlName": "103-server-side-rendering:svelte"
},
"children": {
"controls": {
@@ -13011,27 +12923,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "152",
- "h": "39",
+ "w": "119",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
+ "x": "0",
"y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "78",
+ "measuredW": "48",
"measuredH": "25",
- "x": "44",
- "y": "8",
+ "x": "36",
+ "y": "7",
"properties": {
"size": "17",
- "text": "Chakra UI"
+ "text": "Svelte"
}
},
{
@@ -13040,7 +12952,7 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "104",
"y": "8",
"properties": {
"color": "16777215",
@@ -13056,7 +12968,7 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "104",
"y": "8",
"properties": {
"color": "16777215",
@@ -13072,7 +12984,7 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
+ "x": "104",
"y": "8",
"properties": {
"color": "3700253",
@@ -13087,17 +12999,47 @@
}
},
{
- "ID": "13989",
+ "ID": "13997",
+ "typeID": "Arrow",
+ "zOrder": "3",
+ "w": "101",
+ "h": "39",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "945",
+ "y": "2471",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "stroke": "dotted",
+ "p0": {
+ "x": 101.53298940730701,
+ "y": -0.4603981095092422
+ },
+ "p1": {
+ "x": 0.5036496350364975,
+ "y": 0.06360792492179564
+ },
+ "p2": {
+ "x": 0.4884249128083411,
+ "y": 38.51393390979774
+ }
+ }
+ },
+ {
+ "ID": "13998",
"typeID": "__group__",
"zOrder": "233",
- "measuredW": "161",
- "measuredH": "39",
- "w": "161",
- "h": "39",
- "x": "174",
- "y": "2070",
+ "measuredW": "122",
+ "measuredH": "41",
+ "w": "122",
+ "h": "41",
+ "x": "1193",
+ "y": "2600",
"properties": {
- "controlName": "105-css-frameworks:js-first:daisy-ui"
+ "controlName": "100-server-side-rendering:svelte:svelte-kit"
},
"children": {
"controls": {
@@ -13106,27 +13048,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "152",
- "h": "39",
+ "w": "111",
+ "h": "41",
"measuredW": "200",
"measuredH": "140",
- "x": "9",
+ "x": "0",
"y": "0",
"properties": {
- "color": "16776960"
+ "color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "60",
+ "measuredW": "73",
"measuredH": "25",
- "x": "55",
+ "x": "17",
"y": "8",
"properties": {
"size": "17",
- "text": "DaisyUI"
+ "text": "Svelte Kit"
}
},
{
@@ -13135,8 +13077,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
+ "x": "98",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -13151,8 +13093,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
+ "x": "98",
+ "y": "9",
"properties": {
"color": "16777215",
"icon": {
@@ -13167,8 +13109,8 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "0",
- "y": "8",
+ "x": "98",
+ "y": "9",
"properties": {
"color": "3700253",
"icon": {
@@ -13182,17 +13124,76 @@
}
},
{
- "ID": "13990",
+ "ID": "13999",
+ "typeID": "Arrow",
+ "zOrder": "2",
+ "w": "65",
+ "h": "2",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "1146",
+ "y": "2621",
+ "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": "14000",
+ "typeID": "Arrow",
+ "zOrder": "1",
+ "w": "179",
+ "h": "123",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "527",
+ "y": "2126",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "p0": {
+ "x": -0.2145043524983521,
+ "y": 123.4387467621832
+ },
+ "p1": {
+ "x": 0.5230101676333169,
+ "y": -0.19478326314466354
+ },
+ "p2": {
+ "x": 179,
+ "y": 0
+ }
+ }
+ },
+ {
+ "ID": "14001",
"typeID": "__group__",
"zOrder": "234",
- "measuredW": "204",
- "measuredH": "39",
- "w": "204",
- "h": "39",
- "x": "1092",
- "y": "2021",
+ "measuredW": "411",
+ "measuredH": "87",
+ "w": "411",
+ "h": "87",
+ "x": "146",
+ "y": "2215",
"properties": {
- "controlName": "104-testing-your-apps:playwright"
+ "controlName": "116-auth-strategies"
},
"children": {
"controls": {
@@ -13201,11 +13202,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "197",
- "h": "39",
+ "w": "401",
+ "h": "87",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "10",
"y": "0",
"properties": {
"color": "16776960"
@@ -13215,13 +13216,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "78",
- "measuredH": "25",
- "x": "60",
- "y": "7",
+ "measuredW": "227",
+ "measuredH": "28",
+ "x": "97",
+ "y": "16",
"properties": {
- "size": "17",
- "text": "Playwright"
+ "size": "20",
+ "text": "Authentication Strategies"
}
},
{
@@ -13230,8 +13231,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "180",
- "y": "8",
+ "x": "0",
+ "y": "34",
"properties": {
"color": "16777215",
"icon": {
@@ -13246,14 +13247,27 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "180",
- "y": "8",
+ "x": "0",
+ "y": "34",
"properties": {
- "color": "10027263",
"icon": {
"ID": "check-circle",
"size": "small"
- }
+ },
+ "color": "10027263"
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Label",
+ "zOrder": "4",
+ "measuredW": "353",
+ "measuredH": "25",
+ "x": "34",
+ "y": "46",
+ "properties": {
+ "size": "17",
+ "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc"
}
}
]
@@ -13261,17 +13275,46 @@
}
},
{
- "ID": "13991",
+ "ID": "14002",
+ "typeID": "Arrow",
+ "zOrder": "0",
+ "w": "309",
+ "h": "4",
+ "measuredW": "150",
+ "measuredH": "100",
+ "x": "533",
+ "y": "2269",
+ "properties": {
+ "color": "2848996",
+ "curvature": "0",
+ "leftArrow": "false",
+ "rightArrow": "false",
+ "p0": {
+ "x": 309,
+ "y": 0
+ },
+ "p1": {
+ "x": 0.47704880470480404,
+ "y": 0.005193614908729892
+ },
+ "p2": {
+ "x": 0.25353038260061567,
+ "y": 3.4362035980902874
+ }
+ }
+ },
+ {
+ "ID": "14006",
"typeID": "__group__",
"zOrder": "235",
- "measuredW": "116",
- "measuredH": "41",
- "w": "116",
- "h": "41",
- "x": "1197",
- "y": "2405",
+ "measuredW": "333",
+ "measuredH": "228",
+ "w": "333",
+ "h": "228",
+ "x": "166",
+ "y": "1814",
"properties": {
- "controlName": "101-server-side-rendering:react-js:remix"
+ "controlName": "114-css-frameworks:js-first"
},
"children": {
"controls": {
@@ -13280,59 +13323,37 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "106",
- "h": "41",
+ "w": "333",
+ "h": "228",
"measuredW": "200",
"measuredH": "140",
"x": "0",
- "y": "0",
- "properties": {
- "color": "16770457"
- }
+ "y": "0"
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "49",
- "measuredH": "25",
- "x": "28",
- "y": "8",
+ "measuredW": "263",
+ "measuredH": "24",
+ "x": "19",
+ "y": "163",
"properties": {
- "size": "17",
- "text": "Remix"
+ "size": "16",
+ "text": "JS based and better to use with your"
}
},
{
"ID": "2",
- "typeID": "Icon",
+ "typeID": "Label",
"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",
+ "measuredW": "247",
"measuredH": "24",
- "x": "92",
- "y": "9",
+ "x": "19",
+ "y": "189",
"properties": {
- "color": "10027263",
- "icon": {
- "ID": "check-circle",
- "size": "small"
- }
+ "size": "16",
+ "text": "framework based JavaScript apps."
}
}
]
@@ -13340,17 +13361,17 @@
}
},
{
- "ID": "13992",
+ "ID": "14007",
"typeID": "__group__",
"zOrder": "236",
- "measuredW": "159",
- "measuredH": "41",
- "w": "159",
- "h": "41",
- "x": "1141",
- "y": "3044",
+ "measuredW": "145",
+ "measuredH": "40",
+ "w": "145",
+ "h": "40",
+ "x": "342",
+ "y": "1830",
"properties": {
- "controlName": "103-static-site-generators:remix"
+ "controlName": "100-css-frameworks:js-first:tailwind-css"
},
"children": {
"controls": {
@@ -13359,27 +13380,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "148",
- "h": "41",
+ "w": "136",
+ "h": "40",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "49",
+ "measuredW": "61",
"measuredH": "25",
- "x": "49",
- "y": "8",
+ "x": "37",
+ "y": "7",
"properties": {
"size": "17",
- "text": "Remix"
+ "text": "Tailwind"
}
},
{
@@ -13388,8 +13409,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "135",
- "y": "9",
+ "x": "121",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -13404,14 +13425,30 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "135",
- "y": "9",
+ "x": "121",
+ "y": "8",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "121",
+ "y": "8",
"properties": {
"icon": {
"ID": "check-circle",
"size": "small"
},
- "color": "3700253"
+ "color": "10027263"
}
}
]
@@ -13419,17 +13456,17 @@
}
},
{
- "ID": "13993",
+ "ID": "14008",
"typeID": "__group__",
"zOrder": "237",
- "measuredW": "196",
- "measuredH": "41",
- "w": "196",
- "h": "41",
- "x": "785",
- "y": "3076",
+ "measuredW": "150",
+ "measuredH": "37",
+ "w": "150",
+ "h": "37",
+ "x": "342",
+ "y": "1877",
"properties": {
- "controlName": "102-desktop-applications:flutter"
+ "controlName": "102-css-frameworks:js-first:material-ui"
},
"children": {
"controls": {
@@ -13438,27 +13475,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "188",
- "h": "41",
+ "w": "137",
+ "h": "37",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "50",
+ "measuredW": "86",
"measuredH": "25",
- "x": "69",
- "y": "8",
+ "x": "26",
+ "y": "6",
"properties": {
"size": "17",
- "text": "Flutter"
+ "text": "Material UI"
}
},
{
@@ -13467,8 +13504,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "172",
- "y": "8",
+ "x": "126",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -13483,14 +13520,30 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "172",
- "y": "8",
+ "x": "126",
+ "y": "7",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "126",
+ "y": "7",
"properties": {
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- },
- "color": "40463"
+ }
}
}
]
@@ -13498,48 +13551,17 @@
}
},
{
- "ID": "13994",
- "typeID": "Arrow",
- "zOrder": "4",
- "w": "122",
- "h": "32",
- "measuredW": "150",
- "measuredH": "100",
- "x": "675",
- "y": "3068",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "direction": "bottom",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": -0.2570801773204039,
- "y": 0.27390737805444587
- },
- "p1": {
- "x": 0.490691474468782,
- "y": 0.06808089415982024
- },
- "p2": {
- "x": 121.64515133802809,
- "y": 32.10715730089032
- }
- }
- },
- {
- "ID": "13995",
+ "ID": "14009",
"typeID": "__group__",
"zOrder": "238",
"measuredW": "157",
- "measuredH": "41",
+ "measuredH": "39",
"w": "157",
- "h": "41",
- "x": "1143",
- "y": "2720",
+ "h": "39",
+ "x": "178",
+ "y": "1831",
"properties": {
- "controlName": "106-static-site-generators:astro"
+ "controlName": "104-css-frameworks:js-first:mantine"
},
"children": {
"controls": {
@@ -13548,27 +13570,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "147",
- "h": "41",
+ "w": "149",
+ "h": "39",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "8",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "39",
+ "measuredW": "63",
"measuredH": "25",
- "x": "54",
- "y": "8",
+ "x": "51",
+ "y": "7",
"properties": {
"size": "17",
- "text": "Astro"
+ "text": "Mantine"
}
},
{
@@ -13577,8 +13599,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "9",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -13593,14 +13615,30 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "133",
- "y": "9",
+ "x": "0",
+ "y": "8",
+ "properties": {
+ "color": "16777215",
+ "icon": {
+ "ID": "circle",
+ "size": "small"
+ }
+ }
+ },
+ {
+ "ID": "4",
+ "typeID": "Icon",
+ "zOrder": "4",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "8",
"properties": {
+ "color": "3700253",
"icon": {
"ID": "check-circle",
"size": "small"
- },
- "color": "10027263"
+ }
}
}
]
@@ -13608,17 +13646,17 @@
}
},
{
- "ID": "13996",
+ "ID": "14010",
"typeID": "__group__",
"zOrder": "239",
- "measuredW": "128",
- "measuredH": "40",
- "w": "128",
- "h": "40",
- "x": "1037",
- "y": "2601",
+ "measuredW": "149",
+ "measuredH": "37",
+ "w": "149",
+ "h": "37",
+ "x": "342",
+ "y": "1922",
"properties": {
- "controlName": "103-server-side-rendering:svelte"
+ "controlName": "103-css-frameworks:js-first:radix-ui"
},
"children": {
"controls": {
@@ -13627,27 +13665,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "119",
- "h": "40",
+ "w": "139",
+ "h": "37",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "48",
+ "measuredW": "66",
"measuredH": "25",
- "x": "36",
- "y": "7",
+ "x": "34",
+ "y": "6",
"properties": {
"size": "17",
- "text": "Svelte"
+ "text": "Radix UI"
}
},
{
@@ -13656,8 +13694,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "104",
- "y": "8",
+ "x": "125",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -13672,8 +13710,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "104",
- "y": "8",
+ "x": "125",
+ "y": "7",
"properties": {
"color": "16777215",
"icon": {
@@ -13688,8 +13726,8 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "104",
- "y": "8",
+ "x": "125",
+ "y": "7",
"properties": {
"color": "3700253",
"icon": {
@@ -13703,47 +13741,17 @@
}
},
{
- "ID": "13997",
- "typeID": "Arrow",
- "zOrder": "3",
- "w": "101",
- "h": "39",
- "measuredW": "150",
- "measuredH": "100",
- "x": "945",
- "y": "2471",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "rightArrow": "false",
- "stroke": "dotted",
- "p0": {
- "x": 101.53298940730701,
- "y": -0.4603981095092422
- },
- "p1": {
- "x": 0.5036496350364975,
- "y": 0.06360792492179564
- },
- "p2": {
- "x": 0.4884249128083411,
- "y": 38.51393390979774
- }
- }
- },
- {
- "ID": "13998",
+ "ID": "14011",
"typeID": "__group__",
"zOrder": "240",
- "measuredW": "122",
- "measuredH": "41",
- "w": "122",
- "h": "41",
- "x": "1193",
- "y": "2600",
+ "measuredW": "161",
+ "measuredH": "39",
+ "w": "161",
+ "h": "39",
+ "x": "174",
+ "y": "1876",
"properties": {
- "controlName": "100-server-side-rendering:svelte:svelte-kit"
+ "controlName": "101-css-frameworks:js-first:chakra-ui"
},
"children": {
"controls": {
@@ -13752,27 +13760,27 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "111",
- "h": "41",
+ "w": "152",
+ "h": "39",
"measuredW": "200",
"measuredH": "140",
- "x": "0",
+ "x": "9",
"y": "0",
"properties": {
- "color": "16770457"
+ "color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "73",
+ "measuredW": "78",
"measuredH": "25",
- "x": "17",
+ "x": "44",
"y": "8",
"properties": {
"size": "17",
- "text": "Svelte Kit"
+ "text": "Chakra UI"
}
},
{
@@ -13781,8 +13789,8 @@
"zOrder": "2",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
- "y": "9",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -13797,8 +13805,8 @@
"zOrder": "3",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
- "y": "9",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -13813,8 +13821,8 @@
"zOrder": "4",
"measuredW": "24",
"measuredH": "24",
- "x": "98",
- "y": "9",
+ "x": "0",
+ "y": "8",
"properties": {
"color": "3700253",
"icon": {
@@ -13828,76 +13836,17 @@
}
},
{
- "ID": "13999",
- "typeID": "Arrow",
- "zOrder": "2",
- "w": "65",
- "h": "2",
- "measuredW": "150",
- "measuredH": "100",
- "x": "1146",
- "y": "2621",
- "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": "14000",
- "typeID": "Arrow",
- "zOrder": "1",
- "w": "179",
- "h": "123",
- "measuredW": "150",
- "measuredH": "100",
- "x": "527",
- "y": "2126",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "rightArrow": "false",
- "p0": {
- "x": -0.2145043524983521,
- "y": 123.4387467621832
- },
- "p1": {
- "x": 0.5230101676333169,
- "y": -0.19478326314466354
- },
- "p2": {
- "x": 179,
- "y": 0
- }
- }
- },
- {
- "ID": "14001",
+ "ID": "14012",
"typeID": "__group__",
"zOrder": "241",
- "measuredW": "411",
- "measuredH": "87",
- "w": "411",
- "h": "87",
- "x": "146",
- "y": "2215",
+ "measuredW": "161",
+ "measuredH": "39",
+ "w": "161",
+ "h": "39",
+ "x": "175",
+ "y": "1921",
"properties": {
- "controlName": "116-auth-strategies"
+ "controlName": "105-css-frameworks:js-first:daisy-ui"
},
"children": {
"controls": {
@@ -13906,11 +13855,11 @@
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
- "w": "401",
- "h": "87",
+ "w": "152",
+ "h": "39",
"measuredW": "200",
"measuredH": "140",
- "x": "10",
+ "x": "9",
"y": "0",
"properties": {
"color": "16776960"
@@ -13920,13 +13869,13 @@
"ID": "1",
"typeID": "Label",
"zOrder": "1",
- "measuredW": "227",
- "measuredH": "28",
- "x": "97",
- "y": "16",
+ "measuredW": "60",
+ "measuredH": "25",
+ "x": "55",
+ "y": "8",
"properties": {
- "size": "20",
- "text": "Authentication Strategies"
+ "size": "17",
+ "text": "DaisyUI"
}
},
{
@@ -13936,7 +13885,7 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "34",
+ "y": "8",
"properties": {
"color": "16777215",
"icon": {
@@ -13952,60 +13901,34 @@
"measuredW": "24",
"measuredH": "24",
"x": "0",
- "y": "34",
+ "y": "8",
"properties": {
+ "color": "16777215",
"icon": {
- "ID": "check-circle",
+ "ID": "circle",
"size": "small"
- },
- "color": "10027263"
+ }
}
},
{
"ID": "4",
- "typeID": "Label",
+ "typeID": "Icon",
"zOrder": "4",
- "measuredW": "353",
- "measuredH": "25",
- "x": "34",
- "y": "46",
+ "measuredW": "24",
+ "measuredH": "24",
+ "x": "0",
+ "y": "8",
"properties": {
- "size": "17",
- "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc"
+ "color": "3700253",
+ "icon": {
+ "ID": "check-circle",
+ "size": "small"
+ }
}
}
]
}
}
- },
- {
- "ID": "14002",
- "typeID": "Arrow",
- "zOrder": "0",
- "w": "309",
- "h": "4",
- "measuredW": "150",
- "measuredH": "100",
- "x": "533",
- "y": "2269",
- "properties": {
- "color": "2848996",
- "curvature": "0",
- "leftArrow": "false",
- "rightArrow": "false",
- "p0": {
- "x": 309,
- "y": 0
- },
- "p1": {
- "x": 0.47704880470480404,
- "y": 0.005193614908729892
- },
- "p2": {
- "x": 0.25353038260061567,
- "y": 3.4362035980902874
- }
- }
}
]
},