diff --git a/public/pdfs/roadmaps/frontend.pdf b/public/pdfs/roadmaps/frontend.pdf index abe8f0e80..4abab0602 100644 Binary files a/public/pdfs/roadmaps/frontend.pdf and b/public/pdfs/roadmaps/frontend.pdf differ diff --git a/src/data/roadmaps/frontend/content/111-pick-a-framework/104-qwik.md b/src/data/roadmaps/frontend/content/111-pick-a-framework/104-qwik.md new file mode 100644 index 000000000..537286638 --- /dev/null +++ b/src/data/roadmaps/frontend/content/111-pick-a-framework/104-qwik.md @@ -0,0 +1,5 @@ +# Qwik + +Qwik is a new kind of web framework that can deliver instant loading web applications at any size or complexity. Your sites and apps can boot with about 1kb of JS (regardless of application complexity), and achieve consistent performance at scale. + +Read more about Qwik [on the official website](https://qwik.builder.io/). \ No newline at end of file diff --git a/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md new file mode 100644 index 000000000..ce3da6ec9 --- /dev/null +++ b/src/data/roadmaps/frontend/content/114-css-frameworks/114-js-first/103-shadcn-ui.md @@ -0,0 +1,6 @@ +# Shadcn UI + +Shadcn UI are beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source. They are built with Tailwind CSS and Radix UI. + +- [Official Website](https://ui.shadcn.com/) +- [Official GitHub Repository](https://github.com/shadcn-ui/ui) \ No newline at end of file diff --git a/src/data/roadmaps/frontend/frontend.json b/src/data/roadmaps/frontend/frontend.json index c5e429365..90e6df069 100644 --- a/src/data/roadmaps/frontend/frontend.json +++ b/src/data/roadmaps/frontend/frontend.json @@ -3,3066 +3,175 @@ "controls": { "control": [ { - "ID": "1741", - "typeID": "Arrow", - "zOrder": "0", - "w": "309", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "563", - "y": "2299", - "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": "1742", - "typeID": "Arrow", - "zOrder": "1", - "w": "179", - "h": "123", - "measuredW": "150", - "measuredH": "100", - "x": "557", - "y": "2156", - "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": "1743", - "typeID": "Arrow", - "zOrder": "2", - "w": "65", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1176", - "y": "2651", - "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": "1744", - "typeID": "Arrow", - "zOrder": "3", - "w": "101", - "h": "39", - "measuredW": "150", - "measuredH": "100", - "x": "975", - "y": "2501", - "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": "1745", - "typeID": "Arrow", - "zOrder": "4", - "w": "122", - "h": "32", - "measuredW": "150", - "measuredH": "100", - "x": "685", - "y": "3098", - "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": "1746", - "typeID": "Arrow", - "zOrder": "5", - "w": "180", - "h": "369", - "measuredW": "150", - "measuredH": "100", - "x": "1000", - "y": "2730", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 180.33312546195043, - "y": 369.1629038835017 - }, - "p1": { - "x": 0.5311058790594242, - "y": 0.05504224965971112 - }, - "p2": { - "x": 0.024041521385697706, - "y": 0.016603653832135024 - } - } - }, - { - "ID": "1747", - "typeID": "Arrow", - "zOrder": "6", - "w": "91", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "1153", - "y": "2448", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 91.2836149319719, - "y": -0.42601596895428884 - }, - "p1": { - "x": 0.4807260155574767, - "y": 0.1446845289541901 - }, - "p2": { - "x": 0.03815966742740784, - "y": 43.87863921953385 - } - } - }, - { - "ID": "1748", - "typeID": "Arrow", - "zOrder": "7", - "w": "1", - "h": "464", - "measuredW": "150", - "measuredH": "100", - "x": "584", - "y": "2979", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5232912494558118, - "y": 0.0013060513713539397 - }, - "p2": { - "x": 0, - "y": 464.4848484848485 - } - } - }, - { - "ID": "1749", - "typeID": "Arrow", - "zOrder": "8", - "w": "159", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "685", - "y": "3080", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.44614540796908386, - "y": 3.8064134624410144 - }, - "p1": { - "x": 0.4319942611190816, - "y": -0.006169296987087544 - }, - "p2": { - "x": 159.7751756755747, - "y": 0 - } - } - }, - { - "ID": "1750", - "typeID": "Arrow", - "zOrder": "9", - "w": "142", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "668", - "y": "3031", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2570801773204039, - "y": 43.273907378054446 - }, - "p1": { - "x": 0.4540886815248379, - "y": -0.08069525981073665 - }, - "p2": { - "x": 142, - "y": 0 - } - } - }, - { - "ID": "1751", - "typeID": "Arrow", - "zOrder": "10", - "w": "2", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "584", - "y": "3490", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 1, - "y": 88 - }, - "p1": { - "x": 0.4072427393330943, - "y": 0.00953746862674794 - }, - "p2": { - "x": 1, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1752", - "typeID": "__group__", - "zOrder": "11", - "measuredW": "248", - "measuredH": "59", - "w": "248", - "h": "59", - "x": "454", - "y": "3051", - "properties": { - "controlName": "122-desktop-applications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "162", - "measuredH": "25", - "x": "47", - "y": "22", - "properties": { - "size": "17", - "text": "Desktop Applications" - } - }, - { - "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": "1753", - "typeID": "__group__", - "zOrder": "12", - "measuredW": "196", - "measuredH": "41", - "w": "196", - "h": "41", - "x": "795", - "y": "3014", - "properties": { - "controlName": "100-desktop-applications:electron" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "69", - "measuredW": "65", - "measuredH": "25", - "x": "63", - "y": "8", - "properties": { - "size": "17", - "text": "Electron" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "172", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "172", - "y": "7", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1754", - "typeID": "__group__", - "zOrder": "13", - "measuredW": "221", - "measuredH": "50", - "w": "221", - "h": "50", - "x": "464", - "y": "3247", - "properties": { - "controlName": "123-bonus-content" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "11", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "115", - "measuredH": "25", - "x": "58", - "y": "12", - "properties": { - "size": "17", - "text": "Bonus Content" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1755", - "typeID": "__group__", - "zOrder": "14", - "measuredW": "196", - "measuredH": "41", - "w": "196", - "h": "41", - "x": "795", - "y": "3060", - "properties": { - "controlName": "101-desktop-applications:tauri" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "38", - "measuredH": "25", - "x": "75", - "y": "8", - "properties": { - "size": "17", - "text": "Tauri" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "172", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "172", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "40463" - } - } - ] - } - } - }, - { - "ID": "1756", - "typeID": "Arrow", - "zOrder": "15", - "w": "237", - "h": "128", - "measuredW": "150", - "measuredH": "100", - "x": "675", - "y": "2848", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 236.93170111364998, - "y": 0.019905173764982464 - }, - "p1": { - "x": 0.4776994561390996, - "y": 0.17651148133814792 - }, - "p2": { - "x": 0.11074525562162307, - "y": 126.11937517609203 - } - } - }, - { - "ID": "1757", - "typeID": "Arrow", - "zOrder": "16", - "w": "1", - "h": "105", - "measuredW": "150", - "measuredH": "100", - "x": "930", - "y": "2731", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 1, - "y": 105.13396175095886 - }, - "p1": { - "x": 0.47704880470480404, - "y": 0.005193614908729857 - }, - "p2": { - "x": 1, - "y": 0 - } - } - }, - { - "ID": "1758", - "typeID": "Arrow", - "zOrder": "17", - "w": "120", - "h": "182", - "measuredW": "150", - "measuredH": "100", - "x": "1060", - "y": "2725", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 120, - "y": 182 - }, - "p1": { - "x": 0.5641506862188896, - "y": 0.10909777122517159 - }, - "p2": { - "x": 0.40915526260198476, - "y": 0.23807505235299686 - } - } - }, - { - "ID": "1759", - "typeID": "Arrow", - "zOrder": "18", - "w": "141", - "h": "261", - "measuredW": "150", - "measuredH": "100", - "x": "1030", - "y": "2731", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 141, - "y": 261 - }, - "p1": { - "x": 0.5842350949114499, - "y": 0.06027644608497023 - }, - "p2": { - "x": -0.3468130306484909, - "y": 0.38926871100329663 - } - } - }, - { - "ID": "1760", - "typeID": "Arrow", - "zOrder": "19", - "w": "164", - "h": "305", - "measuredW": "150", - "measuredH": "100", - "x": "1013", - "y": "2738", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 163.5, - "y": 305 - }, - "p1": { - "x": 0.5311058790594241, - "y": 0.05504224965971115 - }, - "p2": { - "x": -0.2625955919362468, - "y": -0.45953763034685835 - } - } - }, - { - "ID": "1761", - "typeID": "Arrow", - "zOrder": "20", - "w": "112", - "h": "38", - "measuredW": "150", - "measuredH": "100", - "x": "726", - "y": "2849", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 112.50398196586139, - "y": 0.4821067591024075 - }, - "p1": { - "x": 0.5064432989690714, - "y": -0.10824742268041054 - }, - "p2": { - "x": 0.2446976954972797, - "y": 37.3892687110033 - } - } - }, - { - "ID": "1762", - "typeID": "Arrow", - "zOrder": "21", - "w": "184", - "h": "318", - "measuredW": "150", - "measuredH": "100", - "x": "753", - "y": "2408", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 183.53647574825027, - "y": 318.53383041542565 - }, - "p1": { - "x": 0.4830556042799506, - "y": 0.1764076477810915 - }, - "p2": { - "x": 0.5384644034102166, - "y": 0.20955858028401053 - } - } - }, - { - "ID": "1763", - "typeID": "Arrow", - "zOrder": "22", - "w": "102", - "h": "42", - "measuredW": "150", - "measuredH": "100", - "x": "967", - "y": "2560", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 102.31552051484277, - "y": 41.58416638498966 - }, - "p1": { - "x": 0.4148642429820512, - "y": -0.09226875287620818 - }, - "p2": { - "x": -0.17253775814867822, - "y": -0.27715319130265925 - } - } - }, - { - "ID": "1764", - "typeID": "Arrow", - "zOrder": "23", - "w": "108", - "h": "88", - "measuredW": "150", - "measuredH": "100", - "x": "965", - "y": "2564", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 108.64600185032123, - "y": 88.10644863223888 - }, - "p1": { - "x": 0.41486424298205093, - "y": -0.09226875287620795 - }, - "p2": { - "x": 0.38396846335854207, - "y": 0.05332814417579357 - } - } - }, - { - "ID": "1765", - "typeID": "Arrow", - "zOrder": "24", - "w": "1", - "h": "105", - "measuredW": "150", - "measuredH": "100", - "x": "938", - "y": "2300", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 1, - "y": 105.13396175095886 - }, - "p1": { - "x": 0.47704880470480404, - "y": 0.005193614908729857 - }, - "p2": { - "x": 1, - "y": 0 - } - } - }, - { - "ID": "1766", - "typeID": "Arrow", - "zOrder": "25", - "w": "2", - "h": "235", - "measuredW": "150", - "measuredH": "100", - "x": "422", - "y": "1795", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.43339050633562626, - "y": 0.007133769851020942 - }, - "p2": { - "x": -0.260934347128682, - "y": 234.2072671834119 - } - } - }, - { - "ID": "1767", - "typeID": "Arrow", - "zOrder": "26", - "w": "413", - "h": "47", - "measuredW": "150", - "measuredH": "100", - "x": "453", - "y": "1733", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.32780458177427363, - "y": 46.53523054117568 - }, - "p1": { - "x": 0.45894348755426007, - "y": 0.060942254353755484 - }, - "p2": { - "x": 413.65560916354855, - "y": 8.213447334918555 - } - } - }, - { - "ID": "1768", - "typeID": "Arrow", - "zOrder": "27", - "w": "1", - "h": "102", - "measuredW": "150", - "measuredH": "100", - "x": "954", - "y": "1732", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4333905063356263, - "y": 0.007133769851020943 - }, - "p2": { - "x": -0.260934347128682, - "y": 101.80609466350643 - } - } - }, - { - "ID": "1769", - "typeID": "Arrow", - "zOrder": "28", - "w": "130", - "h": "172", - "measuredW": "150", - "measuredH": "100", - "x": "1010", - "y": "1630", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.3622961870130439, - "y": 0.35400305967436907 - }, - "p1": { - "x": 0.45588235294117685, - "y": 0.07352941176470515 - }, - "p2": { - "x": 130.38263206538568, - "y": 172.802027487832 - } - } - }, - { - "ID": "1770", - "typeID": "Arrow", - "zOrder": "29", - "w": "103", - "h": "125", - "measuredW": "150", - "measuredH": "100", - "x": "1032", - "y": "1630", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.26045801916006894, - "y": 0.35400305967436907 - }, - "p1": { - "x": 0.45588235294117674, - "y": 0.0735294117647052 - }, - "p2": { - "x": 102.90809160734898, - "y": 124.8997984800103 - } - } - }, - { - "ID": "1771", - "typeID": "Arrow", - "zOrder": "30", - "w": "88", - "h": "71", - "measuredW": "150", - "measuredH": "100", - "x": "1050", - "y": "1637", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.052714507779455744, - "y": 0.19717863222035703 - }, - "p1": { - "x": 0.45588235294117674, - "y": 0.0735294117647052 - }, - "p2": { - "x": 87.64536183636733, - "y": 71.36620458669813 - } - } - }, - { - "ID": "1772", - "typeID": "Arrow", - "zOrder": "31", - "w": "77", - "h": "33", - "measuredW": "150", - "measuredH": "100", - "x": "1069", - "y": "1631", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.21360611090813109, - "y": 0.7226381741836576 - }, - "p1": { - "x": 0.34627916069334047, - "y": 0.08067248794474031 - }, - "p2": { - "x": 76.8571725234226, - "y": 33.04442138044078 - } - } - }, - { - "ID": "1773", - "typeID": "Arrow", - "zOrder": "32", - "w": "83", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1064", - "y": "1613", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 - }, - "p1": { - "x": 0.4310686842693701, - "y": -0.01854562577101437 - }, - "p2": { - "x": 82.75126717989497, - "y": 3.553612219705883 - } - } - }, - { - "ID": "1774", - "typeID": "Arrow", - "zOrder": "33", - "w": "250", - "h": "78", - "measuredW": "150", - "measuredH": "100", - "x": "329", - "y": "1639", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.2179908385617182, - "y": 77.94665038826247 - }, - "p1": { - "x": 0.46280569852413056, - "y": 0.04229310438161035 - }, - "p2": { - "x": 250.24223511661944, - "y": -0.06555113876129326 - } - } - }, - { - "ID": "1775", - "typeID": "Arrow", - "zOrder": "34", - "w": "252", - "h": "42", - "measuredW": "150", - "measuredH": "100", - "x": "330", - "y": "1633", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.1506442759475135, - "y": 41.51896183847771 - }, - "p1": { - "x": 0.4628056985241305, - "y": 0.0422931043816104 - }, - "p2": { - "x": 252.39905954407345, - "y": -0.4891725128713915 - } - } - }, - { - "ID": "1776", - "typeID": "Arrow", - "zOrder": "35", - "w": "238", - "h": "77", - "measuredW": "150", - "measuredH": "100", - "x": "333", - "y": "1525", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.11208549503413678, - "y": 0.337734356976398 - }, - "p1": { - "x": 0.46318687896564104, - "y": -0.04633065964324165 - }, - "p2": { - "x": 238.03042442956428, - "y": 76.98130076949064 - } - } - }, - { - "ID": "1777", - "typeID": "Arrow", - "zOrder": "36", - "w": "244", - "h": "41", - "measuredW": "150", - "measuredH": "100", - "x": "323", - "y": "1569", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.3074687034015824, - "y": 0.1340580212702207 - }, - "p1": { - "x": 0.4718266633930761, - "y": -0.03283820279891953 - }, - "p2": { - "x": 243.92451908603675, - "y": 41.19311145654592 - } - } - }, - { - "ID": "1778", - "typeID": "Arrow", - "zOrder": "37", - "w": "253", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "319", - "y": "1621", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.20156335987400098, - "y": 1.4049221436009702 - }, - "p1": { - "x": 0.46937327878105334, - "y": 0.004541857492184635 - }, - "p2": { - "x": 253.39905954407345, - "y": 1.5108274871286085 - } - } - }, - { - "ID": "1779", - "typeID": "Arrow", - "zOrder": "38", - "w": "135", - "h": "53", - "measuredW": "150", - "measuredH": "100", - "x": "739", - "y": "1574", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.3725435141941489, - "y": 0.23996336479785896 - }, - "p1": { - "x": 0.4960254372019082, - "y": 0.07419183889772205 - }, - "p2": { - "x": 135.8674198506036, - "y": 53.61673283065602 - } - } - }, - { - "ID": "1780", - "typeID": "Arrow", - "zOrder": "39", - "w": "119", - "h": "59", - "measuredW": "150", - "measuredH": "100", - "x": "749", - "y": "1498", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.047010684241513445, - "y": 58.44770687617847 - }, - "p1": { - "x": 0.5673179018899986, - "y": -0.10798471012953849 - }, - "p2": { - "x": 119.02424427805772, - "y": -0.40360304771661504 - } - } - }, - { - "ID": "1781", - "typeID": "Arrow", - "zOrder": "40", - "w": "89", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1053", - "y": "1509", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 89.03433282924925, - "y": 0 - }, - "p1": { - "x": 0.5653893258184628, - "y": -0.0013183529417352127 - }, - "p2": { - "x": 0.07305038615209014, - "y": 3.863193898939471 - } - } - }, - { - "ID": "1782", - "typeID": "Arrow", - "zOrder": "41", - "w": "100", - "h": "41", - "measuredW": "150", - "measuredH": "100", - "x": "1041", - "y": "1462", - "properties": { - "color": "10027263", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 99.66569771474019, - "y": 0.2236946620996605 - }, - "p1": { - "x": 0.4596243377749227, - "y": 0.08508588858564752 - }, - "p2": { - "x": -0.24466564443059724, - "y": 41.28274809737536 - } - } - }, - { - "ID": "1783", - "typeID": "Arrow", - "zOrder": "42", - "w": "133", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "750", - "y": "1565", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.3216244302676614, - "y": 2.5026931357795092 - }, - "p1": { - "x": 0.4743412204498641, - "y": -0.008947430290275333 - }, - "p2": { - "x": 133, - "y": 0 - } - } - }, - { - "ID": "1784", - "typeID": "__group__", - "zOrder": "43", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "851", - "y": "1481", - "properties": { - "controlName": "102-build-tools:linters-formatters" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "225", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "176", - "measuredH": "25", - "x": "25", - "y": "13", - "properties": { - "size": "17", - "text": "Linters and Formatters" - } - } - ] - } - } - }, - { - "ID": "1785", - "typeID": "__group__", - "zOrder": "44", - "measuredW": "155", - "measuredH": "40", - "w": "155", - "h": "40", - "x": "1124", - "y": "1448", - "properties": { - "controlName": "100-build-tools:linters-formatters:prettier" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "66", - "measuredW": "58", - "measuredH": "25", - "x": "44", - "y": "7", - "properties": { - "size": "17", - "text": "Prettier" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "1786", - "typeID": "__group__", - "zOrder": "45", - "measuredW": "155", - "measuredH": "40", - "w": "155", - "h": "40", - "x": "1124", - "y": "1493", - "properties": { - "controlName": "101-build-tools:linters-formatters:eslint" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "145", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "53", - "measuredW": "51", - "measuredH": "25", - "x": "46", - "y": "7", - "properties": { - "size": "17", - "text": "ESLint" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10066329" - } - } - ] - } - } - }, - { - "ID": "1787", - "typeID": "Arrow", - "zOrder": "46", - "w": "94", - "h": "177", - "measuredW": "150", - "measuredH": "100", - "x": "544", - "y": "1394", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.342277860619447, - "y": -0.4198717504148135 - }, - "p1": { - "x": 0.5100925147182503, - "y": -0.13330529857022685 - }, - "p2": { - "x": 94.09354504051441, - "y": 176.13405802127022 - } - } - }, - { - "ID": "1788", - "typeID": "Arrow", - "zOrder": "47", - "w": "144", - "h": "47", - "measuredW": "150", - "measuredH": "100", - "x": "333", - "y": "1403", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 143.59460152843042, - "y": -0.36895266648821234 - }, - "p1": { - "x": 0.5621049174944583, - "y": -0.05820540185534891 - }, - "p2": { - "x": -0.11208549503413678, - "y": 46.16464122682419 - } - } - }, - { - "ID": "1789", - "typeID": "Arrow", - "zOrder": "48", - "w": "131", - "h": "101", - "measuredW": "150", - "measuredH": "100", - "x": "340", - "y": "1174", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 131.85733129941207, - "y": 100.92842748572161 - }, - "p1": { - "x": 0.5179188602929944, - "y": 0.05890610549143938 - }, - "p2": { - "x": 0.46836030653014404, - "y": -0.3505709879580081 - } - } - }, - { - "ID": "1790", - "typeID": "Arrow", - "zOrder": "49", - "w": "140", - "h": "56", - "measuredW": "150", - "measuredH": "100", - "x": "334", - "y": "1228", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 139.22596641392124, - "y": 56.50887328728595 - }, - "p1": { - "x": 0.5179188602929942, - "y": 0.0589061054914393 - }, - "p2": { - "x": -0.3748152660157871, - "y": 0.3948335924094408 - } - } - }, - { - "ID": "1791", - "typeID": "Arrow", - "zOrder": "50", - "w": "167", - "h": "7", - "measuredW": "150", - "measuredH": "100", - "x": "321", - "y": "1287", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.44343003361676714, - "y": 0.014243775690876877 - }, - "p2": { - "x": 167.28095267352228, - "y": 7.089319088850289 - } - } - }, - { - "ID": "1792", - "typeID": "Arrow", - "zOrder": "51", - "w": "130", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "351", - "y": "1342", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 129.700506871958, - "y": 0 - }, - "p1": { - "x": 0.47348089180528574, - "y": 0.0008969445600114837 - }, - "p2": { - "x": 0, - "y": 0 - } - } - }, - { - "ID": "1793", - "typeID": "Arrow", - "zOrder": "52", - "w": "105", - "h": "43", - "measuredW": "150", - "measuredH": "100", - "x": "1052", - "y": "2249", - "properties": { - "color": "10027263", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 42 - }, - "p1": { - "x": 0.3246422893481717, - "y": 0.04197138314785374 - }, - "p2": { - "x": 104, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1794", - "typeID": "Arrow", - "zOrder": "53", - "w": "128", - "h": "9", - "measuredW": "150", - "measuredH": "100", - "x": "1040", - "y": "2295", - "properties": { - "color": "10027263", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 8 - }, - "p1": { - "x": 0.3321152059461133, - "y": 0.04465778878909879 - }, - "p2": { - "x": 127, - "y": 4 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1795", - "typeID": "Arrow", - "zOrder": "54", - "w": "129", - "h": "34", - "measuredW": "150", - "measuredH": "100", - "x": "1041", - "y": "2310", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.3458601686475002, - "y": -0.005245335635083992 - }, - "p2": { - "x": 128, - "y": 33 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1796", - "typeID": "Arrow", - "zOrder": "55", - "w": "209", - "h": "108", - "measuredW": "150", - "measuredH": "100", - "x": "663", - "y": "1624", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 209.13014962158525, - "y": 107.63300153335422 - }, - "p1": { - "x": 0.5705193330544435, - "y": 0.04891531703818817 - }, - "p2": { - "x": -0.2710228983202114, - "y": -0.4891725128713915 - } - } - }, - { - "ID": "1797", - "typeID": "Arrow", - "zOrder": "56", - "w": "90", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1053", - "y": "1561", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.4213496222886306, - "y": 0.18497710519682187 - }, - "p1": { - "x": 0.4310686842693701, - "y": -0.01854562577101436 - }, - "p2": { - "x": 90.75126717989497, - "y": 1.553612219705883 - } - } - }, - { - "ID": "1798", - "typeID": "Arrow", - "zOrder": "57", - "w": "160", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "323", - "y": "1393", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 160.43777710097635, - "y": 0.050601531947449985 - }, - "p1": { - "x": 0.4806472503297293, - "y": -0.001432629622812211 - }, - "p2": { - "x": 0.3074687034015824, - "y": 3 - } - } - }, - { - "ID": "1799", - "typeID": "Arrow", - "zOrder": "58", - "w": "1", - "h": "123", - "measuredW": "150", - "measuredH": "100", - "x": "917", - "y": "1152", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4327183610207736, - "y": 0.0030579658389972178 - }, - "p2": { - "x": 0, - "y": 122.50887328728595 - } - } - }, - { - "ID": "1800", - "typeID": "Arrow", - "zOrder": "59", - "w": "211", - "h": "128", - "measuredW": "150", - "measuredH": "100", - "x": "552", - "y": "1155", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 211, - "y": 0 - }, - "p1": { - "x": 0.5569070155556886, - "y": -0.16942743759521814 - }, - "p2": { - "x": -0.130467173564341, - "y": 127.72068397434123 - } - } - }, - { - "ID": "1801", - "typeID": "__group__", - "zOrder": "60", - "measuredW": "158", - "measuredH": "49", - "w": "158", - "h": "49", - "x": "194", - "y": "1207", - "properties": { - "controlName": "101-package-managers:yarn" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "151", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "66", - "y": "12", - "properties": { - "text": "yarn", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "1802", - "typeID": "Arrow", - "zOrder": "61", - "w": "109", - "h": "161", - "measuredW": "150", - "measuredH": "100", - "x": "788", - "y": "971", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5674918262494162, - "y": 0.22092480149462868 - }, - "p2": { - "x": 102, - "y": 160 - }, - "rightArrow": "false" - } - }, - { - "ID": "1803", - "typeID": "Arrow", - "zOrder": "62", - "w": "1", - "h": "77", - "measuredW": "150", - "measuredH": "100", - "x": "1154", - "y": "974", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 76 - }, - "p1": { - "x": 0.487275195113675, - "y": -0.01187648456057007 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1804", - "typeID": "Arrow", - "zOrder": "63", - "w": "85", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "885", - "y": "958", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 83, - "y": 1 - }, - "p1": { - "x": 0.4872751951136748, - "y": -0.01187648456057007 - }, - "p2": { - "x": 0, - "y": 1 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1805", - "typeID": "Arrow", - "zOrder": "64", - "w": "2", - "h": "74", - "measuredW": "150", - "measuredH": "100", - "x": "662", - "y": "964", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 1, - "y": 73 - }, - "p1": { - "x": 0.4872751951136749, - "y": -0.01187648456057007 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1806", - "typeID": "Arrow", - "zOrder": "65", - "w": "120", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "812", - "y": "746", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 119, - "y": 2 - }, - "p1": { - "x": 0.5436210493779461, - "y": 0.006954640290549417 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1807", - "typeID": "Arrow", - "zOrder": "66", - "w": "108", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "823", - "y": "693", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 107, - "y": 2 - }, - "p1": { - "x": 0.589278350515464, - "y": 0.035876288659793816 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1808", - "typeID": "Arrow", - "zOrder": "67", - "w": "100", - "h": "45", - "measuredW": "150", - "measuredH": "100", - "x": "823", - "y": "647", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 99, - "y": 0 - }, - "p1": { - "x": 0.5773195876288659, - "y": -0.06466729147141519 - }, - "p2": { - "x": 0, - "y": 44 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1809", - "typeID": "Arrow", - "zOrder": "68", - "w": "40", - "h": "139", - "measuredW": "150", - "measuredH": "100", - "x": "696", - "y": "530", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.5674918262494162, - "y": 0.22092480149462868 - }, - "p2": { - "x": 15, - "y": 138 - }, - "rightArrow": "false" - } - }, - { - "ID": "1810", - "typeID": "Arrow", - "zOrder": "69", - "w": "151", - "h": "29", - "measuredW": "150", - "measuredH": "100", - "x": "777", - "y": "522", - "properties": { - "color": "2848996", - "leftArrow": "false", - "p0": { - "x": 150, - "y": 28 - }, - "p1": { - "x": 0.4823054457996908, - "y": 0.02336368321594228 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1811", - "typeID": "Arrow", - "zOrder": "70", - "w": "153", - "h": "13", - "measuredW": "150", - "measuredH": "100", - "x": "779", - "y": "505", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 152, - "y": 0 - }, - "p1": { - "x": 0.4798692360633173, - "y": -0.004989676531314521 - }, - "p2": { - "x": 0, - "y": 12 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1812", - "typeID": "Arrow", - "zOrder": "71", - "h": "60", - "measuredW": "150", - "measuredH": "100", - "x": "777", - "y": "456", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 149, - "y": 0 - }, - "p1": { - "x": 0.4552212800557556, - "y": -0.05494250203275647 - }, - "p2": { - "x": 0, - "y": 59 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1813", - "typeID": "Arrow", - "zOrder": "72", - "w": "134", - "h": "36", - "measuredW": "150", - "measuredH": "100", - "x": "487", - "y": "523", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 132, - "y": 0 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 34 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1814", - "typeID": "Arrow", - "zOrder": "73", - "w": "131", - "h": "9", - "measuredW": "150", - "measuredH": "100", - "x": "487", - "y": "510", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 129, - "y": 7 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1815", - "typeID": "Arrow", - "zOrder": "74", - "w": "143", - "h": "53", - "measuredW": "150", - "measuredH": "100", - "x": "477", - "y": "463", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 141, - "y": 51 - }, - "p1": { - "x": 0.45522128005575574, - "y": -0.054942502032756434 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1816", - "typeID": "Arrow", - "zOrder": "75", - "w": "45", - "h": "139", - "measuredW": "150", - "measuredH": "100", - "x": "674", - "y": "367", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 44, - "y": 0 - }, - "p1": { - "x": 0.540933899332929, - "y": -0.1946634323832626 - }, - "p2": { - "x": 16, - "y": 138 - }, - "rightArrow": "false" - } - }, - { - "ID": "1817", - "typeID": "HRule", - "zOrder": "76", - "measuredW": "100", - "measuredH": "10", - "x": "1176", - "y": "794", - "properties": { - "color": "10027263", - "stroke": "dotted" - } - }, - { - "ID": "1818", - "typeID": "Arrow", - "zOrder": "77", - "w": "71", - "h": "134", - "measuredW": "150", - "measuredH": "100", - "x": "686", - "y": "805", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 9, - "y": 0 - }, - "p1": { - "x": 0.5549276224469561, - "y": -0.26264128494943484 - }, - "p2": { - "x": 70, - "y": 133 - }, - "rightArrow": "false" - } - }, - { - "ID": "1819", - "typeID": "Arrow", - "zOrder": "78", - "w": "130", - "h": "213", - "measuredW": "150", - "measuredH": "100", - "x": "468", - "y": "816", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 129, - "y": 0 - }, - "p1": { - "x": 0.5007550539904198, - "y": 0.04527076398473655 - }, - "p2": { - "x": 0, - "y": 212 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1820", - "typeID": "Arrow", - "zOrder": "79", - "w": "110", - "h": "157", - "measuredW": "150", - "measuredH": "100", - "x": "482", - "y": "809", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 109, - "y": 0 - }, - "p1": { - "x": 0.46686783637115814, - "y": 0.0018494634122600195 - }, - "p2": { - "x": 0, - "y": 156 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1821", - "typeID": "Arrow", - "zOrder": "80", - "w": "119", - "h": "120", - "measuredW": "150", - "measuredH": "100", - "x": "474", - "y": "802", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 118, - "y": 0 - }, - "p1": { - "x": 0.46376334167874567, - "y": -0.006127289497957557 - }, - "p2": { - "x": 0, - "y": 119 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1822", - "typeID": "Arrow", - "zOrder": "81", - "w": "128", - "h": "82", - "measuredW": "150", - "measuredH": "100", - "x": "469", - "y": "791", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 127, - "y": 0 - }, - "p1": { - "x": 0.4682571775171856, - "y": 0.0018196522442377747 - }, - "p2": { - "x": 0, - "y": 81 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1823", - "typeID": "Arrow", - "zOrder": "82", - "w": "123", - "h": "34", - "measuredW": "150", - "measuredH": "100", - "x": "469", - "y": "793", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 122, - "y": 0 - }, - "p1": { - "x": 0.4501850789844116, - "y": 0.009280016683176094 - }, - "p2": { - "x": 0, - "y": 33 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1824", - "typeID": "Arrow", - "zOrder": "83", - "w": "106", - "h": "99", - "measuredW": "150", - "measuredH": "100", - "x": "824", - "y": "753", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 105, - "y": 98 - }, - "p1": { - "x": 0.48727519511367495, - "y": -0.011876484560570073 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1825", - "typeID": "Arrow", - "zOrder": "84", - "w": "109", - "h": "54", - "measuredW": "150", - "measuredH": "100", - "x": "821", - "y": "747", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 108, - "y": 53 - }, - "p1": { - "x": 0.44795435569162256, - "y": -0.008627887559142778 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1826", - "typeID": "Arrow", - "zOrder": "85", - "w": "111", - "h": "59", - "measuredW": "150", - "measuredH": "100", - "x": "472", - "y": "619", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "p0": { - "x": 110, - "y": 58 - }, - "p1": { - "x": 0.45522128005575574, - "y": -0.054942502032756434 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1827", - "typeID": "Arrow", - "zOrder": "86", - "w": "112", - "h": "58", - "measuredW": "150", - "measuredH": "100", - "x": "470", - "y": "701", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 111, - "y": 0 - }, - "p1": { - "x": 0.47938350680544434, - "y": 0.06064851881505207 - }, - "p2": { - "x": 0, - "y": 57 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1828", - "typeID": "Arrow", - "zOrder": "87", - "w": "112", - "h": "23", - "measuredW": "150", - "measuredH": "100", - "x": "474", - "y": "691", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 111, - "y": 0 - }, - "p1": { - "x": 0.4453729012104649, - "y": 0.01983600156188987 - }, - "p2": { - "x": 0, - "y": 22 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1829", - "typeID": "Arrow", - "zOrder": "88", - "w": "120", - "h": "20", - "measuredW": "150", - "measuredH": "100", - "x": "471", - "y": "668", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 119, - "y": 19 - }, - "p1": { - "x": 0.4652789342214826, - "y": -0.001332223147377271 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1830", - "typeID": "Arrow", - "zOrder": "89", - "w": "19", - "h": "80", - "measuredW": "150", - "measuredH": "100", - "x": "761", - "y": "226", + "ID": "1234", + "typeID": "__group__", + "zOrder": "62", + "measuredW": "144", + "measuredH": "40", + "w": "144", + "h": "40", + "x": "704", + "y": "314", "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 17, - "y": 0 - }, - "p1": { - "x": 0.4835868694955965, - "y": 0.10168134507606086 - }, - "p2": { - "x": 0, - "y": 79 - }, - "rightArrow": "false", - "stroke": "dotted" + "controlName": "ext_link:roadmap.sh/frontend" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Label", + "zOrder": "0", + "w": "144", + "measuredW": "144", + "measuredH": "40", + "x": "0", + "y": "0", + "properties": { + "size": "32", + "text": "Front-end" + } + } + ] + } } }, { - "ID": "1831", + "ID": "1235", "typeID": "__group__", - "zOrder": "90", - "measuredW": "250", - "measuredH": "55", - "w": "250", - "h": "55", - "x": "583", - "y": "659", - "properties": { - "controlName": "101-html" - }, + "zOrder": "63", + "measuredW": "325", + "measuredH": "195", + "w": "325", + "h": "195", + "x": "1043", + "y": "191", "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Canvas", "zOrder": "0", - "w": "250", - "h": "55", - "measuredW": "200", - "measuredH": "140", + "w": "325", + "h": "195", + "measuredW": "100", + "measuredH": "70", "x": "0", - "y": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "284", + "measuredW": "283", + "measuredH": "26", + "x": "18", + "y": "19", "properties": { - "color": "16776960" + "text": "For resources and other roadmaps", + "size": "18" + } + }, + { + "ID": "2", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "173", + "measuredH": "28", + "w": "173", + "h": "28", + "x": "18", + "y": "52", + "properties": { + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "2", + "typeID": "Label", + "zOrder": "0", + "w": "173", + "measuredW": "172", + "measuredH": "28", + "x": "0", + "y": "0", + "properties": { + "text": "https://roadmap.sh", + "color": "10027263", + "size": "20" + } + } + ] + } + } + }, + { + "ID": "3", + "typeID": "__group__", + "zOrder": "3", + "measuredW": "283", + "measuredH": "47", + "w": "283", + "h": "47", + "x": "18", + "y": "127", + "properties": { + "controlName": "json:frontend-beginner.json" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "283", + "h": "47", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "211", + "measuredW": "210", + "measuredH": "26", + "x": "36", + "y": "11", + "properties": { + "color": "16777215", + "text": "Visit the Beginner Version", + "size": "18" + } + } + ] + } } }, { - "ID": "1", + "ID": "4", "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "101", - "y": "16", + "zOrder": "4", + "w": "228", + "measuredW": "227", + "measuredH": "26", + "x": "18", + "y": "92", "properties": { - "size": "17", - "text": "HTML" + "color": "4985136", + "text": "Are you just getting started?", + "size": "18" } } ] @@ -3070,90 +179,125 @@ } }, { - "ID": "1832", + "ID": "1236", "typeID": "__group__", - "zOrder": "91", - "measuredW": "144", - "measuredH": "40", - "w": "144", - "h": "40", - "x": "664", - "y": "313", - "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, + "zOrder": "64", + "measuredW": "408", + "measuredH": "162", + "w": "408", + "h": "162", + "x": "152", + "y": "191", "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", + "typeID": "Canvas", "zOrder": "0", - "measuredW": "144", - "measuredH": "40", + "w": "408", + "h": "162", + "measuredW": "100", + "measuredH": "70", "x": "0", - "y": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", "properties": { - "size": "32", - "text": "Front-end" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } - } - ] - } - } - }, - { - "ID": "1833", - "typeID": "__group__", - "zOrder": "92", - "measuredW": "304", - "measuredH": "47", - "w": "304", - "h": "47", - "x": "192", - "y": "592", - "properties": { - "controlName": "100-html:learn-the-basics" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "7", + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", "properties": { - "color": "16770457" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "134", - "measuredW": "128", - "measuredH": "25", - "x": "90", - "y": "15", + "zOrder": "3", + "measuredW": "269", + "measuredH": "24", + "x": "59", + "y": "21", "properties": { - "size": "17", - "text": "Learn the basics" + "size": "16", + "text": "Personal Recommendation / Opinion" } }, { - "ID": "2", + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "159", + "measuredH": "24", + "x": "59", + "y": "118", + "properties": { + "size": "16", + "text": "I wouldn't recommend" + } + }, + { + "ID": "5", "typeID": "Icon", - "zOrder": "2", + "zOrder": "5", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "23", + "y": "118", + "properties": { + "color": "10066329", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "6", + "typeID": "Label", + "zOrder": "6", + "w": "324", + "measuredW": "315", + "measuredH": "24", + "x": "60", + "y": "86", + "properties": { + "size": "16", + "text": "Order in roadmap not strict (Learn anytime)" + } + }, + { + "ID": "7", + "typeID": "Icon", + "zOrder": "7", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "86", "properties": { "color": "16777215", "icon": { @@ -3163,15 +307,76 @@ } }, { - "ID": "3", + "ID": "8", + "typeID": "Icon", + "zOrder": "8", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "86", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "9", + "typeID": "Label", + "zOrder": "9", + "measuredW": "272", + "measuredH": "24", + "x": "59", + "y": "54", + "properties": { + "size": "16", + "text": "Alternative Option - Pick this or purple" + } + }, + { + "ID": "10", + "typeID": "Icon", + "zOrder": "10", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "11", + "typeID": "Icon", + "zOrder": "11", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "12", "typeID": "Icon", - "zOrder": "3", + "zOrder": "12", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "23", + "y": "53", "properties": { - "color": "10027263", + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -3183,17 +388,78 @@ } }, { - "ID": "1834", + "ID": "1237", + "typeID": "Arrow", + "zOrder": "65", + "w": "1", + "h": "74", + "measuredW": "150", + "measuredH": "100", + "x": "775", + "y": "223", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4438624012549725, + "y": -0.00008403832147459165 + }, + "p2": { + "x": 0, + "y": 74.15918378573792 + }, + "stroke": "dotted" + } + }, + { + "ID": "1238", + "typeID": "Arrow", + "zOrder": "66", + "w": "1", + "h": "95", + "measuredW": "150", + "measuredH": "100", + "x": "775", + "y": "376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.44386240125497245, + "y": -0.00008403832147459165 + }, + "p2": { + "x": 0, + "y": 94.5703621905065 + } + } + }, + { + "ID": "1239", "typeID": "__group__", - "zOrder": "93", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "192", - "y": "641", + "zOrder": "67", + "measuredW": "175", + "measuredH": "50", + "w": "175", + "h": "50", + "x": "687", + "y": "452", "properties": { - "controlName": "101-html:writing-semantic-html" + "controlName": "100-internet" }, "children": { "controls": { @@ -3202,60 +468,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "175", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "5", + "x": "0", + "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "189", - "measuredW": "183", + "measuredW": "62", "measuredH": "25", - "x": "63", + "x": "57", "y": "13", "properties": { - "size": "17", - "text": "Writing Semantic HTML" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Internet", + "size": "17" } } ] @@ -3263,17 +496,17 @@ } }, { - "ID": "1835", + "ID": "1240", "typeID": "__group__", - "zOrder": "94", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "192", - "y": "687", + "zOrder": "68", + "measuredW": "309", + "measuredH": "49", + "w": "309", + "h": "49", + "x": "1012", + "y": "451", "properties": { - "controlName": "102-html:forms-and-validations" + "controlName": "100-internet:how-does-the-internet-work" }, "children": { "controls": { @@ -3282,12 +515,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "299", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "5", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -3296,14 +529,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "172", - "measuredW": "169", + "w": "223", + "measuredW": "219", "measuredH": "25", - "x": "71", - "y": "13", + "x": "38", + "y": "12", "properties": { "size": "17", - "text": "Forms and Validations" + "text": "How does the internet work?" } }, { @@ -3312,8 +545,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3328,8 +561,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3343,17 +576,17 @@ } }, { - "ID": "1836", + "ID": "1241", "typeID": "__group__", - "zOrder": "95", - "measuredW": "304", + "zOrder": "69", + "measuredW": "309", "measuredH": "49", - "w": "304", + "w": "309", "h": "49", - "x": "192", - "y": "730", + "x": "1012", + "y": "505", "properties": { - "controlName": "103-html:conventions-and-best-practices" + "controlName": "101-internet:what-is-http" }, "children": { "controls": { @@ -3362,12 +595,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "299", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "9", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -3376,14 +609,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "248", - "measuredW": "246", + "w": "119", + "measuredW": "113", "measuredH": "25", - "x": "33", - "y": "17", + "x": "90", + "y": "12", "properties": { "size": "17", - "text": "Conventions and Best Practices" + "text": "What is HTTP?" } }, { @@ -3392,8 +625,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3408,8 +641,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3423,17 +656,17 @@ } }, { - "ID": "1837", + "ID": "1242", "typeID": "__group__", - "zOrder": "96", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "583", + "zOrder": "70", + "measuredW": "309", + "measuredH": "49", + "w": "309", + "h": "49", + "x": "1012", "y": "721", "properties": { - "controlName": "102-css" + "controlName": "102-internet:browsers-and-how-they-work" }, "children": { "controls": { @@ -3442,59 +675,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "250", - "h": "50", + "w": "299", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "108", - "y": "14", - "properties": { - "size": "17", - "text": "CSS" - } - } - ] - } - } - }, - { - "ID": "1838", - "typeID": "__group__", - "zOrder": "97", - "measuredW": "432", - "measuredH": "193", - "w": "432", - "h": "193", - "x": "914", - "y": "692", - "properties": { - "controlName": "101-css:making-layouts" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "116", - "h": "185", - "measuredW": "200", - "measuredH": "140", - "x": "309", - "y": "8", "properties": { "color": "16770457" } @@ -3503,75 +689,24 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "84", + "w": "230", + "measuredW": "225", "measuredH": "25", - "x": "325", - "y": "35", + "x": "34", + "y": "12", "properties": { "size": "17", - "text": "Positioning" + "text": "Browsers and how they work?" } }, { "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "56", - "measuredH": "25", - "x": "339", - "y": "62", - "properties": { - "size": "17", - "text": "Display" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "82", - "measuredH": "25", - "x": "328", - "y": "89", - "properties": { - "size": "17", - "text": "Box Model" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "70", - "measuredH": "25", - "x": "331", - "y": "116", - "properties": { - "size": "17", - "text": "CSS Grid" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "65", - "measuredH": "25", - "x": "335", - "y": "143", - "properties": { - "size": "17", - "text": "Flex Box" - } - }, - { - "ID": "6", "typeID": "Icon", - "zOrder": "6", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "408", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3581,13 +716,13 @@ } }, { - "ID": "7", + "ID": "3", "typeID": "Icon", - "zOrder": "7", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "408", - "y": "0", + "x": "285", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3595,43 +730,63 @@ "size": "small" } } - }, + } + ] + } + } + }, + { + "ID": "1243", + "typeID": "__group__", + "zOrder": "71", + "measuredW": "307", + "measuredH": "49", + "w": "307", + "h": "49", + "x": "1012", + "y": "667", + "properties": { + "controlName": "103-internet:dns-and-how-it-works" + }, + "children": { + "controls": { + "control": [ { - "ID": "8", + "ID": "0", "typeID": "TextArea", - "zOrder": "8", - "w": "281", - "h": "47", + "zOrder": "0", + "w": "298", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "80", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "9", + "ID": "1", "typeID": "Label", - "zOrder": "9", - "w": "130", - "measuredW": "120", + "zOrder": "1", + "w": "179", + "measuredW": "175", "measuredH": "25", - "x": "76", - "y": "91", + "x": "59", + "y": "12", "properties": { "size": "17", - "text": "Making Layouts" + "text": "DNS and how it works?" } }, { - "ID": "10", + "ID": "2", "typeID": "Icon", - "zOrder": "10", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "266", - "y": "76", + "x": "283", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3641,13 +796,13 @@ } }, { - "ID": "11", + "ID": "3", "typeID": "Icon", - "zOrder": "11", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "266", - "y": "76", + "x": "283", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3661,17 +816,17 @@ } }, { - "ID": "1839", + "ID": "1244", "typeID": "__group__", - "zOrder": "98", - "measuredW": "289", - "measuredH": "47", - "w": "289", - "h": "47", - "x": "915", - "y": "719", + "zOrder": "72", + "measuredW": "308", + "measuredH": "49", + "w": "308", + "h": "49", + "x": "1012", + "y": "559", "properties": { - "controlName": "100-css:learn-the-basics" + "controlName": "104-internet:what-is-domain-name" }, "children": { "controls": { @@ -3680,12 +835,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "43", + "w": "299", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "4", + "y": "0", "properties": { "color": "16770457" } @@ -3694,14 +849,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "140", - "measuredW": "128", + "w": "189", + "measuredW": "180", "measuredH": "25", - "x": "70", - "y": "13", + "x": "55", + "y": "12", "properties": { "size": "17", - "text": "Learn the basics" + "text": "What is Domain Name?" } }, { @@ -3710,8 +865,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "284", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3726,8 +881,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "284", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3741,17 +896,17 @@ } }, { - "ID": "1845", + "ID": "1245", "typeID": "__group__", - "zOrder": "100", - "measuredW": "288", - "measuredH": "45", - "w": "288", - "h": "45", - "x": "914", - "y": "823", + "zOrder": "73", + "measuredW": "307", + "measuredH": "49", + "w": "307", + "h": "49", + "x": "1012", + "y": "613", "properties": { - "controlName": "102-css:responsive-design-and-media-queries" + "controlName": "105-internet:what-is-hosting" }, "children": { "controls": { @@ -3760,12 +915,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "43", + "w": "298", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "2", + "y": "0", "properties": { "color": "16770457" } @@ -3774,14 +929,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "248", - "measuredW": "246", - "measuredH": "22", - "x": "18", + "w": "133", + "measuredW": "126", + "measuredH": "25", + "x": "74", "y": "12", "properties": { - "size": "14", - "text": "Responsive design and Media Queries" + "size": "17", + "text": "What is hosting?" } }, { @@ -3790,8 +945,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "264", - "y": "0", + "x": "283", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -3806,8 +961,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "264", - "y": "0", + "x": "283", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -3821,17 +976,263 @@ } }, { - "ID": "1846", + "ID": "1246", + "typeID": "Arrow", + "zOrder": "61", + "w": "183", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "858", + "y": "471", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 182.33333333333337, + "y": 5.159183785737923 + }, + "p1": { + "x": 0.44386240125497256, + "y": -0.00008403832147459266 + }, + "p2": { + "x": -0.33333333333337123, + "y": -0.3333333333333144 + } + } + }, + { + "ID": "1247", + "typeID": "Arrow", + "zOrder": "60", + "w": "152", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "868", + "y": "484", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 152.33333333333337, + "y": 48 + }, + "p1": { + "x": 0.3591853743660239, + "y": -0.07798593281586438 + }, + "p2": { + "x": 0.33333333333337123, + "y": 0 + } + } + }, + { + "ID": "1248", + "typeID": "Arrow", + "zOrder": "59", + "w": "171", + "h": "103", + "measuredW": "150", + "measuredH": "100", + "x": "848", + "y": "488", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 171, + "y": 102.66666666666663 + }, + "p1": { + "x": 0.3745977833392918, + "y": -0.11753664640686441 + }, + "p2": { + "x": 0.33333333333337123, + "y": 0 + } + } + }, + { + "ID": "1249", + "typeID": "Arrow", + "zOrder": "58", + "w": "175", + "h": "147", + "measuredW": "150", + "measuredH": "100", + "x": "842", + "y": "493", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 174.33333333333337, + "y": 147 + }, + "p1": { + "x": 0.4422588392864484, + "y": -0.1165659293461407 + }, + "p2": { + "x": -0.33333333333337123, + "y": 0.3333333333333144 + } + } + }, + { + "ID": "1250", + "typeID": "Arrow", + "zOrder": "57", + "w": "191", + "h": "200", + "measuredW": "150", + "measuredH": "100", + "x": "828", + "y": "495", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 191, + "y": 199.66666666666663 + }, + "p1": { + "x": 0.48015087662110867, + "y": -0.0977438357121236 + }, + "p2": { + "x": 0.33333333333337123, + "y": -0.3333333333333144 + } + } + }, + { + "ID": "1251", + "typeID": "Arrow", + "zOrder": "56", + "w": "235", + "h": "253", + "measuredW": "150", + "measuredH": "100", + "x": "783", + "y": "496", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 234.66666666666663, + "y": 253.33333333333337 + }, + "p1": { + "x": 0.5393830230698493, + "y": -0.1009352067946597 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "1252", + "typeID": "Arrow", + "zOrder": "55", + "w": "414", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "284", + "y": "478", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.4296378094934994 + }, + "p1": { + "x": 0.4438624012549725, + "y": -0.00008403832147459163 + }, + "p2": { + "x": 414, + "y": -0.4296378094934994 + } + } + }, + { + "ID": "1253", + "typeID": "Arrow", + "zOrder": "74", + "w": "1", + "h": "576", + "measuredW": "150", + "measuredH": "100", + "x": "283", + "y": "478", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.44375415870820856, + "y": -0.00008705358532379576 + }, + "p2": { + "x": 0, + "y": 576 + } + } + }, + { + "ID": "1254", "typeID": "__group__", - "zOrder": "101", - "measuredW": "250", - "measuredH": "50", - "w": "250", - "h": "50", - "x": "583", - "y": "778", + "zOrder": "75", + "measuredW": "186", + "measuredH": "49", + "w": "186", + "h": "49", + "x": "186", + "y": "658", "properties": { - "controlName": "103-javascript" + "controlName": "101-html" }, "children": { "controls": { @@ -3840,8 +1241,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "250", - "h": "50", + "w": "186", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -3854,13 +1255,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "81", + "measuredW": "48", "measuredH": "25", - "x": "82", - "y": "13", + "x": "69", + "y": "12", "properties": { "size": "17", - "text": "JavaScript" + "text": "HTML" } } ] @@ -3868,17 +1269,17 @@ } }, { - "ID": "1847", + "ID": "1255", "typeID": "__group__", - "zOrder": "102", - "measuredW": "304", - "measuredH": "48", - "w": "304", - "h": "48", - "x": "192", - "y": "793", + "zOrder": "76", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "469", + "y": "551", "properties": { - "controlName": "100-javascript:syntax-and-basic-constructs" + "controlName": "100-html:learn-the-basics" }, "children": { "controls": { @@ -3887,92 +1288,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "8", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "228", - "measuredW": "219", - "measuredH": "25", - "x": "43", - "y": "16", - "properties": { - "size": "17", - "text": "Syntax and Basic Constructs" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", "x": "0", "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1848", - "typeID": "__group__", - "zOrder": "103", - "measuredW": "305", - "measuredH": "45", - "w": "305", - "h": "45", - "x": "192", - "y": "842", - "properties": { - "controlName": "101-javascript:learn-dom-manipulation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "297", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", "properties": { "color": "16770457" } @@ -3981,14 +1302,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "197", - "measuredW": "193", + "w": "134", + "measuredW": "128", "measuredH": "25", - "x": "59", - "y": "13", + "x": "62", + "y": "12", "properties": { "size": "17", - "text": "Learn DOM Manipulation" + "text": "Learn the basics" } }, { @@ -3997,8 +1318,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4013,8 +1334,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -4028,17 +1349,17 @@ } }, { - "ID": "1849", + "ID": "1256", "typeID": "__group__", - "zOrder": "104", - "measuredW": "305", - "measuredH": "117", - "w": "305", - "h": "117", - "x": "191", - "y": "987", - "properties": { - "controlName": "104-javascript:concepts" + "zOrder": "77", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "469", + "y": "604", + "properties": { + "controlName": "101-html:writing-semantic-html" }, "children": { "controls": { @@ -4047,120 +1368,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "113", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "4", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "247", - "measuredW": "246", - "measuredH": "25", - "x": "34", - "y": "49", - "properties": { - "size": "17", - "text": "Hoisting, Event Bubbling, Scope," - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "245", - "measuredW": "231", - "measuredH": "25", - "x": "36", - "y": "78", - "properties": { - "size": "17", - "text": "Prototype, Shadow DOM, strict" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "w": "202", - "measuredW": "195", - "measuredH": "25", - "x": "57", - "y": "19", - "properties": { - "size": "17", - "text": "Understand the concepts" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", "x": "0", "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1850", - "typeID": "__group__", - "zOrder": "105", - "measuredW": "304", - "measuredH": "45", - "w": "304", - "h": "45", - "x": "192", - "y": "889", - "properties": { - "controlName": "102-javascript:learn-fetch-api-ajax-xhr" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "296", - "h": "40", - "measuredW": "200", - "measuredH": "140", - "x": "8", - "y": "5", "properties": { "color": "16770457" } @@ -4169,14 +1382,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "234", - "measuredW": "224", + "w": "189", + "measuredW": "183", "measuredH": "25", - "x": "40", - "y": "13", + "x": "34", + "y": "12", "properties": { "size": "17", - "text": "Learn Fetch API / Ajax (XHR)" + "text": "Writing Semantic HTML" } }, { @@ -4185,8 +1398,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4201,14 +1414,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -4216,17 +1429,17 @@ } }, { - "ID": "1851", - "typeID": "__group__", - "zOrder": "106", - "measuredW": "305", - "measuredH": "47", - "w": "305", - "h": "47", - "x": "191", - "y": "935", + "ID": "1257", + "typeID": "__group__", + "zOrder": "78", + "measuredW": "266", + "measuredH": "49", + "w": "266", + "h": "49", + "x": "469", + "y": "658", "properties": { - "controlName": "103-javascript:es6-and-modular-javascript" + "controlName": "102-html:forms-and-validations" }, "children": { "controls": { @@ -4235,12 +1448,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "296", - "h": "40", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "7", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -4249,14 +1462,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "234", - "measuredW": "228", + "w": "172", + "measuredW": "169", "measuredH": "25", - "x": "41", - "y": "15", + "x": "43", + "y": "12", "properties": { "size": "17", - "text": "ES6+ and modular JavaScript" + "text": "Forms and Validations" } }, { @@ -4265,8 +1478,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "242", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4281,8 +1494,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "242", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -4296,17 +1509,17 @@ } }, { - "ID": "1852", + "ID": "1259", "typeID": "__group__", - "zOrder": "107", - "measuredW": "187", - "measuredH": "60", - "w": "187", - "h": "60", - "x": "604", - "y": "479", + "zOrder": "79", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "470", + "y": "712", "properties": { - "controlName": "100-internet" + "controlName": "104-html:accessibility" }, "children": { "controls": { @@ -4315,27 +1528,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "178", - "h": "50", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "10", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "62", + "w": "101", + "measuredW": "94", "measuredH": "25", - "x": "67", - "y": "23", + "x": "78", + "y": "12", "properties": { - "text": "Internet", - "size": "17" + "size": "17", + "text": "Accessibility" } }, { @@ -4344,8 +1558,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4360,14 +1574,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "243", + "y": "13", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -4375,17 +1589,17 @@ } }, { - "ID": "1853", + "ID": "1260", "typeID": "__group__", - "zOrder": "108", - "measuredW": "306", - "measuredH": "53", - "w": "306", - "h": "53", - "x": "193", - "y": "431", + "zOrder": "80", + "measuredW": "268", + "measuredH": "49", + "w": "268", + "h": "49", + "x": "470", + "y": "766", "properties": { - "controlName": "100-internet:how-does-the-internet-work" + "controlName": "105-html:seo-basics" }, "children": { "controls": { @@ -4394,12 +1608,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", - "h": "44", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "9", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -4408,14 +1622,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "223", - "measuredW": "219", + "w": "94", + "measuredW": "90", "measuredH": "25", - "x": "45", - "y": "19", + "x": "82", + "y": "12", "properties": { "size": "17", - "text": "How does the internet work?" + "text": "SEO Basics" } }, { @@ -4424,8 +1638,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "244", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4440,10 +1654,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "244", + "y": "13", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -4455,17 +1669,172 @@ } }, { - "ID": "1854", + "ID": "1261", + "typeID": "Arrow", + "zOrder": "54", + "w": "143", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "357", + "y": "683", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 142.33333333333337, + "y": 0.15918378573792324 + }, + "p1": { + "x": 0.4438624012549725, + "y": -0.00008403832147459344 + }, + "p2": { + "x": -0.3333333333333144, + "y": 3.3333333333333712 + } + } + }, + { + "ID": "1262", + "typeID": "Arrow", + "zOrder": "51", + "w": "131", + "h": "95", + "measuredW": "150", + "measuredH": "100", + "x": "345", + "y": "573", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 130.33333333333331, + "y": 0 + }, + "p1": { + "x": 0.4657562307954934, + "y": 0.12174803687265293 + }, + "p2": { + "x": -0.3333333333333144, + "y": 94.66666666666663 + } + } + }, + { + "ID": "1263", + "typeID": "Arrow", + "zOrder": "53", + "w": "119", + "h": "49", + "measuredW": "150", + "measuredH": "100", + "x": "358", + "y": "624", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 118.66666666666669, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.42600235550535653, + "y": 0.12025417194843362 + }, + "p2": { + "x": 0, + "y": 49 + } + } + }, + { + "ID": "1264", + "typeID": "Arrow", + "zOrder": "52", + "w": "116", + "h": "39", + "measuredW": "150", + "measuredH": "100", + "x": "362", + "y": "697", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 116, + "y": 38.66666666666663 + }, + "p1": { + "x": 0.4702847194128022, + "y": -0.0785649380781361 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "1265", + "typeID": "Arrow", + "zOrder": "50", + "w": "123", + "h": "91", + "measuredW": "150", + "measuredH": "100", + "x": "351", + "y": "702", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 123, + "y": 91 + }, + "p1": { + "x": 0.565776506311204, + "y": -0.10080877390787045 + }, + "p2": { + "x": 0.3333333333333144, + "y": 0.33333333333337123 + } + } + }, + { + "ID": "1266", "typeID": "__group__", - "zOrder": "109", - "measuredW": "307", - "measuredH": "47", - "w": "307", - "h": "47", - "x": "192", - "y": "483", + "zOrder": "81", + "measuredW": "186", + "measuredH": "50", + "w": "186", + "h": "50", + "x": "186", + "y": "843", "properties": { - "controlName": "101-internet:what-is-http" + "controlName": "102-css" }, "children": { "controls": { @@ -4474,60 +1843,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "299", - "h": "40", + "w": "186", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "7", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "119", - "measuredW": "113", - "measuredH": "25", - "x": "98", - "y": "15", - "properties": { - "size": "17", - "text": "What is HTTP?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", "x": "0", "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960" } }, { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "76", + "y": "14", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "CSS" } } ] @@ -4535,57 +1871,57 @@ } }, { - "ID": "1855", + "ID": "1267", "typeID": "__group__", - "zOrder": "110", - "measuredW": "307", - "measuredH": "48", - "w": "307", - "h": "48", - "x": "192", - "y": "528", + "zOrder": "82", + "measuredW": "211", + "measuredH": "47", + "w": "211", + "h": "47", + "x": "470", + "y": "897", "properties": { - "controlName": "102-internet:browsers-and-how-they-work" + "controlName": "101-css:making-layouts" }, "children": { "controls": { "control": [ { - "ID": "0", + "ID": "8", "typeID": "TextArea", "zOrder": "0", - "w": "299", - "h": "40", + "w": "201", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "8", + "x": "0", + "y": "0", "properties": { "color": "16770457" } }, { - "ID": "1", + "ID": "9", "typeID": "Label", "zOrder": "1", - "w": "230", - "measuredW": "225", + "w": "130", + "measuredW": "120", "measuredH": "25", - "x": "42", - "y": "16", + "x": "36", + "y": "11", "properties": { "size": "17", - "text": "Browsers and how they work?" + "text": "Making Layouts" } }, { - "ID": "2", + "ID": "10", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "187", + "y": "11", "properties": { "color": "16777215", "icon": { @@ -4595,13 +1931,13 @@ } }, { - "ID": "3", + "ID": "11", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "187", + "y": "11", "properties": { "color": "10027263", "icon": { @@ -4615,17 +1951,17 @@ } }, { - "ID": "1856", + "ID": "1268", "typeID": "__group__", - "zOrder": "111", - "measuredW": "289", + "zOrder": "83", + "measuredW": "211", "measuredH": "49", - "w": "289", + "w": "211", "h": "49", - "x": "915", - "y": "428", + "x": "470", + "y": "843", "properties": { - "controlName": "103-internet:dns-and-how-it-works" + "controlName": "100-css:learn-the-basics" }, "children": { "controls": { @@ -4634,12 +1970,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "201", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "9", + "y": "0", "properties": { "color": "16770457" } @@ -4648,14 +1984,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "179", - "measuredW": "175", + "measuredW": "128", "measuredH": "25", - "x": "51", - "y": "17", + "x": "37", + "y": "12", "properties": { - "size": "17", - "text": "DNS and how it works?" + "text": "Learn the basics", + "size": "17" } }, { @@ -4664,8 +1999,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "187", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4680,8 +2015,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "187", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -4695,17 +2030,17 @@ } }, { - "ID": "1857", + "ID": "1269", "typeID": "__group__", - "zOrder": "112", - "measuredW": "289", - "measuredH": "45", - "w": "289", - "h": "45", - "x": "914", - "y": "478", + "zOrder": "84", + "measuredW": "211", + "measuredH": "49", + "w": "211", + "h": "49", + "x": "471", + "y": "949", "properties": { - "controlName": "104-internet:what-is-domain-name" + "controlName": "102-css:responsive-design-and-media-queries" }, "children": { "controls": { @@ -4714,12 +2049,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "201", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "5", + "y": "0", "properties": { "color": "16770457" } @@ -4728,14 +2063,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "189", - "measuredW": "180", + "measuredW": "149", "measuredH": "25", - "x": "51", - "y": "13", + "x": "26", + "y": "12", "properties": { "size": "17", - "text": "What is Domain Name?" + "text": "Responsive Design" } }, { @@ -4744,8 +2078,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "187", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -4760,8 +2094,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "187", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -4775,17 +2109,140 @@ } }, { - "ID": "1858", + "ID": "1270", + "typeID": "Arrow", + "zOrder": "49", + "w": "123", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "357", + "y": "866", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.3333333333333144, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.4438624012549726, + "y": -0.00008403832147459103 + }, + "p2": { + "x": 123, + "y": 0.5703621905065575 + }, + "stroke": "dotted" + } + }, + { + "ID": "1271", + "typeID": "Arrow", + "zOrder": "48", + "w": "133", + "h": "42", + "measuredW": "150", + "measuredH": "100", + "x": "344", + "y": "878", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 1 + }, + "p1": { + "x": 0.4620133760625114, + "y": 0.09220144641993147 + }, + "p2": { + "x": 133.33333333333331, + "y": 42.33333333333337 + } + } + }, + { + "ID": "1272", + "typeID": "Arrow", + "zOrder": "47", + "w": "133", + "h": "87", + "measuredW": "150", + "measuredH": "100", + "x": "347", + "y": "886", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.3333333333333144, + "y": -0.33333333333337123 + }, + "p1": { + "x": 0.4451699304746416, + "y": 0.13015184070752908 + }, + "p2": { + "x": 133, + "y": 86.57036219050656 + } + } + }, + { + "ID": "1273", + "typeID": "Arrow", + "zOrder": "85", + "w": "856", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "283", + "y": "1056", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": -0.4296378094934994 + }, + "p1": { + "x": 0.44386240125497284, + "y": -0.00008403832147459128 + }, + "p2": { + "x": 856.3493296419504, + "y": -0.42963780949344255 + }, + "rightArrow": "false" + } + }, + { + "ID": "1275", "typeID": "__group__", - "zOrder": "113", - "measuredW": "288", - "measuredH": "46", - "w": "288", - "h": "46", - "x": "915", - "y": "523", + "zOrder": "86", + "measuredW": "209", + "measuredH": "50", + "w": "209", + "h": "50", + "x": "800", + "y": "1032", "properties": { - "controlName": "105-internet:what-is-hosting" + "controlName": "103-javascript" }, "children": { "controls": { @@ -4794,60 +2251,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "209", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "6", + "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", - "zOrder": "1", - "w": "133", - "measuredW": "126", - "measuredH": "25", - "x": "74", - "y": "14", - "properties": { - "size": "17", - "text": "What is hosting?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "264", - "y": "0", + "zOrder": "1", + "measuredW": "81", + "measuredH": "25", + "x": "64", + "y": "13", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "JavaScript" } } ] @@ -4855,17 +2279,17 @@ } }, { - "ID": "1859", + "ID": "1276", "typeID": "__group__", - "zOrder": "114", - "measuredW": "288", - "measuredH": "48", - "w": "288", - "h": "48", - "x": "915", - "y": "621", + "zOrder": "87", + "measuredW": "271", + "measuredH": "47", + "w": "271", + "h": "47", + "x": "769", + "y": "843", "properties": { - "controlName": "104-html:accessibility" + "controlName": "100-javascript:syntax-and-basic-constructs" }, "children": { "controls": { @@ -4874,12 +2298,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "263", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "8", + "x": "8", + "y": "0", "properties": { "color": "16770457" } @@ -4888,14 +2312,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "94", + "measuredW": "130", "measuredH": "25", - "x": "89", - "y": "16", + "x": "75", + "y": "11", "properties": { "size": "17", - "text": "Accessibility" + "text": "Learn the Basics" } }, { @@ -4904,8 +2327,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "264", - "y": "0", + "x": "0", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -4920,10 +2343,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "264", - "y": "0", + "x": "0", + "y": "12", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -4935,17 +2358,17 @@ } }, { - "ID": "1860", + "ID": "1277", "typeID": "__group__", - "zOrder": "115", - "measuredW": "289", - "measuredH": "46", - "w": "289", - "h": "46", - "x": "915", - "y": "670", + "zOrder": "88", + "measuredW": "272", + "measuredH": "47", + "w": "272", + "h": "47", + "x": "769", + "y": "895", "properties": { - "controlName": "105-html:seo-basics" + "controlName": "101-javascript:learn-dom-manipulation" }, "children": { "controls": { @@ -4954,12 +2377,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "280", - "h": "40", + "w": "264", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "6", + "x": "8", + "y": "0", "properties": { "color": "16770457" } @@ -4968,14 +2391,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "94", - "measuredW": "90", + "w": "197", + "measuredW": "193", "measuredH": "25", - "x": "93", - "y": "14", + "x": "41", + "y": "11", "properties": { "size": "17", - "text": "SEO Basics" + "text": "Learn DOM Manipulation" } }, { @@ -4984,8 +2407,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "0", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -5000,10 +2423,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "265", - "y": "0", + "x": "0", + "y": "12", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -5015,17 +2438,17 @@ } }, { - "ID": "1861", + "ID": "1279", "typeID": "__group__", - "zOrder": "116", - "measuredW": "225", - "measuredH": "62", - "w": "225", - "h": "62", - "x": "553", - "y": "1012", + "zOrder": "89", + "measuredW": "274", + "measuredH": "47", + "w": "274", + "h": "47", + "x": "768", + "y": "946", "properties": { - "controlName": "100-version-control-systems:basic-usage-of-git" + "controlName": "102-javascript:learn-fetch-api-ajax-xhr" }, "children": { "controls": { @@ -5034,27 +2457,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", - "h": "54", + "w": "266", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "8", + "x": "8", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "144", + "measuredW": "175", "measuredH": "25", - "x": "45", - "y": "23", + "x": "53", + "y": "11", "properties": { - "text": "Basic Usage of Git", - "size": "17" + "size": "17", + "text": "Fetch API / Ajax (XHR)" } }, { @@ -5064,7 +2487,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -5080,7 +2503,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "12", "properties": { "color": "10027263", "icon": { @@ -5094,17 +2517,48 @@ } }, { - "ID": "1862", + "ID": "1281", + "typeID": "Arrow", + "zOrder": "46", + "w": "1", + "h": "115", + "measuredW": "150", + "measuredH": "100", + "x": "904", + "y": "952", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4440021202234875, + "y": -0.00008648613560245134 + }, + "p2": { + "x": 0, + "y": 116 + }, + "stroke": "dotted" + } + }, + { + "ID": "1282", "typeID": "__group__", - "zOrder": "117", - "measuredW": "240", - "measuredH": "58", - "w": "240", - "h": "58", - "x": "1034", - "y": "1014", + "zOrder": "90", + "measuredW": "241", + "measuredH": "49", + "w": "241", + "h": "49", + "x": "1115", + "y": "861", "properties": { - "controlName": "100-repo-hosting-services:github" + "controlName": "104-version-control-systems" }, "children": { "controls": { @@ -5113,12 +2567,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", + "w": "241", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "10", - "y": "9", + "x": "0", + "y": "0", "properties": { "color": "16776960" } @@ -5127,61 +2581,29 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "54", + "measuredW": "186", "measuredH": "25", - "x": "98", - "y": "22", + "x": "28", + "y": "12", "properties": { - "text": "GitHub", + "text": "Version Control Systems", "size": "17" } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } } ] } } }, { - "ID": "1863", + "ID": "1284", "typeID": "__group__", - "zOrder": "118", - "measuredW": "352", - "measuredH": "78", - "w": "352", - "h": "78", - "x": "925", - "y": "922", + "zOrder": "91", + "measuredW": "241", + "measuredH": "49", + "w": "241", + "h": "49", + "x": "1115", + "y": "915", "properties": { "controlName": "105-repo-hosting-services" }, @@ -5192,8 +2614,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "352", - "h": "78", + "w": "241", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -5206,27 +2628,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "172", + "measuredW": "97", "measuredH": "25", - "x": "90", - "y": "15", - "properties": { - "text": "Repo hosting services", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "w": "279", - "measuredW": "275", - "measuredH": "23", - "x": "32", - "y": "41", + "x": "72", + "y": "12", "properties": { - "size": "15", - "text": "Create account and Learn to use GitHub" + "size": "17", + "text": "VCS Hosting" } } ] @@ -5234,17 +2642,17 @@ } }, { - "ID": "1864", + "ID": "1285", "typeID": "__group__", - "zOrder": "119", - "measuredW": "336", - "measuredH": "77", - "w": "336", - "h": "77", - "x": "562", - "y": "922", + "zOrder": "92", + "measuredW": "101", + "measuredH": "49", + "w": "101", + "h": "49", + "x": "1262", + "y": "801", "properties": { - "controlName": "104-version-control-systems" + "controlName": "100-version-control-systems:basic-usage-of-git" }, "children": { "controls": { @@ -5253,41 +2661,59 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "336", - "h": "77", + "w": "90", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "186", + "measuredW": "22", "measuredH": "25", - "x": "75", - "y": "15", + "x": "32", + "y": "12", "properties": { - "text": "Version Control Systems", - "size": "17" + "size": "17", + "text": "Git" } }, { "ID": "2", - "typeID": "Label", + "typeID": "Icon", "zOrder": "2", - "w": "292", - "measuredW": "285", - "measuredH": "23", - "x": "19", - "y": "40", + "measuredW": "24", + "measuredH": "24", + "x": "77", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "77", + "y": "13", "properties": { - "size": "15", - "text": "What are they and why you should use one" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -5295,64 +2721,79 @@ } }, { - "ID": "1865", - "typeID": "__group__", - "zOrder": "120", - "measuredW": "211", - "measuredH": "53", - "w": "211", - "h": "53", - "x": "455", - "y": "1259", + "ID": "1286", + "typeID": "Arrow", + "zOrder": "45", + "w": "1", + "h": "52", + "measuredW": "150", + "measuredH": "100", + "x": "1312", + "y": "832", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.24204723982813903 + }, + "p1": { + "x": 0.4440021202234876, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 52 + } + } + }, + { + "ID": "1287", + "typeID": "Arrow", + "zOrder": "44", + "w": "1", + "h": "52", + "measuredW": "150", + "measuredH": "100", + "x": "1312", + "y": "940", "properties": { - "controlName": "107-package-managers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "211", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "149", - "measuredH": "25", - "x": "31", - "y": "14", - "properties": { - "text": "Package Managers", - "size": "17" - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.24204723982813903 + }, + "p1": { + "x": 0.4440021202234876, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 52 } } }, { - "ID": "1866", + "ID": "1288", "typeID": "__group__", - "zOrder": "121", - "measuredW": "158", + "zOrder": "93", + "measuredW": "150", "measuredH": "49", - "w": "158", + "w": "150", "h": "49", - "x": "194", - "y": "1154", + "x": "1216", + "y": "991", "properties": { - "controlName": "100-package-managers:npm" + "controlName": "100-repo-hosting-services:github" }, "children": { "controls": { @@ -5361,11 +2802,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "151", + "w": "139", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -5375,14 +2816,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "36", - "measuredW": "34", + "measuredW": "54", "measuredH": "25", - "x": "65", - "y": "12", + "x": "43", + "y": "13", "properties": { - "size": "17", - "text": "npm" + "text": "GitHub", + "size": "17" } }, { @@ -5391,7 +2831,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "126", "y": "11", "properties": { "color": "16777215", @@ -5407,7 +2847,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "126", "y": "11", "properties": { "color": "10027263", @@ -5422,15 +2862,15 @@ } }, { - "ID": "1867", + "ID": "1289", "typeID": "__group__", - "zOrder": "122", - "measuredW": "238", - "measuredH": "54", - "w": "238", - "h": "54", - "x": "1036", - "y": "1130", + "zOrder": "94", + "measuredW": "148", + "measuredH": "49", + "w": "148", + "h": "49", + "x": "1216", + "y": "1096", "properties": { "controlName": "102-repo-hosting-services:bitbucket" }, @@ -5441,12 +2881,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", + "w": "138", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "5", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -5457,8 +2897,8 @@ "zOrder": "1", "measuredW": "73", "measuredH": "25", - "x": "86", - "y": "17", + "x": "36", + "y": "12", "properties": { "color": "3355443", "text": "Bitbucket", @@ -5471,8 +2911,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "124", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -5487,8 +2927,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "124", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -5503,8 +2943,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "124", + "y": "12", "properties": { "color": "3700253", "icon": { @@ -5518,15 +2958,15 @@ } }, { - "ID": "1868", + "ID": "1290", "typeID": "__group__", - "zOrder": "123", - "measuredW": "238", - "measuredH": "55", - "w": "238", - "h": "55", - "x": "1036", - "y": "1073", + "zOrder": "95", + "measuredW": "147", + "measuredH": "49", + "w": "147", + "h": "49", + "x": "1216", + "y": "1043", "properties": { "controlName": "101-repo-hosting-services:gitlab" }, @@ -5537,12 +2977,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", + "w": "137", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", - "y": "6", + "x": "0", + "y": "0", "properties": { "color": "16770457" } @@ -5553,8 +2993,8 @@ "zOrder": "1", "measuredW": "51", "measuredH": "25", - "x": "97", - "y": "18", + "x": "43", + "y": "12", "properties": { "color": "3355443", "size": "17", @@ -5567,8 +3007,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "123", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -5583,8 +3023,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "123", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -5599,8 +3039,8 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "123", + "y": "13", "properties": { "color": "3700253", "icon": { @@ -5614,17 +3054,174 @@ } }, { - "ID": "1869", + "ID": "1291", + "typeID": "Arrow", + "zOrder": "43", + "w": "1", + "h": "109", + "measuredW": "150", + "measuredH": "100", + "x": "1140", + "y": "946", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.4437541587082086, + "y": -0.00008705358532379576 + }, + "p2": { + "x": 0, + "y": 109 + } + } + }, + { + "ID": "1292", + "typeID": "Arrow", + "zOrder": "42", + "w": "1", + "h": "421", + "measuredW": "150", + "measuredH": "100", + "x": "1169", + "y": "946", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.44375415870820867, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 421.3637732670586 + } + } + }, + { + "ID": "1293", + "typeID": "__group__", + "zOrder": "96", + "measuredW": "217", + "measuredH": "49", + "w": "217", + "h": "49", + "x": "148", + "y": "2008", + "properties": { + "controlName": "106-web-security-knowledge" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "207", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "156", + "measuredW": "155", + "measuredH": "25", + "x": "36", + "y": "12", + "properties": { + "size": "17", + "text": "Web Security Basics" + } + }, + { + "ID": "4", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "w": "24", + "h": "24", + "x": "0", + "y": "12", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + } + ] + } + } + }, + { + "ID": "1295", "typeID": "__group__", - "zOrder": "124", - "measuredW": "381", - "measuredH": "62", - "w": "381", - "h": "62", - "x": "604", - "y": "1105", + "zOrder": "97", + "measuredW": "123", + "measuredH": "48", + "w": "123", + "h": "48", + "x": "449", + "y": "2009", "properties": { - "controlName": "106-web-security-knowledge" + "controlName": "102-web-security-knowledge:cors" }, "children": { "controls": { @@ -5633,58 +3230,75 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "372", - "h": "54", + "w": "118", + "h": "48", "measuredW": "200", "measuredH": "140", - "x": "9", - "y": "8", + "x": "0", + "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "189", + "measuredW": "48", "measuredH": "25", - "x": "100", - "y": "23", + "x": "35", + "y": "11", "properties": { - "text": "Web Security Knowledge", + "text": "CORS", "size": "17" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "__group__", "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" + "w": "24", + "h": "24", + "x": "99", + "y": "12", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } } @@ -5693,208 +3307,395 @@ } }, { - "ID": "1870", + "ID": "1296", "typeID": "__group__", - "zOrder": "125", - "measuredW": "408", - "measuredH": "162", - "w": "408", - "h": "162", - "x": "192", - "y": "191", + "zOrder": "98", + "measuredW": "144", + "measuredH": "49", + "w": "144", + "h": "49", + "x": "572", + "y": "2008", + "properties": { + "controlName": "100-web-security-knowledge:https" + }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", + "w": "134", + "h": "49", + "measuredW": "200", + "measuredH": "140", "x": "0", - "y": "0" + "y": "0", + "properties": { + "color": "16770457" + } }, { "ID": "1", - "typeID": "Icon", + "typeID": "Label", "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", + "measuredW": "54", + "measuredH": "25", + "x": "40", + "y": "12", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "text": "HTTPS", + "size": "17" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "__group__", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "21", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" + "w": "24", + "h": "24", + "x": "120", + "y": "13", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "269", - "measuredH": "24", - "x": "59", - "y": "21", - "properties": { - "size": "16", - "text": "Personal Recommendation / Opinion" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "159", - "measuredH": "24", - "x": "59", - "y": "118", - "properties": { - "size": "16", - "text": "I wouldn't recommend" - } - }, + } + ] + } + } + }, + { + "ID": "1297", + "typeID": "__group__", + "zOrder": "99", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "449", + "y": "2061", + "properties": { + "controlName": "101-web-security-knowledge:content-security-policy" + }, + "children": { + "controls": { + "control": [ { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "118", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "257", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16770457" } }, { - "ID": "6", + "ID": "1", "typeID": "Label", - "zOrder": "6", - "w": "324", - "measuredW": "315", - "measuredH": "24", - "x": "60", - "y": "86", + "zOrder": "1", + "measuredW": "175", + "measuredH": "25", + "x": "41", + "y": "12", "properties": { - "size": "16", - "text": "Order in roadmap not strict (Learn anytime)" + "text": "Content Security Policy", + "size": "17" } }, { - "ID": "7", - "typeID": "Icon", - "zOrder": "7", + "ID": "2", + "typeID": "__group__", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "86", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" + "w": "24", + "h": "24", + "x": "243", + "y": "13", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } - }, + } + ] + } + } + }, + { + "ID": "1298", + "typeID": "__group__", + "zOrder": "100", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "449", + "y": "2114", + "properties": { + "controlName": "103-web-security-knowledge:owasp-security-risks" + }, + "children": { + "controls": { + "control": [ { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "86", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "257", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "color": "16770457" } }, { - "ID": "9", + "ID": "1", "typeID": "Label", - "zOrder": "9", - "measuredW": "272", - "measuredH": "24", - "x": "59", - "y": "54", + "zOrder": "1", + "measuredW": "169", + "measuredH": "25", + "x": "44", + "y": "12", "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" + "text": "OWASP Security Risks", + "size": "17" } }, { - "ID": "10", - "typeID": "Icon", - "zOrder": "10", + "ID": "2", + "typeID": "__group__", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "23", - "y": "53", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" + "w": "24", + "h": "24", + "x": "243", + "y": "13", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } - }, + } + ] + } + } + }, + { + "ID": "1304", + "typeID": "Arrow", + "zOrder": "41", + "w": "159", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "325", + "y": "2029", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.09727901871917766, + "y": 0.15506141268406282 + }, + "p1": { + "x": 0.44400212022348756, + "y": -0.00008648613560245363 + }, + "p2": { + "x": 159.51281043851145, + "y": 4.242047239828025 + } + } + }, + { + "ID": "1306", + "typeID": "Arrow", + "zOrder": "40", + "w": "255", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "884", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.1493922838835715, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497284, + "y": -0.00008403832147459129 + }, + "p2": { + "x": 255.34932964195036, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "1307", + "typeID": "__group__", + "zOrder": "101", + "measuredW": "211", + "measuredH": "53", + "w": "211", + "h": "53", + "x": "1115", + "y": "1350", + "properties": { + "controlName": "107-package-managers" + }, + "children": { + "controls": { + "control": [ { - "ID": "11", - "typeID": "Icon", - "zOrder": "11", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "211", + "h": "53", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960" } }, { - "ID": "12", - "typeID": "Icon", - "zOrder": "12", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "149", + "measuredH": "25", + "x": "31", + "y": "14", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Package Managers", + "size": "17" } } ] @@ -5902,28 +3703,17 @@ } }, { - "ID": "1871", - "typeID": "TextArea", - "zOrder": "126", - "w": "456", - "h": "161", - "measuredW": "200", - "measuredH": "140", - "x": "816", - "y": "1204" - }, - { - "ID": "1872", + "ID": "1308", "typeID": "__group__", - "zOrder": "127", - "measuredW": "163", - "measuredH": "48", - "w": "163", - "h": "48", - "x": "831", - "y": "1303", + "zOrder": "102", + "measuredW": "144", + "measuredH": "49", + "w": "144", + "h": "49", + "x": "1218", + "y": "1177", "properties": { - "controlName": "102-web-security-knowledge:cors" + "controlName": "100-package-managers:npm" }, "children": { "controls": { @@ -5932,8 +3722,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "163", - "h": "48", + "w": "134", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -5946,13 +3736,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "48", + "w": "36", + "measuredW": "34", "measuredH": "25", - "x": "58", + "x": "49", "y": "12", "properties": { - "text": "CORS", - "size": "17" + "size": "17", + "text": "npm" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "120", + "y": "11", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "120", + "y": "11", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -5960,17 +3783,17 @@ } }, { - "ID": "1873", + "ID": "1309", "typeID": "__group__", - "zOrder": "128", - "measuredW": "166", + "zOrder": "103", + "measuredW": "144", "measuredH": "49", - "w": "166", + "w": "144", "h": "49", - "x": "830", - "y": "1248", + "x": "1218", + "y": "1283", "properties": { - "controlName": "100-web-security-knowledge:https" + "controlName": "101-package-managers:yarn" }, "children": { "controls": { @@ -5979,7 +3802,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "166", + "w": "134", "h": "49", "measuredW": "200", "measuredH": "140", @@ -5993,60 +3816,45 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "54", + "measuredW": "33", "measuredH": "25", - "x": "56", + "x": "50", "y": "12", "properties": { - "text": "HTTPS", + "text": "yarn", "size": "17" } - } - ] - } - } - }, - { - "ID": "1874", - "typeID": "__group__", - "zOrder": "129", - "measuredW": "257", - "measuredH": "49", - "w": "257", - "h": "49", - "x": "1001", - "y": "1248", - "properties": { - "controlName": "101-web-security-knowledge:content-security-policy" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "120", + "y": "13", "properties": { - "color": "16770457" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "175", - "measuredH": "25", - "x": "41", - "y": "12", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "120", + "y": "13", "properties": { - "text": "Content Security Policy", - "size": "17" + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" } } ] @@ -6054,17 +3862,17 @@ } }, { - "ID": "1875", + "ID": "1310", "typeID": "__group__", - "zOrder": "130", - "measuredW": "257", + "zOrder": "104", + "measuredW": "141", "measuredH": "49", - "w": "257", + "w": "141", "h": "49", - "x": "1001", - "y": "1302", + "x": "1218", + "y": "1230", "properties": { - "controlName": "103-web-security-knowledge:owasp-security-risks" + "controlName": "102-package-managers:pnpm" }, "children": { "controls": { @@ -6073,7 +3881,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", + "w": "134", "h": "49", "measuredW": "200", "measuredH": "140", @@ -6087,54 +3895,23 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "169", + "measuredW": "44", "measuredH": "25", - "x": "44", + "x": "45", "y": "12", "properties": { - "text": "OWASP Security Risks", - "size": "17" + "size": "17", + "text": "pnpm" } - } - ] - } - } - }, - { - "ID": "1876", - "typeID": "Label", - "zOrder": "131", - "w": "372", - "measuredW": "344", - "measuredH": "25", - "x": "832", - "y": "1217", - "properties": { - "size": "17", - "text": "Get at least a basic knowledge of all of these" - } - }, - { - "ID": "1877", - "typeID": "__group__", - "zOrder": "132", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "1258", - "y": "1195", - "children": { - "controls": { - "control": [ + }, { - "ID": "0", + "ID": "2", "typeID": "Icon", - "zOrder": "0", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "117", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -6144,19 +3921,19 @@ } }, { - "ID": "1", + "ID": "3", "typeID": "Icon", - "zOrder": "1", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "0", + "x": "117", + "y": "13", "properties": { - "color": "10066329", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -6164,133 +3941,46 @@ } }, { - "ID": "1878", + "ID": "1311", "typeID": "Arrow", - "zOrder": "133", - "w": "117", - "h": "1", + "zOrder": "39", + "w": "1", + "h": "90", "measuredW": "150", "measuredH": "100", - "x": "717", - "y": "2834", + "x": "1300", + "y": "1288", "properties": { "color": "2848996", - "curvature": "0", + "curvature": "-1", + "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", - "p0": { - "x": 116.89058672187377, - "y": 0.1041226124775676 - }, - "p1": { - "x": 0.4835193355826629, - "y": 0.007267064624967576 - }, - "p2": { - "x": 0.017907207522057433, - "y": 0.1041226124775676 - } - } - }, - { - "ID": "1879", - "typeID": "Arrow", - "zOrder": "134", - "w": "158", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "326", - "y": "2888", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", "p0": { "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4319942611190819, - "y": -0.006169296987087513 - }, - "p2": { - "x": 157, - "y": 71 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1880", - "typeID": "Arrow", - "zOrder": "135", - "w": "133", - "h": "223", - "measuredW": "150", - "measuredH": "100", - "x": "1047", - "y": "2728", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 133, - "y": 223 - }, - "p1": { - "x": 0.6210189562745637, - "y": 0.08206190581675968 - }, - "p2": { - "x": -0.43103046936073497, - "y": 0.31367188167814675 - } - } - }, - { - "ID": "1881", - "typeID": "Arrow", - "zOrder": "136", - "w": "112", - "h": "137", - "measuredW": "150", - "measuredH": "100", - "x": "1073", - "y": "2731", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 112, - "y": 137 + "y": 0.4028269947427816 }, "p1": { - "x": 0.6177380381901717, - "y": 0.1158418847787249 + "x": 0.4440021202234877, + "y": -0.00008648613560245134 }, "p2": { - "x": -0.28845742009775677, - "y": 0.38926871100329663 + "x": 0, + "y": 90.02499016958609 } } }, { - "ID": "1882", + "ID": "1318", "typeID": "__group__", - "zOrder": "137", + "zOrder": "105", "measuredW": "216", "measuredH": "50", "w": "216", "h": "50", - "x": "454", - "y": "1374", + "x": "152", + "y": "1536", "properties": { "controlName": "109-css-preprocessors" }, @@ -6329,109 +4019,47 @@ } }, { - "ID": "1883", - "typeID": "Arrow", - "zOrder": "138", - "w": "107", - "h": "93", - "measuredW": "150", - "measuredH": "100", - "x": "1079", - "y": "2727", - "properties": { - "color": "2848996", - "curvature": "-1", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 107, - "y": 93 - }, - "p1": { - "x": 0.6105142874821432, - "y": 0.11615602631888519 - }, - "p2": { - "x": -0.13726376144768437, - "y": -0.2241265329844282 - } - } - }, - { - "ID": "1884", - "typeID": "Arrow", - "zOrder": "139", - "w": "100", - "h": "48", - "measuredW": "150", - "measuredH": "100", - "x": "1082", - "y": "2722", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 100, - "y": 48 - }, - "p1": { - "x": 0.5421630610591022, - "y": 0.059862777204942215 - }, - "p2": { - "x": -0.061666932122761864, - "y": 0.16247822302784698 - } - } - }, - { - "ID": "1885", + "ID": "1319", "typeID": "Arrow", - "zOrder": "140", - "w": "115", - "h": "6", + "zOrder": "38", + "w": "255", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "1068", - "y": "2719", + "x": "633", + "y": "1376", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", "p0": { - "x": 115, - "y": 6 + "x": -0.1493922838835715, + "y": -0.42963780949344255 }, "p1": { - "x": 0.5359734790789354, - "y": 0.012722874294418285 + "x": 0.44386240125497284, + "y": -0.00008403832147459129 }, "p2": { - "x": 0.4352964490888098, - "y": -0.2504109310075364 + "x": 255.34932964195036, + "y": -0.42963780949344255 } } }, { - "ID": "1886", + "ID": "1320", "typeID": "__group__", - "zOrder": "141", - "measuredW": "213", - "measuredH": "50", - "w": "213", - "h": "50", - "x": "455", - "y": "1318", + "zOrder": "106", + "measuredW": "154", + "measuredH": "49", + "w": "154", + "h": "49", + "x": "290", + "y": "1684", "properties": { - "controlName": "108-css-architecture" + "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { @@ -6440,27 +4068,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "213", - "h": "50", + "w": "146", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "131", + "w": "74", + "measuredW": "66", "measuredH": "25", - "x": "41", + "x": "39", "y": "12", "properties": { - "text": "CSS Architecture", - "size": "17" + "size": "17", + "text": "PostCSS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "130", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "130", + "y": "13", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -6468,17 +4129,17 @@ } }, { - "ID": "1887", + "ID": "1321", "typeID": "__group__", - "zOrder": "142", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "193", - "y": "1323", + "zOrder": "107", + "measuredW": "155", + "measuredH": "49", + "w": "155", + "h": "49", + "x": "290", + "y": "1629", "properties": { - "controlName": "100-css-architecture:bem" + "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { @@ -6487,11 +4148,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "151", - "h": "40", + "w": "146", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -6501,14 +4162,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "45", - "measuredW": "38", + "w": "46", + "measuredW": "37", "measuredH": "25", - "x": "60", - "y": "8", + "x": "50", + "y": "12", "properties": { "size": "17", - "text": "BEM" + "text": "Sass" } }, { @@ -6517,8 +4178,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "8", + "x": "131", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -6533,8 +4194,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "8", + "x": "131", + "y": "13", "properties": { "color": "10066329", "icon": { @@ -6548,78 +4209,17 @@ } }, { - "ID": "1888", - "typeID": "Arrow", - "zOrder": "143", - "w": "180", - "h": "45", - "measuredW": "150", - "measuredH": "100", - "x": "320", - "y": "2982", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 44 - }, - "p1": { - "x": 0.4319942611190816, - "y": -0.0061692969870875015 - }, - "p2": { - "x": 179, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1889", - "typeID": "Arrow", - "zOrder": "144", - "w": "106", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "977", - "y": "2551", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 106, - "y": 1 - }, - "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967598 - }, - "p2": { - "x": -0.0680813086987655, - "y": 0.06188413774043511 - } - } - }, - { - "ID": "1890", + "ID": "1323", "typeID": "__group__", - "zOrder": "145", - "measuredW": "211", + "zOrder": "108", + "measuredW": "175", "measuredH": "50", - "w": "211", + "w": "175", "h": "50", - "x": "556", - "y": "1540", + "x": "275", + "y": "1352", "properties": { - "controlName": "110-build-tools" + "controlName": "108-css-architecture" }, "children": { "controls": { @@ -6628,7 +4228,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "211", + "w": "175", "h": "50", "measuredW": "200", "measuredH": "140", @@ -6642,13 +4242,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "83", + "measuredW": "131", "measuredH": "25", - "x": "64", - "y": "13", + "x": "22", + "y": "12", "properties": { - "size": "17", - "text": "Build Tools" + "text": "CSS Architecture", + "size": "17" } } ] @@ -6656,77 +4256,126 @@ } }, { - "ID": "1891", - "typeID": "Arrow", - "zOrder": "146", - "w": "1", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "594", - "y": "2411", + "ID": "1324", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "161", + "measuredH": "49", + "w": "161", + "h": "49", + "x": "290", + "y": "1430", "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 0 - }, - "p1": { - "x": 0.4770488047048041, - "y": 0.005193614908729856 - }, - "p2": { - "x": 0, - "y": 85 - }, - "rightArrow": "false", - "stroke": "dotted" + "controlName": "100-css-architecture:bem" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "45", + "measuredW": "38", + "measuredH": "25", + "x": "53", + "y": "12", + "properties": { + "size": "17", + "text": "BEM" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "137", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "137", + "y": "13", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } } }, { - "ID": "1892", + "ID": "1329", "typeID": "Arrow", - "zOrder": "147", - "w": "177", + "zOrder": "110", + "w": "31", "h": "1", "measuredW": "150", "measuredH": "100", - "x": "398", - "y": "2401", + "x": "896", + "y": "1378", "properties": { "color": "2848996", - "curvature": "0", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 176, - "y": 0 + "x": 31.53077722379544, + "y": -0.4891725128713915 }, "p1": { - "x": 0.477048804704804, - "y": 0.005193614908729856 + "x": 0.4693732787810534, + "y": 0.004541857492184634 }, "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 0.39905954407345234, + "y": -0.4891725128713915 + } } }, { - "ID": "1893", + "ID": "1330", "typeID": "__group__", - "zOrder": "148", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "851", - "y": "1537", + "zOrder": "111", + "measuredW": "213", + "measuredH": "53", + "w": "213", + "h": "53", + "x": "840", + "y": "1350", "properties": { - "controlName": "100-build-tools:task-runners" + "controlName": "111-pick-a-framework" }, "children": { "controls": { @@ -6735,8 +4384,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "225", - "h": "50", + "w": "213", + "h": "53", "measuredW": "200", "measuredH": "140", "x": "0", @@ -6749,13 +4398,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "105", + "w": "142", + "measuredW": "136", "measuredH": "25", - "x": "60", + "x": "36", "y": "14", "properties": { "size": "17", - "text": "Task Runners" + "text": "Pick a Framework" } } ] @@ -6763,46 +4413,17 @@ } }, { - "ID": "1894", - "typeID": "Arrow", - "zOrder": "149", - "w": "116", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "769", - "y": "2400", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "p0": { - "x": 115, - "y": 0 - }, - "p1": { - "x": 0.477048804704804, - "y": 0.005193614908729856 - }, - "p2": { - "x": 0, - "y": 0 - }, - "rightArrow": "false" - } - }, - { - "ID": "1895", + "ID": "1331", "typeID": "__group__", - "zOrder": "150", - "measuredW": "156", - "measuredH": "45", - "w": "156", - "h": "45", - "x": "1124", - "y": "1541", + "zOrder": "112", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "832", + "y": "1162", "properties": { - "controlName": "100-build-tools:task-runners:npm-scripts" + "controlName": "100-pick-a-framework:react-js" }, "children": { "controls": { @@ -6812,10 +4433,10 @@ "typeID": "TextArea", "zOrder": "0", "w": "145", - "h": "45", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { "color": "16770457" @@ -6825,13 +4446,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "89", + "measuredW": "47", "measuredH": "25", - "x": "24", - "y": "10", + "x": "56", + "y": "12", "properties": { - "size": "17", - "text": "npm scripts" + "text": "React", + "size": "17" } }, { @@ -6840,8 +4461,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "11", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -6856,8 +4477,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "11", + "x": "0", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -6871,129 +4492,73 @@ } }, { - "ID": "1896", - "typeID": "Arrow", - "zOrder": "151", - "w": "239", - "h": "239", - "measuredW": "150", - "measuredH": "100", - "x": "504", - "y": "1801", - "properties": { - "color": "2848996", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0.4151212280816594, - "y": -0.22081521141240046 - }, - "p1": { - "x": 0.5082158938451313, - "y": 0.2259685964231505 - }, - "p2": { - "x": 239, - "y": 239 - } - } - }, - { - "ID": "1897", - "typeID": "Arrow", - "zOrder": "152", - "w": "191", - "h": "5", - "measuredW": "150", - "measuredH": "100", - "x": "953", - "y": "2079", - "properties": { - "color": "10027263", - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 190.5, - "y": -0.5 - }, - "p1": { - "x": 0.4934109968191019, - "y": -0.001156690213574586 - }, - "p2": { - "x": 0, - "y": 4 - } - } - }, - { - "ID": "1898", + "ID": "1332", "typeID": "__group__", - "zOrder": "153", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1124", - "y": "1687", + "zOrder": "113", + "measuredW": "153", + "measuredH": "49", + "w": "153", + "h": "49", + "x": "830", + "y": "1269", "properties": { - "controlName": "100-build-tools:module-bundlers:webpack" + "controlName": "101-pick-a-framework:angular" }, "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": "148", - "h": "40", + "zOrder": "0", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "measuredW": "72", + "zOrder": "1", + "w": "64", + "measuredW": "59", "measuredH": "25", - "x": "42", - "y": "7", + "x": "49", + "y": "12", "properties": { - "text": "Webpack", - "size": "17" + "size": "17", + "text": "Angular" } }, { - "ID": "4", + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7003,19 +4568,19 @@ } }, { - "ID": "5", + "ID": "4", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -7023,71 +4588,56 @@ } }, { - "ID": "1899", + "ID": "1333", "typeID": "__group__", - "zOrder": "154", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1124", - "y": "1732", + "zOrder": "114", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "832", + "y": "1215", "properties": { - "controlName": "102-build-tools:module-bundlers:rollup" + "controlName": "102-pick-a-framework:vue-js" }, "children": { "controls": { "control": [ { - "ID": "1", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "65", - "y": "7", - "properties": { - "size": "17", - "text": "Rollup" - } - }, - { - "ID": "2", + "ID": "0", "typeID": "TextArea", - "zOrder": "1", - "w": "147", - "h": "40", + "zOrder": "0", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { "color": "16770457" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", + "zOrder": "1", + "measuredW": "45", "measuredH": "25", - "x": "55", - "y": "7", + "x": "58", + "y": "12", "properties": { - "size": "17", - "text": "Rollup" + "text": "Vue.js", + "size": "17" } }, { - "ID": "4", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7097,13 +4647,13 @@ } }, { - "ID": "5", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7113,13 +4663,13 @@ } }, { - "ID": "6", + "ID": "4", "typeID": "Icon", - "zOrder": "5", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "3700253", "icon": { @@ -7133,71 +4683,56 @@ } }, { - "ID": "1900", + "ID": "1334", "typeID": "__group__", - "zOrder": "155", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1124", - "y": "1778", + "zOrder": "115", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "833", + "y": "1432", "properties": { - "controlName": "103-build-tools:module-bundlers:parcel" + "controlName": "103-pick-a-framework:svelte" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "46", - "measuredW": "49", - "measuredH": "25", - "x": "65", - "y": "7", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "1", "typeID": "TextArea", - "zOrder": "1", - "w": "146", - "h": "40", + "zOrder": "0", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { "color": "16770457" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", + "zOrder": "1", + "measuredW": "48", "measuredH": "25", - "x": "55", - "y": "7", + "x": "58", + "y": "12", "properties": { "size": "17", - "text": "Parcel" + "text": "Svelte" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7207,13 +4742,13 @@ } }, { - "ID": "4", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7223,13 +4758,13 @@ } }, { - "ID": "5", + "ID": "4", "typeID": "Icon", - "zOrder": "5", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "3700253", "icon": { @@ -7243,17 +4778,17 @@ } }, { - "ID": "1901", + "ID": "1335", "typeID": "__group__", - "zOrder": "156", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "852", - "y": "1594", + "zOrder": "116", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "833", + "y": "1485", "properties": { - "controlName": "101-build-tools:module-bundlers" + "controlName": "104-pick-a-framework:solid-js" }, "children": { "controls": { @@ -7262,27 +4797,75 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "225", - "h": "50", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "131", + "measuredW": "61", "measuredH": "25", - "x": "47", - "y": "13", + "x": "58", + "y": "12", "properties": { "size": "17", - "text": "Module Bundlers" + "text": "Solid JS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -7290,96 +4873,77 @@ } }, { - "ID": "1902", + "ID": "1336", "typeID": "Arrow", - "zOrder": "157", - "w": "119", - "h": "1", + "zOrder": "37", + "w": "1", + "h": "169", "measuredW": "150", "measuredH": "100", - "x": "1030", - "y": "2402", + "x": "903", + "y": "1296", "properties": { "color": "2848996", - "curvature": "0", + "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 118.97944745965356, - "y": 0 + "x": 0, + "y": 0.178285838126385 }, "p1": { - "x": 0.4835193355826631, - "y": 0.007267064624967473 + "x": 0.44400212022348745, + "y": -0.00008648613560245136 }, "p2": { - "x": 0.34217904266415644, - "y": 0 + "x": 0, + "y": 169.40327808941106 } } }, { - "ID": "1903", - "typeID": "__group__", - "zOrder": "158", - "measuredW": "213", - "measuredH": "53", - "w": "213", - "h": "53", - "x": "554", - "y": "1595", + "ID": "1338", + "typeID": "Arrow", + "zOrder": "117", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "619", + "y": "1385", "properties": { - "controlName": "111-pick-a-framework" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "213", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "142", - "measuredW": "136", - "measuredH": "25", - "x": "36", - "y": "14", - "properties": { - "size": "17", - "text": "Pick a Framework" - } - } - ] + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 71.67226749671158 } } }, { - "ID": "1904", + "ID": "1339", "typeID": "__group__", - "zOrder": "159", - "measuredW": "152", - "measuredH": "40", - "w": "152", - "h": "40", - "x": "194", - "y": "1509", + "zOrder": "118", + "measuredW": "179", + "measuredH": "50", + "w": "179", + "h": "50", + "x": "530", + "y": "1352", "properties": { - "controlName": "100-pick-a-framework:react-js" + "controlName": "112-modern-css" }, "children": { "controls": { @@ -7388,60 +4952,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "40", + "w": "179", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "68", - "measuredW": "47", + "measuredW": "92", "measuredH": "25", - "x": "55", - "y": "7", + "x": "44", + "y": "13", "properties": { "size": "17", - "text": "React" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Writing CSS" } } ] @@ -7449,17 +4980,17 @@ } }, { - "ID": "1905", + "ID": "1346", "typeID": "__group__", - "zOrder": "160", - "measuredW": "153", - "measuredH": "40", - "w": "153", - "h": "40", - "x": "192", - "y": "1555", + "zOrder": "119", + "measuredW": "149", + "measuredH": "48", + "w": "149", + "h": "48", + "x": "545", + "y": "1439", "properties": { - "controlName": "101-pick-a-framework:angular" + "controlName": "100-css-frameworks:js-first:tailwind-css" }, "children": { "controls": { @@ -7468,11 +4999,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "40", + "w": "139", + "h": "48", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "10", "y": "0", "properties": { "color": "16770457" @@ -7482,14 +5013,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "64", - "measuredW": "59", + "measuredW": "61", "measuredH": "25", "x": "49", - "y": "7", + "y": "11", "properties": { "size": "17", - "text": "Angular" + "text": "Tailwind" } }, { @@ -7499,7 +5029,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -7515,7 +5045,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "12", "properties": { "color": "16777215", "icon": { @@ -7531,13 +5061,13 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "12", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -7545,17 +5075,17 @@ } }, { - "ID": "1906", + "ID": "1347", "typeID": "__group__", - "zOrder": "161", - "measuredW": "152", - "measuredH": "40", - "w": "152", - "h": "40", - "x": "191", - "y": "1601", + "zOrder": "120", + "measuredW": "149", + "measuredH": "49", + "w": "149", + "h": "49", + "x": "545", + "y": "1491", "properties": { - "controlName": "102-pick-a-framework:vue-js" + "controlName": "103-css-frameworks:js-first:radix-ui" }, "children": { "controls": { @@ -7564,11 +5094,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "40", + "w": "139", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "10", "y": "0", "properties": { "color": "16770457" @@ -7578,13 +5108,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "45", + "measuredW": "66", "measuredH": "25", - "x": "58", - "y": "7", + "x": "44", + "y": "12", "properties": { - "text": "Vue.js", - "size": "17" + "size": "17", + "text": "Radix UI" } }, { @@ -7594,7 +5124,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7610,7 +5140,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7626,169 +5156,31 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "13", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1907", - "typeID": "Arrow", - "zOrder": "162", - "w": "97", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1169", - "y": "2503", - "properties": { - "color": "2848996", - "curvature": "0", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 96.5324984379306, - "y": 0 - }, - "p1": { - "x": 0.4835193355826628, - "y": 0.007267064624967576 - }, - "p2": { - "x": -0.0834087691514469, - "y": 1.8700832259696654 - } - } - }, - { - "ID": "1908", - "typeID": "__group__", - "zOrder": "163", - "measuredW": "203", - "measuredH": "50", - "w": "203", - "h": "50", - "x": "848", - "y": "1712", - "properties": { - "controlName": "112-modern-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "203", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "98", - "measuredH": "25", - "x": "53", - "y": "13", - "properties": { - "size": "17", - "text": "Modern CSS" + }, + "color": "10027263" } } ] } } - }, - { - "ID": "1909", - "typeID": "Arrow", - "zOrder": "164", - "w": "65", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1175", - "y": "2550", - "properties": { - "color": "2848996", - "direction": "bottom", - "leftArrow": "false", - "p0": { - "x": 0, - "y": 3 - }, - "p1": { - "x": 0.4807692307692308, - "y": -0.01923076923076923 - }, - "p2": { - "x": 64, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" - } - }, - { - "ID": "1910", - "typeID": "Arrow", - "zOrder": "165", - "w": "65", - "h": "2", - "measuredW": "150", - "measuredH": "100", - "x": "1176", - "y": "2600", - "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": "1911", - "typeID": "__group__", - "zOrder": "166", - "measuredW": "211", - "measuredH": "40", - "w": "211", - "h": "40", - "x": "849", - "y": "1804", + }, + { + "ID": "1348", + "typeID": "__group__", + "zOrder": "121", + "measuredW": "147", + "measuredH": "49", + "w": "147", + "h": "49", + "x": "546", + "y": "1583", "properties": { - "controlName": "100-modern-css:styled-components" + "controlName": "103-css-frameworks:js-first:shadcn-ui" }, "children": { "controls": { @@ -7797,11 +5189,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "202", - "h": "40", + "w": "139", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -7811,14 +5203,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "151", - "measuredW": "150", + "measuredW": "80", "measuredH": "25", - "x": "25", - "y": "7", + "x": "38", + "y": "12", "properties": { "size": "17", - "text": "Styled Components" + "text": "Shadcn UI" } }, { @@ -7827,8 +5218,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "187", - "y": "8", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -7843,94 +5234,152 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "187", - "y": "8", + "x": "0", + "y": "13", "properties": { - "color": "10027263", + "color": "16777215", "icon": { - "ID": "check-circle", + "ID": "circle", "size": "small" } } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" + } } ] } } }, { - "ID": "1912", - "typeID": "__group__", - "zOrder": "167", - "measuredW": "212", - "measuredH": "40", - "w": "212", - "h": "40", - "x": "849", - "y": "1849", + "ID": "1349", + "typeID": "Arrow", + "zOrder": "36", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "619", + "y": "1526", "properties": { - "controlName": "101-modern-css:css-modules" - }, + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 71.67226749671158 + } + } + }, + { + "ID": "1356", + "typeID": "__group__", + "zOrder": "35", + "measuredW": "560", + "measuredH": "196", + "w": "560", + "h": "196", + "x": "202", + "y": "1106", "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Canvas", "zOrder": "0", - "w": "202", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "560", + "h": "196", + "measuredW": "100", + "measuredH": "70", "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } + "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "103", - "measuredW": "103", - "measuredH": "25", - "x": "49", - "y": "7", + "measuredW": "480", + "measuredH": "26", + "x": "28", + "y": "22", "properties": { - "size": "17", - "text": "CSS Modules" + "size": "18", + "text": "We have trimmed down the CSS part for the sake of brevity." } }, { "ID": "2", - "typeID": "Icon", + "typeID": "Label", "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "188", - "y": "8", + "measuredW": "448", + "measuredH": "26", + "x": "28", + "y": "53", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "18", + "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " } }, { "ID": "3", - "typeID": "Icon", + "typeID": "Label", "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "188", - "y": "8", + "measuredW": "498", + "measuredH": "26", + "x": "28", + "y": "84", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "18", + "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "489", + "measuredH": "26", + "x": "27", + "y": "115", + "properties": { + "size": "18", + "text": "and look into different frameworks with pre-built components" + } + }, + { + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "371", + "measuredH": "26", + "x": "27", + "y": "146", + "properties": { + "size": "18", + "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." } } ] @@ -7938,78 +5387,223 @@ } }, { - "ID": "1913", + "ID": "1357", + "typeID": "Arrow", + "zOrder": "34", + "w": "359", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "217", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.021364108517559544, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497267, + "y": -0.00008403832147459115 + }, + "p2": { + "x": 359.34932964195036, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "1358", + "typeID": "Arrow", + "zOrder": "33", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "362", + "y": "1379", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 71.67226749671158 + } + } + }, + { + "ID": "1359", + "typeID": "Arrow", + "zOrder": "32", + "w": "1", + "h": "385", + "measuredW": "150", + "measuredH": "100", + "x": "217", + "y": "1376", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.40633010491364985 + }, + "p1": { + "x": 0.44375415870820867, + "y": -0.00008705358532379573 + }, + "p2": { + "x": 0, + "y": 385.8175121014458 + } + } + }, + { + "ID": "1360", + "typeID": "Arrow", + "zOrder": "31", + "w": "1", + "h": "95", + "measuredW": "150", + "measuredH": "100", + "x": "329", + "y": "1567", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.260934347128682, + "y": -0.43825342894501773 + }, + "p1": { + "x": 0.4333905063356262, + "y": 0.007133769851020942 + }, + "p2": { + "x": -0.260934347128682, + "y": 94.2468704973428 + } + } + }, + { + "ID": "1361", + "typeID": "Arrow", + "zOrder": "122", + "w": "457", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "217", + "y": "1764", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.021364108517559544, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.4438624012549727, + "y": -0.00008403832147459117 + }, + "p2": { + "x": 457.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "1368", "typeID": "Arrow", - "zOrder": "168", - "w": "179", - "h": "2", + "zOrder": "123", + "w": "119", + "h": "59", "measuredW": "150", "measuredH": "100", - "x": "320", - "y": "2975", + "x": "832", + "y": "1697", "properties": { "color": "2848996", - "curvature": "0", - "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, - "y": 1 + "x": -0.047010684241513445, + "y": 58.44770687617847 }, "p1": { - "x": 0.431994261119082, - "y": -0.006169296987087527 + "x": 0.5673179018899986, + "y": -0.10798471012953849 }, "p2": { - "x": 178, - "y": 0 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 119.02424427805772, + "y": -0.40360304771661504 + } } }, { - "ID": "1914", + "ID": "1371", "typeID": "Arrow", - "zOrder": "169", - "w": "161", - "h": "34", + "zOrder": "124", + "w": "133", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "326", - "y": "2932", + "x": "833", + "y": "1764", "properties": { "color": "2848996", - "curvature": "0", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, - "y": 0 + "x": 0.3216244302676614, + "y": 2.5026931357795092 }, "p1": { - "x": 0.4319942611190819, - "y": -0.006169296987087513 + "x": 0.4743412204498641, + "y": -0.008947430290275333 }, "p2": { - "x": 160, - "y": 33 - }, - "rightArrow": "false", - "stroke": "dotted" + "x": 133, + "y": 0 + } } }, { - "ID": "1915", + "ID": "1372", "typeID": "__group__", - "zOrder": "170", - "measuredW": "210", - "measuredH": "40", - "w": "210", - "h": "40", - "x": "849", - "y": "1939", + "zOrder": "125", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "934", + "y": "1739", "properties": { - "controlName": "103-modern-css:emotion" + "controlName": "102-build-tools:linters-formatters" }, "children": { "controls": { @@ -8018,8 +5612,55 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "201", - "h": "40", + "w": "225", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "176", + "measuredH": "25", + "x": "25", + "y": "13", + "properties": { + "size": "17", + "text": "Linters and Formatters" + } + } + ] + } + } + }, + { + "ID": "1373", + "typeID": "__group__", + "zOrder": "126", + "measuredW": "155", + "measuredH": "49", + "w": "155", + "h": "49", + "x": "1207", + "y": "1745", + "properties": { + "controlName": "100-build-tools:linters-formatters:prettier" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -8032,13 +5673,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "64", + "w": "66", + "measuredW": "58", "measuredH": "25", - "x": "69", - "y": "7", + "x": "44", + "y": "12", "properties": { - "text": "Emotion", - "size": "17" + "size": "17", + "text": "Prettier" } }, { @@ -8047,8 +5689,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "186", - "y": "8", + "x": "131", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -8063,30 +5705,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "186", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "186", - "y": "8", + "x": "131", + "y": "13", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10066329" } } ] @@ -8094,17 +5720,17 @@ } }, { - "ID": "1916", + "ID": "1374", "typeID": "__group__", - "zOrder": "171", - "measuredW": "175", - "measuredH": "41", - "w": "175", - "h": "41", - "x": "570", - "y": "2813", + "zOrder": "127", + "measuredW": "155", + "measuredH": "49", + "w": "155", + "h": "49", + "x": "1207", + "y": "1798", "properties": { - "controlName": "100-graphql:apollo" + "controlName": "101-build-tools:linters-formatters:eslint" }, "children": { "controls": { @@ -8113,11 +5739,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "167", - "h": "41", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -8127,14 +5753,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "49", - "measuredW": "48", + "w": "53", + "measuredW": "51", "measuredH": "25", - "x": "58", - "y": "8", + "x": "46", + "y": "12", "properties": { "size": "17", - "text": "Apollo" + "text": "ESLint" } }, { @@ -8143,8 +5769,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "9", + "x": "131", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -8159,14 +5785,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "9", + "x": "131", + "y": "13", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10066329" } } ] @@ -8174,17 +5800,46 @@ } }, { - "ID": "1917", + "ID": "1375", + "typeID": "Arrow", + "zOrder": "128", + "w": "90", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1136", + "y": "1707", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.4213496222886306, + "y": 0.18497710519682187 + }, + "p1": { + "x": 0.4310686842693701, + "y": -0.01854562577101436 + }, + "p2": { + "x": 90.75126717989497, + "y": 1.553612219705883 + } + } + }, + { + "ID": "1376", "typeID": "__group__", - "zOrder": "172", - "measuredW": "285", - "measuredH": "59", - "w": "285", - "h": "59", - "x": "823", - "y": "2686", + "zOrder": "129", + "measuredW": "211", + "measuredH": "50", + "w": "211", + "h": "50", + "x": "639", + "y": "1739", "properties": { - "controlName": "120-static-site-generators" + "controlName": "110-build-tools" }, "children": { "controls": { @@ -8193,12 +5848,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "281", + "w": "211", "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "9", + "y": "0", "properties": { "color": "16776960" } @@ -8207,45 +5862,60 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "169", + "measuredW": "83", "measuredH": "25", - "x": "56", - "y": "22", + "x": "64", + "y": "13", "properties": { "size": "17", - "text": "Static Site Generators" + "text": "Build Tools" } - }, + } + ] + } + } + }, + { + "ID": "1377", + "typeID": "__group__", + "zOrder": "130", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "934", + "y": "1683", + "properties": { + "controlName": "100-build-tools:task-runners" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "261", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "225", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960" } }, { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "261", - "y": "0", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "105", + "measuredH": "25", + "x": "60", + "y": "14", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "Task Runners" } } ] @@ -8253,17 +5923,17 @@ } }, { - "ID": "1918", + "ID": "1378", "typeID": "__group__", - "zOrder": "173", + "zOrder": "131", "measuredW": "156", - "measuredH": "41", + "measuredH": "49", "w": "156", - "h": "41", - "x": "1173", - "y": "2841", + "h": "49", + "x": "1207", + "y": "1683", "properties": { - "controlName": "101-static-site-generators:gatsbyjs" + "controlName": "100-build-tools:task-runners:npm-scripts" }, "children": { "controls": { @@ -8272,8 +5942,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -8286,14 +5956,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "78", - "measuredW": "73", + "measuredW": "89", "measuredH": "25", - "x": "35", - "y": "8", + "x": "24", + "y": "12", "properties": { "size": "17", - "text": "GatsbyJS" + "text": "npm scripts" } }, { @@ -8303,7 +5972,7 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "9", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -8319,13 +5988,13 @@ "measuredW": "24", "measuredH": "24", "x": "132", - "y": "9", + "y": "13", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -8333,27 +6002,41 @@ } }, { - "ID": "1919", + "ID": "1379", "typeID": "__group__", - "zOrder": "174", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1173", - "y": "2795", + "zOrder": "132", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1206", + "y": "1542", "properties": { - "controlName": "100-static-site-generators:next-js" + "controlName": "100-build-tools:module-bundlers:webpack" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", - "w": "147", - "h": "41", + "w": "72", + "measuredW": "72", + "measuredH": "25", + "x": "52", + "y": "7", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "1", + "w": "148", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", @@ -8363,27 +6046,26 @@ } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "58", - "measuredW": "52", + "zOrder": "2", + "measuredW": "72", "measuredH": "25", - "x": "45", - "y": "8", + "x": "42", + "y": "7", "properties": { - "size": "17", - "text": "Next.js" + "text": "Webpack", + "size": "17" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8393,13 +6075,13 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "9", + "x": "134", + "y": "8", "properties": { "icon": { "ID": "check-circle", @@ -8413,27 +6095,41 @@ } }, { - "ID": "1920", + "ID": "1380", "typeID": "__group__", - "zOrder": "175", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1171", - "y": "3028", + "zOrder": "133", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1206", + "y": "1586", "properties": { - "controlName": "102-static-site-generators:nuxt-js" + "controlName": "102-build-tools:module-bundlers:rollup" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "65", + "y": "7", + "properties": { + "size": "17", + "text": "Rollup" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "1", "w": "147", - "h": "41", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", @@ -8443,27 +6139,27 @@ } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "w": "56", - "measuredW": "52", + "zOrder": "2", + "w": "63", + "measuredW": "49", "measuredH": "25", - "x": "46", - "y": "8", + "x": "55", + "y": "7", "properties": { "size": "17", - "text": "Nuxt.js" + "text": "Rollup" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8473,13 +6169,13 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8489,13 +6185,13 @@ } }, { - "ID": "4", + "ID": "6", "typeID": "Icon", - "zOrder": "4", + "zOrder": "5", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -8509,27 +6205,41 @@ } }, { - "ID": "1921", + "ID": "1381", "typeID": "__group__", - "zOrder": "176", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "1171", - "y": "2888", + "zOrder": "134", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1206", + "y": "1631", "properties": { - "controlName": "103-static-site-generators:vuepress" + "controlName": "103-build-tools:module-bundlers:parcel" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Label", "zOrder": "0", - "w": "147", - "h": "41", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "65", + "y": "7", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "1", + "typeID": "TextArea", + "zOrder": "1", + "w": "146", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", @@ -8539,27 +6249,27 @@ } }, { - "ID": "1", + "ID": "2", "typeID": "Label", - "zOrder": "1", - "w": "76", - "measuredW": "72", + "zOrder": "2", + "w": "63", + "measuredW": "49", "measuredH": "25", - "x": "40", - "y": "8", + "x": "55", + "y": "7", "properties": { "size": "17", - "text": "Vuepress" + "text": "Parcel" } }, { - "ID": "2", + "ID": "3", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8569,13 +6279,13 @@ } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8585,13 +6295,13 @@ } }, { - "ID": "4", + "ID": "5", "typeID": "Icon", - "zOrder": "4", + "zOrder": "5", "measuredW": "24", "measuredH": "24", - "x": "132", - "y": "9", + "x": "134", + "y": "8", "properties": { "color": "3700253", "icon": { @@ -8605,17 +6315,17 @@ } }, { - "ID": "1922", + "ID": "1382", "typeID": "__group__", - "zOrder": "177", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1171", - "y": "2934", + "zOrder": "135", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "934", + "y": "1625", "properties": { - "controlName": "104-static-site-generators:jekyll" + "controlName": "101-build-tools:module-bundlers" }, "children": { "controls": { @@ -8624,54 +6334,98 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "225", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "49", - "measuredW": "43", + "measuredW": "131", + "measuredH": "25", + "x": "47", + "y": "13", + "properties": { + "size": "17", + "text": "Module Bundlers" + } + } + ] + } + } + }, + { + "ID": "1383", + "typeID": "__group__", + "zOrder": "136", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1205", + "y": "1498", + "properties": { + "controlName": "101-build-tools:module-bundlers:esbuild" + }, + "children": { + "controls": { + "control": [ + { + "ID": "1", + "typeID": "Label", + "zOrder": "0", + "w": "72", + "measuredW": "72", "measuredH": "25", "x": "52", - "y": "8", + "y": "7", "properties": { "size": "17", - "text": "Jekyll" + "text": "Webpack" } }, { "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", + "typeID": "TextArea", + "zOrder": "1", + "w": "149", + "h": "40", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16770457" } }, { "ID": "3", + "typeID": "Label", + "zOrder": "2", + "measuredW": "55", + "measuredH": "25", + "x": "50", + "y": "7", + "properties": { + "size": "17", + "text": "esbuild" + } + }, + { + "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "9", + "x": "135", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -8681,15 +6435,15 @@ } }, { - "ID": "4", + "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "133", - "y": "9", + "x": "135", + "y": "8", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -8701,132 +6455,108 @@ } }, { - "ID": "1923", + "ID": "1384", "typeID": "__group__", - "zOrder": "178", - "measuredW": "212", - "measuredH": "50", - "w": "212", - "h": "50", - "x": "317", - "y": "1764", + "zOrder": "137", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1205", + "y": "1454", "properties": { - "controlName": "114-css-frameworks" + "controlName": "104-build-tools:module-bundlers:vite" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "212", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", "typeID": "Label", - "zOrder": "1", - "measuredW": "131", + "zOrder": "0", + "w": "46", + "measuredW": "49", "measuredH": "25", - "x": "40", - "y": "13", + "x": "65", + "y": "7", "properties": { "size": "17", - "text": "CSS Frameworks" + "text": "Parcel" } - } - ] - } - } - }, - { - "ID": "1924", - "typeID": "__group__", - "zOrder": "179", - "measuredW": "335", - "measuredH": "137", - "w": "335", - "h": "137", - "x": "195", - "y": "2081", - "properties": { - "controlName": "114-css-frameworks:css-first" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", + "ID": "1", "typeID": "TextArea", - "zOrder": "0", - "w": "335", - "h": "137", + "zOrder": "1", + "w": "151", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "14540253" + "color": "16770457" } }, { "ID": "2", "typeID": "Label", - "zOrder": "1", - "measuredW": "150", - "measuredH": "24", - "x": "154", - "y": "17", + "zOrder": "2", + "measuredW": "30", + "measuredH": "25", + "x": "53", + "y": "7", "properties": { - "size": "16", - "text": "CSS first frameworks" + "size": "17", + "text": "Vite" } }, { "ID": "3", - "typeID": "Label", - "zOrder": "2", - "measuredW": "145", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", "measuredH": "24", - "x": "154", - "y": "44", + "x": "135", + "y": "7", "properties": { - "size": "16", - "text": "that don't come with" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "4", - "typeID": "Label", - "zOrder": "3", - "measuredW": "99", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", "measuredH": "24", - "x": "154", - "y": "71", + "x": "135", + "y": "7", "properties": { - "size": "16", - "text": "JS framework" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "5", - "typeID": "Label", - "zOrder": "4", - "measuredW": "166", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", "measuredH": "24", - "x": "153", - "y": "98", + "x": "135", + "y": "7", "properties": { - "size": "16", - "text": "components by default." + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" } } ] @@ -8834,17 +6564,77 @@ } }, { - "ID": "1925", + "ID": "1385", + "typeID": "Arrow", + "zOrder": "30", + "w": "1", + "h": "108", + "measuredW": "150", + "measuredH": "100", + "x": "744", + "y": "1789", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.006597557769964624 + }, + "p1": { + "x": 0.44375415870820895, + "y": -0.00008705358532379573 + }, + "p2": { + "x": 0, + "y": 107.7655119916842 + } + } + }, + { + "ID": "1386", + "typeID": "Arrow", + "zOrder": "138", + "w": "125", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "1111", + "y": "1905", + "properties": { + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 125.56361173667028, + "y": -0.3742069550698943 + }, + "p1": { + "x": 0.49341099681910183, + "y": -0.0011566902135745852 + }, + "p2": { + "x": 0.22735346207707607, + "y": 0.6688981505619722 + } + } + }, + { + "ID": "1389", "typeID": "__group__", - "zOrder": "180", - "measuredW": "127", - "measuredH": "52", - "w": "127", - "h": "52", - "x": "211", - "y": "2096", + "zOrder": "140", + "measuredW": "149", + "measuredH": "49", + "w": "149", + "h": "49", + "x": "1211", + "y": "1934", "properties": { - "controlName": "100-css-frameworks:css-first:bootstrap" + "controlName": "100-testing-your-apps:jest" }, "children": { "controls": { @@ -8853,28 +6643,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "127", - "h": "52", + "w": "137", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "14540253" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "81", - "measuredW": "75", + "w": "39", + "measuredW": "33", "measuredH": "25", - "x": "27", - "y": "13", + "x": "49", + "y": "12", "properties": { "size": "17", - "text": "Bootstrap" + "text": "Jest" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "125", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "125", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" } } ] @@ -8882,17 +6704,17 @@ } }, { - "ID": "1926", + "ID": "1390", "typeID": "__group__", - "zOrder": "181", - "measuredW": "127", + "zOrder": "141", + "measuredW": "153", "measuredH": "49", - "w": "127", + "w": "153", "h": "49", - "x": "211", - "y": "2153", + "x": "1211", + "y": "2052", "properties": { - "controlName": "101-css-frameworks:css-first:bulma" + "controlName": "102-testing-your-apps:cypress" }, "children": { "controls": { @@ -8901,156 +6723,59 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "127", + "w": "141", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "14540253" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "50", - "measuredW": "49", + "measuredW": "63", "measuredH": "25", - "x": "39", + "x": "43", "y": "12", "properties": { - "size": "17", - "text": "Bulma" - } - } - ] - } - } - }, - { - "ID": "1927", - "typeID": "__group__", - "zOrder": "182", - "measuredW": "691", - "measuredH": "276", - "w": "691", - "h": "276", - "x": "649", - "y": "1902", - "properties": { - "controlName": "115-testing-your-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "232", - "h": "276", - "measuredW": "200", - "measuredH": "140", - "x": "459", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "185", - "measuredW": "185", - "measuredH": "24", - "x": "477", - "y": "208", - "properties": { - "text": "You can fill all your testing", - "size": "16" + "text": "Cypress", + "size": "17" } }, { "ID": "2", - "typeID": "Label", + "typeID": "Icon", "zOrder": "2", - "w": "155", - "measuredW": "155", + "measuredW": "24", "measuredH": "24", - "x": "477", - "y": "230", + "x": "129", + "y": "13", "properties": { - "text": "needs with just these.", - "size": "16" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { "ID": "3", - "typeID": "TextArea", + "typeID": "Icon", "zOrder": "3", - "w": "405", - "h": "158", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "118", - "properties": { - "color": "16776960" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "144", - "measuredH": "26", - "x": "125", - "y": "137", - "properties": { - "size": "18", - "text": "Testing your Apps" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "w": "349", - "measuredW": "328", - "measuredH": "25", - "x": "22", - "y": "204", - "properties": { - "size": "17", - "text": "and {color:blue}Functional{color} tests and learn how to write" - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "w": "302", - "measuredW": "286", - "measuredH": "25", - "x": "21", - "y": "233", - "properties": { - "size": "17", - "text": "them with the tools listed on the right." - } - }, - { - "ID": "7", - "typeID": "Label", - "zOrder": "7", - "w": "362", - "measuredW": "361", - "measuredH": "25", - "x": "21", - "y": "174", + "measuredW": "24", + "measuredH": "24", + "x": "129", + "y": "13", "properties": { - "size": "17", - "text": "Learn the difference between {color:blue}Unit{color}, {color:blue}Integration{color}, " + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" } } ] @@ -9058,17 +6783,17 @@ } }, { - "ID": "1928", + "ID": "1391", "typeID": "__group__", - "zOrder": "183", - "measuredW": "207", - "measuredH": "40", - "w": "207", - "h": "40", - "x": "1124", - "y": "1962", + "zOrder": "142", + "measuredW": "150", + "measuredH": "49", + "w": "150", + "h": "49", + "x": "1211", + "y": "1999", "properties": { - "controlName": "101-testing-your-apps:react-testing-library" + "controlName": "104-testing-your-apps:playwright" }, "children": { "controls": { @@ -9077,27 +6802,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "195", - "h": "40", + "w": "139", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "152", + "measuredW": "78", "measuredH": "25", - "x": "22", - "y": "7", + "x": "31", + "y": "12", "properties": { - "text": "react-testing-library", - "size": "17" + "size": "17", + "text": "Playwright" } }, { @@ -9106,8 +6831,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "183", - "y": "8", + "x": "126", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -9122,14 +6847,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "183", - "y": "8", + "x": "126", + "y": "13", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -9137,17 +6862,17 @@ } }, { - "ID": "1929", + "ID": "1400", "typeID": "__group__", - "zOrder": "184", - "measuredW": "205", - "measuredH": "40", - "w": "205", - "h": "40", - "x": "1125", - "y": "1918", + "zOrder": "139", + "measuredW": "217", + "measuredH": "50", + "w": "217", + "h": "50", + "x": "937", + "y": "1881", "properties": { - "controlName": "100-testing-your-apps:jest" + "controlName": "115-testing-your-apps" }, "children": { "controls": { @@ -9156,8 +6881,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "194", - "h": "40", + "w": "217", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", @@ -9170,14 +6895,60 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "39", - "measuredW": "33", + "measuredW": "144", + "measuredH": "26", + "x": "37", + "y": "12", + "properties": { + "size": "18", + "text": "Testing your Apps" + } + } + ] + } + } + }, + { + "ID": "1401", + "typeID": "__group__", + "zOrder": "143", + "measuredW": "148", + "measuredH": "49", + "w": "148", + "h": "49", + "x": "1211", + "y": "1881", + "properties": { + "controlName": "101-testing-your-apps:vitest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "137", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "44", "measuredH": "25", - "x": "77", - "y": "8", + "x": "47", + "y": "12", "properties": { "size": "17", - "text": "Jest" + "text": "Vitest" } }, { @@ -9186,8 +6957,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "181", - "y": "7", + "x": "124", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -9202,8 +6973,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "181", - "y": "7", + "x": "124", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -9217,17 +6988,393 @@ } }, { - "ID": "1930", + "ID": "1402", + "typeID": "Arrow", + "zOrder": "29", + "w": "1", + "h": "60", + "measuredW": "150", + "measuredH": "100", + "x": "1273", + "y": "1964", + "properties": { + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.22735346207707607, + "y": 59.78963089699505 + }, + "p1": { + "x": 0.4934109968191018, + "y": -0.001156690213574587 + }, + "p2": { + "x": 0.22735346207707607, + "y": -0.3311018494380278 + } + } + }, + { + "ID": "1404", + "typeID": "Label", + "zOrder": "144", + "w": "349", + "measuredW": "328", + "measuredH": "25", + "x": "790", + "y": "2051", + "properties": { + "size": "17", + "text": "and {color:purple}Functional{color} tests and learn how to write" + } + }, + { + "ID": "1405", + "typeID": "Label", + "zOrder": "145", + "w": "302", + "measuredW": "286", + "measuredH": "25", + "x": "789", + "y": "2080", + "properties": { + "size": "17", + "text": "them with the tools listed on the right." + } + }, + { + "ID": "1406", + "typeID": "Label", + "zOrder": "146", + "w": "362", + "measuredW": "361", + "measuredH": "25", + "x": "789", + "y": "2021", + "properties": { + "size": "17", + "text": "Learn the difference between {color:purple}Unit{color}, {color:purple}Integration{color}, " + } + }, + { + "ID": "1407", + "typeID": "Canvas", + "zOrder": "28", + "w": "419", + "h": "127", + "measuredW": "100", + "measuredH": "70", + "x": "762", + "y": "1999" + }, + { + "ID": "1408", + "typeID": "Arrow", + "zOrder": "27", + "w": "263", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "744", + "y": "1897", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.25945886615363634, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.4438624012549728, + "y": -0.00008403832147459099 + }, + "p2": { + "x": 263.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "1409", + "typeID": "Arrow", + "zOrder": "26", + "w": "90", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "1137", + "y": "1767", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.08484775806573452, + "y": 0.42789045609197274 + }, + "p1": { + "x": 0.4310686842693702, + "y": -0.018545625771014342 + }, + "p2": { + "x": 89.75126717989497, + "y": 3.553612219705883 + } + } + }, + { + "ID": "1410", + "typeID": "Arrow", + "zOrder": "25", + "w": "75", + "h": "55", + "measuredW": "150", + "measuredH": "100", + "x": "1137", + "y": "1774", + "properties": { + "color": "10027263", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 75.17486389332657, + "y": 55.28500751882257 + }, + "p1": { + "x": 0.5066463281760742, + "y": -0.12529962954892096 + }, + "p2": { + "x": -0.21361446645869364, + "y": -0.12282458998856782 + } + } + }, + { + "ID": "1411", + "typeID": "Arrow", + "zOrder": "24", + "w": "139", + "h": "158", + "measuredW": "150", + "measuredH": "100", + "x": "1071", + "y": "1468", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.4228529924898794, + "y": 157.6515407563195 + }, + "p1": { + "x": 0.4193599667671816, + "y": -0.1063552310166165 + }, + "p2": { + "x": 139.2361282858567, + "y": -0.02955836333012485 + } + } + }, + { + "ID": "1412", + "typeID": "Arrow", + "zOrder": "23", + "w": "120", + "h": "125", + "measuredW": "150", + "measuredH": "100", + "x": "1092", + "y": "1510", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.3616214793498784, + "y": 125.08545266946089 + }, + "p1": { + "x": 0.4522713341747513, + "y": -0.11851734900794086 + }, + "p2": { + "x": 119.5838299877339, + "y": -0.25080560513220007 + } + } + }, + { + "ID": "1413", + "typeID": "Arrow", + "zOrder": "22", + "w": "129", + "h": "86", + "measuredW": "150", + "measuredH": "100", + "x": "1085", + "y": "1556", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.10012998873662582, + "y": 85.82396117884764 + }, + "p1": { + "x": 0.4843768479912828, + "y": -0.1328535668323107 + }, + "p2": { + "x": 129.27923339148856, + "y": -0.42894774130263613 + } + } + }, + { + "ID": "1414", + "typeID": "Arrow", + "zOrder": "21", + "w": "84", + "h": "44", + "measuredW": "150", + "measuredH": "100", + "x": "1131", + "y": "1599", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.2782721249068345, + "y": 44.17166288072485 + }, + "p1": { + "x": 0.5375110901217661, + "y": -0.11383704165250949 + }, + "p2": { + "x": 83.27923339148856, + "y": -0.3024932812274983 + } + } + }, + { + "ID": "1415", + "typeID": "Arrow", + "zOrder": "20", + "w": "86", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1135", + "y": "1652", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.2351670192747406, + "y": 3.3009781976211343 + }, + "p1": { + "x": 0.43112567039690275, + "y": 0.004580790102293522 + }, + "p2": { + "x": 85.75126717989497, + "y": -0.44638778029411696 + } + } + }, + { + "ID": "1416", + "typeID": "Arrow", + "zOrder": "19", + "w": "111", + "h": "97", + "measuredW": "150", + "measuredH": "100", + "x": "830", + "y": "1644", + "properties": { + "color": "2848996", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.32435969486903105, + "y": 97.68763821966104 + }, + "p1": { + "x": 0.5673179018899986, + "y": -0.10798471012953843 + }, + "p2": { + "x": 111.36327852479212, + "y": 0.22014280228427197 + } + } + }, + { + "ID": "1417", + "typeID": "Arrow", + "zOrder": "18", + "w": "359", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "589", + "y": "1917", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.49373020140785684, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.4438624012549728, + "y": -0.00008403832147459091 + }, + "p2": { + "x": 358.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "1418", "typeID": "__group__", - "zOrder": "185", - "measuredW": "205", - "measuredH": "39", - "w": "205", - "h": "39", - "x": "1124", - "y": "2007", + "zOrder": "147", + "measuredW": "401", + "measuredH": "87", + "w": "401", + "h": "87", + "x": "269", + "y": "1874", "properties": { - "controlName": "102-testing-your-apps:cypress" + "controlName": "116-auth-strategies" }, "children": { "controls": { @@ -9236,8 +7383,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "195", - "h": "39", + "w": "401", + "h": "87", "measuredW": "200", "measuredH": "140", "x": "0", @@ -9250,45 +7397,26 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "63", - "measuredH": "25", - "x": "63", - "y": "7", + "measuredW": "227", + "measuredH": "28", + "x": "87", + "y": "16", "properties": { - "text": "Cypress", - "size": "17" + "size": "20", + "text": "Authentication Strategies" } }, { - "ID": "2", - "typeID": "Icon", + "ID": "4", + "typeID": "Label", "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "181", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "181", - "y": "8", + "measuredW": "353", + "measuredH": "25", + "x": "24", + "y": "46", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "JWT, OAuth, SSO, Basic Auth, Session Auth etc" } } ] @@ -9296,96 +7424,47 @@ } }, { - "ID": "1931", - "typeID": "__group__", - "zOrder": "186", - "measuredW": "234", - "measuredH": "60", - "w": "234", - "h": "60", - "x": "824", - "y": "2368", + "ID": "1419", + "typeID": "Arrow", + "zOrder": "17", + "w": "180", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "216", + "y": "1920", "properties": { - "controlName": "116-type-checkers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "226", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "10", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "115", - "measuredH": "25", - "x": "53", - "y": "23", - "properties": { - "size": "17", - "text": "Type Checkers" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "210", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "210", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.09099116403851326, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497295, + "y": -0.00008403832147459042 + }, + "p2": { + "x": 180.31638133717956, + "y": -0.42963780949344255 } } }, { - "ID": "1932", + "ID": "1420", "typeID": "__group__", - "zOrder": "187", - "measuredW": "206", - "measuredH": "48", - "w": "206", - "h": "48", - "x": "1135", - "y": "2374", + "zOrder": "148", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "833", + "y": "1538", "properties": { - "controlName": "100-type-checkers:typescript" + "controlName": "104-pick-a-framework:qwik" }, "children": { "controls": { @@ -9394,12 +7473,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "199", - "h": "41", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "7", + "x": "7", + "y": "0", "properties": { "color": "16770457" } @@ -9408,14 +7487,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "91", - "measuredW": "81", + "measuredW": "37", "measuredH": "25", - "x": "54", - "y": "15", + "x": "61", + "y": "12", "properties": { "size": "17", - "text": "TypeScript" + "text": "Qwik" } }, { @@ -9424,8 +7502,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "182", - "y": "0", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -9440,103 +7518,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "182", - "y": "0", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "156", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "156", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1933", - "typeID": "__group__", - "zOrder": "188", - "measuredW": "247", - "measuredH": "61", - "w": "247", - "h": "61", - "x": "536", - "y": "2365", - "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", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -9546,15 +7529,15 @@ } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", "x": "0", - "y": "0", + "y": "13", "properties": { - "color": "10066329", + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -9566,226 +7549,262 @@ } }, { - "ID": "1934", - "typeID": "Canvas", - "zOrder": "189", - "w": "228", - "h": "428", - "measuredW": "100", - "measuredH": "70", - "x": "183", - "y": "2379" + "ID": "1422", + "typeID": "Arrow", + "zOrder": "16", + "w": "1", + "h": "343", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "1920", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.443754158708209, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 342.3367909555227 + } + } }, { - "ID": "1935", - "typeID": "__group__", - "zOrder": "190", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2507", + "ID": "1423", + "typeID": "Arrow", + "zOrder": "14", + "w": "154", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "303", + "y": "2040", "properties": { - "controlName": "103-progressive-web-apps:service-workers" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "147", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Service Workers", - "size": "18" - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.1105047472654519, + "y": 0.2589532956762923 + }, + "p1": { + "x": 0.5899301498632965, + "y": 0.09282014773853087 + }, + "p2": { + "x": 154.1102158498499, + "y": 54.54464694586113 } } }, { - "ID": "1936", - "typeID": "__group__", - "zOrder": "191", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2395", + "ID": "1424", + "typeID": "Arrow", + "zOrder": "15", + "w": "139", + "h": "102", + "measuredW": "150", + "measuredH": "100", + "x": "316", + "y": "2041", "properties": { - "controlName": "100-progressive-web-apps:storage" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "78", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "text": "Storage", - "size": "18" - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.46091866528070113, + "y": 0.4927190604535099 + }, + "p1": { + "x": 0.5899301498632966, + "y": 0.09282014773853087 + }, + "p2": { + "x": 139.87645008507297, + "y": 102.89527753693801 } } }, { - "ID": "1937", - "typeID": "__group__", - "zOrder": "192", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2545", + "ID": "1425", + "typeID": "Arrow", + "zOrder": "149", + "w": "104", + "h": "42", + "measuredW": "150", + "measuredH": "100", + "x": "667", + "y": "2223", "properties": { - "controlName": "104-progressive-web-apps:location" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "84", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Location", - "size": "18" - } - } - ] + "color": "10027263", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 42 + }, + "p1": { + "x": 0.5352906012725183, + "y": -0.09566221241108655 + }, + "p2": { + "x": 104, + "y": 0 } } }, { - "ID": "1938", - "typeID": "__group__", - "zOrder": "193", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2582", + "ID": "1426", + "typeID": "Arrow", + "zOrder": "150", + "w": "127", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "655", + "y": "2273", "properties": { - "controlName": "105-progressive-web-apps:notifications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "115", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Notifications", - "size": "18" - } - } - ] + "color": "10027263", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 4 + }, + "p1": { + "x": 0.32155722155275035, + "y": -0.0015310492462985268 + }, + "p2": { + "x": 127, + "y": 0 } } }, { - "ID": "1939", - "typeID": "__group__", - "zOrder": "194", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2620", + "ID": "1427", + "typeID": "Arrow", + "zOrder": "151", + "w": "109", + "h": "31", + "measuredW": "150", + "measuredH": "100", + "x": "660", + "y": "2288", "properties": { - "controlName": "106-progressive-web-apps:device-orientation" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "192", - "measuredW": "167", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16770457", - "text": "Device Orientation", - "size": "18" - } - } - ] + "color": "10027263", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.06468415565370833, + "y": 0.24587201583790375 + }, + "p1": { + "x": 0.5281804260757769, + "y": 0.09336184593660918 + }, + "p2": { + "x": 108.63607145602293, + "y": 31.090016135261067 } } }, { - "ID": "1940", + "ID": "1428", "typeID": "__group__", - "zOrder": "195", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2657", + "zOrder": "152", + "measuredW": "238", + "measuredH": "60", + "w": "238", + "h": "60", + "x": "447", + "y": "2237", "properties": { - "controlName": "107-progressive-web-apps:payments" + "controlName": "113-web-components" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "192", - "measuredW": "94", - "measuredH": "32", + "w": "230", + "h": "50", + "measuredW": "200", + "measuredH": "140", "x": "0", + "y": "10", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "137", + "measuredH": "25", + "x": "44", + "y": "23", + "properties": { + "size": "17", + "text": "Web Components" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "214", "y": "0", "properties": { - "align": "center", - "color": "16770457", - "text": "Payments", - "size": "18" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "214", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -9793,35 +7812,79 @@ } }, { - "ID": "1941", + "ID": "1429", "typeID": "__group__", - "zOrder": "196", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2695", + "zOrder": "153", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "762", + "y": "2205", "properties": { - "controlName": "108-progressive-web-apps:credentials" + "controlName": "100-web-components:html-templates" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "192", - "measuredW": "108", - "measuredH": "32", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", "x": "0", "y": "0", "properties": { - "align": "center", - "color": "16770457", - "text": "Credentials", - "size": "18" + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "132", + "measuredW": "131", + "measuredH": "25", + "x": "30", + "y": "7", + "properties": { + "size": "17", + "text": "HTML Templates" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -9829,131 +7892,159 @@ } }, { - "ID": "1942", + "ID": "1430", "typeID": "__group__", - "zOrder": "197", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2432", + "zOrder": "154", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "762", + "y": "2251", "properties": { - "controlName": "101-progressive-web-apps:web-sockets" + "controlName": "101-web-components:custom-elements" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "192", - "measuredW": "120", - "measuredH": "32", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", "x": "0", "y": "0", "properties": { - "align": "center", - "color": "16776960", - "text": "Web Sockets", - "size": "18" + "color": "16770457" } - } - ] - } - } - }, - { - "ID": "1943", - "typeID": "Label", - "zOrder": "198", - "w": "156", - "measuredW": "151", - "measuredH": "25", - "x": "219", - "y": "2740", - "properties": { - "size": "17", - "text": "Learn different Web" - } - }, - { - "ID": "1944", - "typeID": "Label", - "zOrder": "199", - "w": "148", - "measuredW": "143", - "measuredH": "25", - "x": "223", - "y": "2766", - "properties": { - "size": "17", - "text": "APIs used in PWAs" - } - }, - { - "ID": "1945", - "typeID": "Icon", - "zOrder": "200", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "2368", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1946", - "typeID": "Icon", - "zOrder": "201", - "measuredW": "24", - "measuredH": "24", - "x": "174", - "y": "2368", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "139", + "measuredW": "136", + "measuredH": "25", + "x": "30", + "y": "7", + "properties": { + "size": "17", + "text": "Custom Elements" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1947", + "ID": "1431", "typeID": "__group__", - "zOrder": "202", - "measuredW": "192", - "measuredH": "32", - "w": "192", - "h": "32", - "x": "201", - "y": "2470", + "zOrder": "155", + "measuredW": "199", + "measuredH": "40", + "w": "199", + "h": "40", + "x": "762", + "y": "2296", "properties": { - "controlName": "102-progressive-web-apps:server-sent-events" + "controlName": "102-web-components:shadow-dom" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "192", - "measuredW": "170", - "measuredH": "32", + "w": "190", + "h": "40", + "measuredW": "200", + "measuredH": "140", "x": "0", "y": "0", "properties": { - "align": "center", - "color": "16776960", - "text": "Server Sent Events", - "size": "18" + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "105", + "measuredW": "105", + "measuredH": "25", + "x": "38", + "y": "7", + "properties": { + "size": "17", + "text": "Shadow DOM" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "175", + "y": "8", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -9961,82 +8052,168 @@ } }, { - "ID": "1948", - "typeID": "Canvas", - "zOrder": "203", + "ID": "1432", + "typeID": "Arrow", + "zOrder": "13", "w": "262", - "h": "281", - "measuredW": "100", - "measuredH": "70", - "x": "435", - "y": "2454" + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "2264", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4446546885461916, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 262, + "y": 0 + } + } }, { - "ID": "1949", - "typeID": "__group__", - "zOrder": "204", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "455", - "y": "2473", + "ID": "1433", + "typeID": "Arrow", + "zOrder": "12", + "w": "262", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "2282", "properties": { - "controlName": "109-progressive-web-apps:prpl-pattern" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "124", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "PRPL Pattern" - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.4446546885461916, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 262, + "y": 0 + } + } + }, + { + "ID": "1434", + "typeID": "Arrow", + "zOrder": "156", + "w": "1", + "h": "162", + "measuredW": "150", + "measuredH": "100", + "x": "214", + "y": "2282", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.4437541587082093, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 161.4730971406957 } } }, { - "ID": "1950", + "ID": "1435", "typeID": "__group__", - "zOrder": "205", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "455", - "y": "2511", + "zOrder": "157", + "measuredW": "213", + "measuredH": "50", + "w": "213", + "h": "50", + "x": "152", + "y": "2346", "properties": { - "controlName": "110-progressive-web-apps:rail-model" + "controlName": "116-type-checkers" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "225", - "measuredW": "110", - "measuredH": "32", - "x": "0", + "w": "203", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "10", "y": "0", "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "RAIL Model" + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "115", + "measuredH": "25", + "x": "54", + "y": "13", + "properties": { + "size": "17", + "text": "Type Checkers" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -10044,71 +8221,111 @@ } }, { - "ID": "1951", + "ID": "1436", "typeID": "__group__", - "zOrder": "206", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "455", - "y": "2549", + "zOrder": "158", + "measuredW": "206", + "measuredH": "57", + "w": "206", + "h": "57", + "x": "402", + "y": "2338", "properties": { - "controlName": "111-progressive-web-apps:performance-metrics" + "controlName": "100-type-checkers:typescript" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextInput", + "typeID": "TextArea", "zOrder": "0", - "w": "225", - "measuredW": "185", - "measuredH": "32", + "w": "199", + "h": "49", + "measuredW": "200", + "measuredH": "140", "x": "0", + "y": "8", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "91", + "measuredW": "81", + "measuredH": "25", + "x": "54", + "y": "20", + "properties": { + "size": "17", + "text": "TypeScript" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "182", "y": "0", "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Performance Metrics" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } - } - ] - } - } - }, - { - "ID": "1952", - "typeID": "__group__", - "zOrder": "207", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "455", - "y": "2586", - "properties": { - "controlName": "112-progressive-web-apps:lighthouse" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "156", - "measuredH": "32", - "x": "0", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "182", "y": "0", "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using Lighthouse" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "156", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -10116,111 +8333,228 @@ } }, { - "ID": "1953", - "typeID": "__group__", - "zOrder": "208", - "measuredW": "225", - "measuredH": "32", - "w": "225", - "h": "32", - "x": "455", - "y": "2624", + "ID": "1437", + "typeID": "Arrow", + "zOrder": "11", + "w": "84", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "349", + "y": "2371", "properties": { - "controlName": "113-progressive-web-apps:browser-devtools" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextInput", - "zOrder": "0", - "w": "225", - "measuredW": "141", - "measuredH": "32", - "x": "0", - "y": "0", - "properties": { - "align": "center", - "color": "16776960", - "size": "18", - "text": "Using DevTools" - } - } - ] + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.05937132975032 + }, + "p1": { + "x": 0.44375415870820895, + "y": -0.00008705358532379558 + }, + "p2": { + "x": 84.23358520389218, + "y": -0.05937132975032 + }, + "stroke": "dotted" + } + }, + { + "ID": "1438", + "typeID": "Arrow", + "zOrder": "159", + "w": "1122", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "214", + "y": "2443", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 1 + }, + "p1": { + "x": 0.4446546885461915, + "y": 0.0007404118850237803 + }, + "p2": { + "x": 1122.1683232534074, + "y": 1 } } }, { - "ID": "1954", - "typeID": "Label", - "zOrder": "209", - "w": "185", - "measuredW": "176", - "measuredH": "25", - "x": "475", - "y": "2669", + "ID": "1439", + "typeID": "Arrow", + "zOrder": "160", + "w": "65", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1197", + "y": "2348", "properties": { - "size": "17", - "text": "Calculating, Measuring" + "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": "1955", - "typeID": "Label", - "zOrder": "210", - "w": "224", - "measuredW": "212", - "measuredH": "25", - "x": "455", - "y": "2696", + "ID": "1441", + "typeID": "Arrow", + "zOrder": "161", + "w": "78", + "h": "37", + "measuredW": "150", + "measuredH": "100", + "x": "1174", + "y": "2163", + "properties": { + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 77.65536836618821, + "y": 0.4082685363341625 + }, + "p1": { + "x": 0.480726015557477, + "y": 0.1446845289541909 + }, + "p2": { + "x": 0.03815966742740784, + "y": 36.87863921953385 + } + } + }, + { + "ID": "1445", + "typeID": "Arrow", + "zOrder": "162", + "w": "97", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1190", + "y": "2211", "properties": { - "size": "17", - "text": "and improving performance" + "color": "2848996", + "curvature": "0", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 96.5324984379306, + "y": 0 + }, + "p1": { + "x": 0.4835193355826628, + "y": 0.007267064624967576 + }, + "p2": { + "x": -0.0834087691514469, + "y": 1.8700832259696654 + } } }, { - "ID": "1956", - "typeID": "Icon", - "zOrder": "211", - "measuredW": "24", - "measuredH": "24", - "x": "428", - "y": "2445", + "ID": "1446", + "typeID": "Arrow", + "zOrder": "163", + "w": "65", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "1196", + "y": "2254", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "2848996", + "direction": "bottom", + "leftArrow": "false", + "p0": { + "x": 0, + "y": 3 + }, + "p1": { + "x": 0.4807692307692308, + "y": -0.01923076923076923 + }, + "p2": { + "x": 64, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" } }, { - "ID": "1957", - "typeID": "Icon", - "zOrder": "212", - "measuredW": "24", - "measuredH": "24", - "x": "428", - "y": "2445", + "ID": "1447", + "typeID": "Arrow", + "zOrder": "164", + "w": "65", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "1197", + "y": "2301", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "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": "1958", + "ID": "1448", "typeID": "__group__", - "zOrder": "213", + "zOrder": "165", "measuredW": "285", "measuredH": "59", "w": "285", "h": "59", - "x": "712", - "y": "2519", + "x": "968", + "y": "2410", "properties": { "controlName": "118-server-side-rendering" }, @@ -10291,15 +8625,15 @@ } }, { - "ID": "1959", + "ID": "1449", "typeID": "__group__", - "zOrder": "214", + "zOrder": "166", "measuredW": "125", "measuredH": "41", "w": "125", "h": "41", - "x": "1065", - "y": "2483", + "x": "1086", + "y": "2191", "properties": { "controlName": "100-server-side-rendering:react-js" }, @@ -10370,15 +8704,15 @@ } }, { - "ID": "1960", + "ID": "1450", "typeID": "__group__", - "zOrder": "215", + "zOrder": "167", "measuredW": "116", "measuredH": "41", "w": "116", "h": "41", - "x": "1227", - "y": "2482", + "x": "1245", + "y": "2146", "properties": { "controlName": "100-server-side-rendering:react-js:next-js" }, @@ -10449,15 +8783,15 @@ } }, { - "ID": "1961", + "ID": "1451", "typeID": "__group__", - "zOrder": "216", + "zOrder": "168", "measuredW": "127", "measuredH": "41", "w": "127", "h": "41", - "x": "1065", - "y": "2532", + "x": "1086", + "y": "2236", "properties": { "controlName": "101-server-side-rendering:angular" }, @@ -10545,15 +8879,15 @@ } }, { - "ID": "1962", + "ID": "1452", "typeID": "__group__", - "zOrder": "217", + "zOrder": "169", "measuredW": "121", "measuredH": "41", "w": "121", "h": "41", - "x": "1224", - "y": "2532", + "x": "1245", + "y": "2236", "properties": { "controlName": "100-server-side-rendering:angular:universal" }, @@ -10641,15 +8975,15 @@ } }, { - "ID": "1963", + "ID": "1453", "typeID": "__group__", - "zOrder": "218", + "zOrder": "170", "measuredW": "127", "measuredH": "41", "w": "127", "h": "41", - "x": "1067", - "y": "2581", + "x": "1088", + "y": "2282", "properties": { "controlName": "102-server-side-rendering:vue-js" }, @@ -10737,15 +9071,15 @@ } }, { - "ID": "1964", + "ID": "1454", "typeID": "__group__", - "zOrder": "219", + "zOrder": "171", "measuredW": "122", "measuredH": "41", "w": "122", "h": "41", - "x": "1222", - "y": "2581", + "x": "1243", + "y": "2282", "properties": { "controlName": "100-server-side-rendering:vue-js:nuxt-js" }, @@ -10833,97 +9167,17 @@ } }, { - "ID": "1965", - "typeID": "__group__", - "zOrder": "220", - "measuredW": "220", - "measuredH": "59", - "w": "220", - "h": "59", - "x": "477", - "y": "2939", - "properties": { - "controlName": "121-mobile-applications" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "210", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "9", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "169", - "measuredW": "150", - "measuredH": "25", - "x": "27", - "y": "22", - "properties": { - "size": "17", - "text": "Mobile Applications" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "196", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "196", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1966", + "ID": "1455", "typeID": "__group__", - "zOrder": "221", - "measuredW": "156", + "zOrder": "172", + "measuredW": "116", "measuredH": "41", - "w": "156", + "w": "116", "h": "41", - "x": "177", - "y": "2864", + "x": "1245", + "y": "2191", "properties": { - "controlName": "100-mobile-applications:react-native" + "controlName": "101-server-side-rendering:react-js:remix" }, "children": { "controls": { @@ -10932,11 +9186,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", + "w": "106", "h": "41", "measuredW": "200", "measuredH": "140", - "x": "9", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -10946,14 +9200,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "100", + "measuredW": "49", "measuredH": "25", - "x": "32", + "x": "28", "y": "8", "properties": { "size": "17", - "text": "React Native" + "text": "Remix" } }, { @@ -10962,8 +9215,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "7", + "x": "92", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -10978,8 +9231,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "7", + "x": "92", + "y": "9", "properties": { "color": "10027263", "icon": { @@ -10993,64 +9246,17 @@ } }, { - "ID": "1967", - "typeID": "__group__", - "zOrder": "222", - "measuredW": "147", - "measuredH": "41", - "w": "147", - "h": "41", - "x": "186", - "y": "3004", - "properties": { - "controlName": "101-mobile-applications:nativescript" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "94", - "measuredH": "25", - "x": "27", - "y": "8", - "properties": { - "text": "NativeScript", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "1968", + "ID": "1456", "typeID": "__group__", - "zOrder": "223", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "176", - "y": "2911", + "zOrder": "173", + "measuredW": "128", + "measuredH": "40", + "w": "128", + "h": "40", + "x": "1088", + "y": "2328", "properties": { - "controlName": "102-mobile-applications:flutter" + "controlName": "103-server-side-rendering:svelte" }, "children": { "controls": { @@ -11059,11 +9265,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", - "h": "41", + "w": "119", + "h": "40", "measuredW": "200", "measuredH": "140", - "x": "10", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -11073,14 +9279,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "53", - "measuredW": "50", + "measuredW": "48", "measuredH": "25", - "x": "57", - "y": "8", + "x": "36", + "y": "7", "properties": { "size": "17", - "text": "Flutter" + "text": "Svelte" } }, { @@ -11089,8 +9294,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "7", + "x": "104", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -11105,10 +9310,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "7", + "x": "104", + "y": "8", "properties": { - "color": "10027263", + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "104", + "y": "8", + "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -11120,17 +9341,17 @@ } }, { - "ID": "1969", + "ID": "1457", "typeID": "__group__", - "zOrder": "224", - "measuredW": "157", + "zOrder": "174", + "measuredW": "122", "measuredH": "41", - "w": "157", + "w": "122", "h": "41", - "x": "1171", - "y": "2980", + "x": "1244", + "y": "2327", "properties": { - "controlName": "105-static-site-generators:hugo" + "controlName": "100-server-side-rendering:svelte:svelte-kit" }, "children": { "controls": { @@ -11139,7 +9360,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", + "w": "111", "h": "41", "measuredW": "200", "measuredH": "140", @@ -11153,14 +9374,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "43", - "measuredW": "42", + "measuredW": "73", "measuredH": "25", - "x": "52", + "x": "17", "y": "8", "properties": { "size": "17", - "text": "Hugo" + "text": "Svelte Kit" } }, { @@ -11169,7 +9389,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "98", "y": "9", "properties": { "color": "16777215", @@ -11185,7 +9405,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "98", "y": "9", "properties": { "color": "16777215", @@ -11201,7 +9421,7 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "98", "y": "9", "properties": { "color": "3700253", @@ -11216,17 +9436,138 @@ } }, { - "ID": "1970", + "ID": "1458", + "typeID": "Arrow", + "zOrder": "10", + "w": "1", + "h": "101", + "measuredW": "150", + "measuredH": "100", + "x": "1149", + "y": "2345", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 100.3367909555227 + }, + "stroke": "dotted" + } + }, + { + "ID": "1459", + "typeID": "Arrow", + "zOrder": "175", + "w": "1", + "h": "264", + "measuredW": "150", + "measuredH": "100", + "x": "1336", + "y": "2444", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.4437541587082094, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 263.44892105965255 + } + } + }, + { + "ID": "1517", + "typeID": "Arrow", + "zOrder": "176", + "w": "112", + "h": "38", + "measuredW": "150", + "measuredH": "100", + "x": "1118", + "y": "2556", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 112.50398196586139, + "y": 0.4821067591024075 + }, + "p1": { + "x": 0.5064432989690714, + "y": -0.10824742268041054 + }, + "p2": { + "x": 0.2446976954972797, + "y": 37.3892687110033 + } + } + }, + { + "ID": "1518", + "typeID": "Arrow", + "zOrder": "177", + "w": "117", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "1109", + "y": "2541", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 116.89058672187377, + "y": 0.1041226124775676 + }, + "p1": { + "x": 0.4835193355826629, + "y": 0.007267064624967576 + }, + "p2": { + "x": 0.017907207522057433, + "y": 0.1041226124775676 + } + } + }, + { + "ID": "1519", "typeID": "__group__", - "zOrder": "225", - "measuredW": "147", + "zOrder": "178", + "measuredW": "175", "measuredH": "41", - "w": "147", + "w": "175", "h": "41", - "x": "186", - "y": "2958", + "x": "962", + "y": "2520", "properties": { - "controlName": "103-mobile-applications:ionic" + "controlName": "100-graphql:apollo" }, "children": { "controls": { @@ -11235,11 +9576,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", + "w": "167", "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -11249,14 +9590,46 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "40", - "measuredW": "38", + "w": "49", + "measuredW": "48", "measuredH": "25", - "x": "54", + "x": "58", "y": "8", "properties": { "size": "17", - "text": "Ionic" + "text": "Apollo" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "9", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "9", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -11264,15 +9637,15 @@ } }, { - "ID": "1971", + "ID": "1520", "typeID": "__group__", - "zOrder": "226", + "zOrder": "179", "measuredW": "152", "measuredH": "50", "w": "152", "h": "50", - "x": "822", - "y": "2813", + "x": "1214", + "y": "2520", "properties": { "controlName": "119-graphql" }, @@ -11343,15 +9716,15 @@ } }, { - "ID": "1972", + "ID": "1521", "typeID": "__group__", - "zOrder": "227", + "zOrder": "180", "measuredW": "175", "measuredH": "41", "w": "175", "h": "41", - "x": "571", - "y": "2860", + "x": "963", + "y": "2567", "properties": { "controlName": "101-graphql:relay-modern" }, @@ -11439,17 +9812,47 @@ } }, { - "ID": "1973", - "typeID": "__group__", - "zOrder": "228", - "measuredW": "238", - "measuredH": "60", - "w": "238", - "h": "60", - "x": "832", - "y": "2263", + "ID": "1528", + "typeID": "Arrow", + "zOrder": "181", + "w": "437", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "318", + "y": "2699", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 437, + "y": 0 + }, + "p1": { + "x": 0.47704880470480404, + "y": 0.005193614908729856 + }, + "p2": { + "x": -0.46812805984393435, + "y": 0 + } + } + }, + { + "ID": "1529", + "typeID": "__group__", + "zOrder": "182", + "measuredW": "247", + "measuredH": "50", + "w": "247", + "h": "50", + "x": "719", + "y": "2675", "properties": { - "controlName": "113-web-components" + "controlName": "117-progressive-web-apps" }, "children": { "controls": { @@ -11458,12 +9861,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "230", + "w": "241", "h": "50", "measuredW": "200", "measuredH": "140", - "x": "0", - "y": "10", + "x": "6", + "y": "0", "properties": { "color": "16776960" } @@ -11472,13 +9875,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "137", + "measuredW": "172", "measuredH": "25", - "x": "44", - "y": "23", + "x": "41", + "y": "12", "properties": { "size": "17", - "text": "Web Components" + "text": "Progressive Web Apps" } }, { @@ -11487,8 +9890,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "214", - "y": "0", + "x": "0", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -11503,8 +9906,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "214", - "y": "0", + "x": "0", + "y": "13", "properties": { "color": "10066329", "icon": { @@ -11518,79 +9921,226 @@ } }, { - "ID": "1974", + "ID": "1530", + "typeID": "Canvas", + "zOrder": "183", + "w": "228", + "h": "428", + "measuredW": "100", + "measuredH": "70", + "x": "157", + "y": "2501" + }, + { + "ID": "1531", "typeID": "__group__", - "zOrder": "229", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "1147", - "y": "2231", + "zOrder": "184", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2629", "properties": { - "controlName": "100-web-components:html-templates" + "controlName": "103-progressive-web-apps:service-workers" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "192", + "measuredW": "147", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457" + "align": "center", + "color": "16776960", + "text": "Service Workers", + "size": "18" } - }, + } + ] + } + } + }, + { + "ID": "1532", + "typeID": "__group__", + "zOrder": "185", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2517", + "properties": { + "controlName": "100-progressive-web-apps:storage" + }, + "children": { + "controls": { + "control": [ { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "132", - "measuredW": "131", - "measuredH": "25", - "x": "30", - "y": "7", + "ID": "0", + "typeID": "TextInput", + "zOrder": "0", + "w": "192", + "measuredW": "78", + "measuredH": "32", + "x": "0", + "y": "0", "properties": { - "size": "17", - "text": "HTML Templates" + "align": "center", + "color": "16776960", + "text": "Storage", + "size": "18" } - }, + } + ] + } + } + }, + { + "ID": "1533", + "typeID": "__group__", + "zOrder": "186", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2667", + "properties": { + "controlName": "104-progressive-web-apps:location" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", + "ID": "0", + "typeID": "TextInput", + "zOrder": "0", + "w": "192", + "measuredW": "84", + "measuredH": "32", + "x": "0", + "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "align": "center", + "color": "16770457", + "text": "Location", + "size": "18" } - }, + } + ] + } + } + }, + { + "ID": "1534", + "typeID": "__group__", + "zOrder": "187", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2704", + "properties": { + "controlName": "105-progressive-web-apps:notifications" + }, + "children": { + "controls": { + "control": [ { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", + "ID": "0", + "typeID": "TextInput", + "zOrder": "0", + "w": "192", + "measuredW": "115", + "measuredH": "32", + "x": "0", + "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16770457", + "text": "Notifications", + "size": "18" + } + } + ] + } + } + }, + { + "ID": "1535", + "typeID": "__group__", + "zOrder": "188", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2742", + "properties": { + "controlName": "106-progressive-web-apps:device-orientation" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextInput", + "zOrder": "0", + "w": "192", + "measuredW": "167", + "measuredH": "32", + "x": "0", + "y": "0", + "properties": { + "align": "center", + "color": "16770457", + "text": "Device Orientation", + "size": "18" + } + } + ] + } + } + }, + { + "ID": "1536", + "typeID": "__group__", + "zOrder": "189", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2779", + "properties": { + "controlName": "107-progressive-web-apps:payments" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextInput", + "zOrder": "0", + "w": "192", + "measuredW": "94", + "measuredH": "32", + "x": "0", + "y": "0", + "properties": { + "align": "center", + "color": "16770457", + "text": "Payments", + "size": "18" } } ] @@ -11598,79 +10148,35 @@ } }, { - "ID": "1975", + "ID": "1537", "typeID": "__group__", - "zOrder": "230", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "1147", - "y": "2277", + "zOrder": "190", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2817", "properties": { - "controlName": "101-web-components:custom-elements" + "controlName": "108-progressive-web-apps:credentials" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "192", + "measuredW": "108", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "139", - "measuredW": "136", - "measuredH": "25", - "x": "30", - "y": "7", - "properties": { - "size": "17", - "text": "Custom Elements" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16770457", + "text": "Credentials", + "size": "18" } } ] @@ -11678,79 +10184,35 @@ } }, { - "ID": "1976", + "ID": "1538", "typeID": "__group__", - "zOrder": "231", - "measuredW": "199", - "measuredH": "40", - "w": "199", - "h": "40", - "x": "1147", - "y": "2322", + "zOrder": "191", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2554", "properties": { - "controlName": "102-web-components:shadow-dom" + "controlName": "101-progressive-web-apps:web-sockets" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "190", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "192", + "measuredW": "120", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "105", - "measuredW": "105", - "measuredH": "25", - "x": "38", - "y": "7", - "properties": { - "size": "17", - "text": "Shadow DOM" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "175", - "y": "8", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16776960", + "text": "Web Sockets", + "size": "18" } } ] @@ -11758,79 +10220,95 @@ } }, { - "ID": "1977", - "typeID": "__group__", - "zOrder": "232", - "measuredW": "156", - "measuredH": "43", + "ID": "1539", + "typeID": "Label", + "zOrder": "192", "w": "156", - "h": "43", - "x": "189", - "y": "1423", + "measuredW": "151", + "measuredH": "25", + "x": "193", + "y": "2862", "properties": { - "controlName": "101-css-preprocessors:postcss" + "size": "17", + "text": "Learn different Web" + } + }, + { + "ID": "1540", + "typeID": "Label", + "zOrder": "193", + "w": "148", + "measuredW": "143", + "measuredH": "25", + "x": "197", + "y": "2888", + "properties": { + "size": "17", + "text": "APIs used in PWAs" + } + }, + { + "ID": "1541", + "typeID": "Icon", + "zOrder": "194", + "measuredW": "24", + "measuredH": "24", + "x": "148", + "y": "2510", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1542", + "typeID": "Icon", + "zOrder": "195", + "measuredW": "24", + "measuredH": "24", + "x": "148", + "y": "2510", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "1543", + "typeID": "__group__", + "zOrder": "196", + "measuredW": "192", + "measuredH": "32", + "w": "192", + "h": "32", + "x": "175", + "y": "2592", + "properties": { + "controlName": "102-progressive-web-apps:server-sent-events" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "146", - "h": "43", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "74", - "measuredW": "66", - "measuredH": "25", - "x": "49", - "y": "9", - "properties": { - "size": "17", - "text": "PostCSS" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "10", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", + "w": "192", + "measuredW": "170", + "measuredH": "32", "x": "0", - "y": "10", + "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16776960", + "text": "Server Sent Events", + "size": "18" } } ] @@ -11838,79 +10316,46 @@ } }, { - "ID": "1978", + "ID": "1544", + "typeID": "Canvas", + "zOrder": "197", + "w": "262", + "h": "281", + "measuredW": "100", + "measuredH": "70", + "x": "409", + "y": "2499" + }, + { + "ID": "1545", "typeID": "__group__", - "zOrder": "233", - "measuredW": "156", - "measuredH": "41", - "w": "156", - "h": "41", - "x": "189", - "y": "1376", + "zOrder": "198", + "measuredW": "225", + "measuredH": "32", + "w": "225", + "h": "32", + "x": "429", + "y": "2518", "properties": { - "controlName": "100-css-preprocessors:sass" + "controlName": "109-progressive-web-apps:prpl-pattern" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "146", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "46", - "measuredW": "37", - "measuredH": "25", - "x": "60", - "y": "8", - "properties": { - "size": "17", - "text": "Sass" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", + "w": "225", + "measuredW": "124", + "measuredH": "32", "x": "0", - "y": "9", + "y": "0", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16776960", + "size": "18", + "text": "PRPL Pattern" } } ] @@ -11918,95 +10363,35 @@ } }, { - "ID": "1979", + "ID": "1546", "typeID": "__group__", - "zOrder": "234", - "measuredW": "212", - "measuredH": "40", - "w": "212", - "h": "40", - "x": "849", - "y": "1894", + "zOrder": "199", + "measuredW": "225", + "measuredH": "32", + "w": "225", + "h": "32", + "x": "429", + "y": "2556", "properties": { - "controlName": "102-modern-css:styled-jsx" + "controlName": "110-progressive-web-apps:rail-model" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "201", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "225", + "measuredW": "110", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "90", - "measuredW": "80", - "measuredH": "25", - "x": "56", - "y": "7", - "properties": { - "size": "17", - "text": "Styled JSX" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "188", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "188", - "y": "8", - "properties": { - "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" - } + "align": "center", + "color": "16776960", + "size": "18", + "text": "RAIL Model" } } ] @@ -12014,92 +10399,35 @@ } }, { - "ID": "1980", + "ID": "1547", "typeID": "__group__", - "zOrder": "235", - "measuredW": "159", - "measuredH": "40", - "w": "159", - "h": "40", - "x": "1123", - "y": "1642", + "zOrder": "200", + "measuredW": "225", + "measuredH": "32", + "w": "225", + "h": "32", + "x": "429", + "y": "2594", "properties": { - "controlName": "101-build-tools:module-bundlers:esbuild" + "controlName": "111-progressive-web-apps:performance-metrics" }, "children": { "controls": { "control": [ { - "ID": "1", - "typeID": "Label", + "ID": "0", + "typeID": "TextInput", "zOrder": "0", - "w": "72", - "measuredW": "72", - "measuredH": "25", - "x": "52", - "y": "7", - "properties": { - "size": "17", - "text": "Webpack" - } - }, - { - "ID": "2", - "typeID": "TextArea", - "zOrder": "1", - "w": "149", - "h": "40", - "measuredW": "200", - "measuredH": "140", + "w": "225", + "measuredW": "185", + "measuredH": "32", "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "2", - "measuredW": "55", - "measuredH": "25", - "x": "50", - "y": "7", - "properties": { - "size": "17", - "text": "esbuild" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "8", + "y": "0", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "align": "center", + "color": "16776960", + "size": "18", + "text": "Performance Metrics" } } ] @@ -12107,108 +10435,35 @@ } }, { - "ID": "1981", + "ID": "1548", "typeID": "__group__", - "zOrder": "236", - "measuredW": "159", - "measuredH": "40", - "w": "159", - "h": "40", - "x": "1123", - "y": "1597", + "zOrder": "201", + "measuredW": "225", + "measuredH": "32", + "w": "225", + "h": "32", + "x": "429", + "y": "2631", "properties": { - "controlName": "104-build-tools:module-bundlers:vite" + "controlName": "112-progressive-web-apps:lighthouse" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Label", + "typeID": "TextInput", "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", + "w": "225", + "measuredW": "156", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "30", - "measuredH": "25", - "x": "53", - "y": "7", - "properties": { - "size": "17", - "text": "Vite" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "135", - "y": "7", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" + "align": "center", + "color": "16776960", + "size": "18", + "text": "Using Lighthouse" } } ] @@ -12216,80 +10471,144 @@ } }, { - "ID": "1982", + "ID": "1549", "typeID": "__group__", - "zOrder": "237", - "measuredW": "157", - "measuredH": "41", - "w": "157", - "h": "41", - "x": "1172", - "y": "2705", + "zOrder": "202", + "measuredW": "225", + "measuredH": "32", + "w": "225", + "h": "32", + "x": "429", + "y": "2669", "properties": { - "controlName": "107-static-site-generators:eleventy" + "controlName": "113-progressive-web-apps:browser-devtools" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "TextInput", "zOrder": "0", - "w": "147", - "h": "41", - "measuredW": "200", - "measuredH": "140", + "w": "225", + "measuredW": "141", + "measuredH": "32", "x": "0", "y": "0", "properties": { - "color": "16770457", "align": "center", - "size": "17" - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960", + "size": "18", + "text": "Using DevTools" } - }, + } + ] + } + } + }, + { + "ID": "1550", + "typeID": "Label", + "zOrder": "203", + "w": "185", + "measuredW": "176", + "measuredH": "25", + "x": "449", + "y": "2714", + "properties": { + "size": "17", + "text": "Calculating, Measuring" + } + }, + { + "ID": "1551", + "typeID": "Label", + "zOrder": "204", + "w": "224", + "measuredW": "212", + "measuredH": "25", + "x": "429", + "y": "2741", + "properties": { + "size": "17", + "text": "and improving performance" + } + }, + { + "ID": "1552", + "typeID": "Icon", + "zOrder": "205", + "measuredW": "24", + "measuredH": "24", + "x": "402", + "y": "2510", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1553", + "typeID": "Icon", + "zOrder": "206", + "measuredW": "24", + "measuredH": "24", + "x": "402", + "y": "2510", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "1554", + "typeID": "__group__", + "zOrder": "207", + "measuredW": "262", + "measuredH": "47", + "w": "262", + "h": "47", + "x": "409", + "y": "2785", + "properties": { + "controlName": "ext_link:roadmap.sh/best-practices/frontend-performance" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "133", - "y": "9", + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "262", + "h": "47", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" + "color": "4273622", + "borderColor": "4273622" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "3", - "measuredW": "66", + "zOrder": "1", + "measuredW": "216", "measuredH": "25", - "x": "41", - "y": "8", + "x": "23", + "y": "11", "properties": { - "text": "Eleventy", - "size": "17" + "size": "17", + "text": "Performance Best Practices", + "color": "16777215" } } ] @@ -12297,17 +10616,17 @@ } }, { - "ID": "1983", + "ID": "1555", "typeID": "__group__", - "zOrder": "238", - "measuredW": "158", - "measuredH": "49", - "w": "158", - "h": "49", - "x": "193", - "y": "1261", + "zOrder": "208", + "measuredW": "327", + "measuredH": "50", + "w": "327", + "h": "50", + "x": "1039", + "y": "2679", "properties": { - "controlName": "102-package-managers:pnpm" + "controlName": "120-static-site-generators" }, "children": { "controls": { @@ -12316,27 +10635,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "151", - "h": "49", + "w": "319", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "44", + "measuredW": "169", "measuredH": "25", - "x": "61", + "x": "75", "y": "12", "properties": { "size": "17", - "text": "pnpm" + "text": "Static Site Generators" } }, { @@ -12345,7 +10664,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "303", "y": "13", "properties": { "color": "16777215", @@ -12361,14 +10680,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "303", "y": "13", "properties": { + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -12376,17 +10695,17 @@ } }, { - "ID": "1984", + "ID": "1557", "typeID": "__group__", - "zOrder": "239", - "measuredW": "152", - "measuredH": "40", - "w": "152", - "h": "40", - "x": "191", - "y": "1647", + "zOrder": "209", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1202", + "y": "2855", "properties": { - "controlName": "103-pick-a-framework:svelte" + "controlName": "100-static-site-generators:next-js" }, "children": { "controls": { @@ -12395,11 +10714,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" @@ -12409,13 +10728,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "48", + "w": "58", + "measuredW": "52", "measuredH": "25", - "x": "58", - "y": "7", + "x": "45", + "y": "8", "properties": { "size": "17", - "text": "Svelte" + "text": "Next.js" } }, { @@ -12424,8 +10744,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "8", + "x": "133", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12440,30 +10760,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": "3700253" } } ] @@ -12471,17 +10775,17 @@ } }, { - "ID": "1985", + "ID": "1558", "typeID": "__group__", - "zOrder": "240", - "measuredW": "152", - "measuredH": "40", - "w": "152", - "h": "40", - "x": "191", - "y": "1693", + "zOrder": "210", + "measuredW": "156", + "measuredH": "41", + "w": "156", + "h": "41", + "x": "1038", + "y": "2902", "properties": { - "controlName": "104-pick-a-framework:solid-js" + "controlName": "102-static-site-generators:nuxt-js" }, "children": { "controls": { @@ -12490,11 +10794,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "40", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "9", "y": "0", "properties": { "color": "16770457" @@ -12504,13 +10808,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "61", + "w": "56", + "measuredW": "52", "measuredH": "25", - "x": "58", - "y": "7", + "x": "55", + "y": "8", "properties": { "size": "17", - "text": "Solid JS" + "text": "Nuxt.js" } }, { @@ -12520,7 +10825,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12536,7 +10841,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12552,7 +10857,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "9", "properties": { "color": "3700253", "icon": { @@ -12566,17 +10871,17 @@ } }, { - "ID": "1986", + "ID": "1559", "typeID": "__group__", - "zOrder": "241", - "measuredW": "204", - "measuredH": "39", - "w": "204", - "h": "39", - "x": "1122", - "y": "2051", + "zOrder": "211", + "measuredW": "156", + "measuredH": "41", + "w": "156", + "h": "41", + "x": "1038", + "y": "2765", "properties": { - "controlName": "104-testing-your-apps:playwright" + "controlName": "103-static-site-generators:vuepress" }, "children": { "controls": { @@ -12585,27 +10890,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "197", - "h": "39", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "9", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "78", + "w": "76", + "measuredW": "72", "measuredH": "25", - "x": "60", - "y": "7", + "x": "49", + "y": "8", "properties": { "size": "17", - "text": "Playwright" + "text": "Vuepress" } }, { @@ -12614,8 +10920,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "180", - "y": "8", + "x": "0", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12630,10 +10936,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "180", - "y": "8", + "x": "0", + "y": "9", "properties": { - "color": "10027263", + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "9", + "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -12645,17 +10967,17 @@ } }, { - "ID": "1987", + "ID": "1560", "typeID": "__group__", - "zOrder": "242", - "measuredW": "116", + "zOrder": "212", + "measuredW": "156", "measuredH": "41", - "w": "116", + "w": "156", "h": "41", - "x": "1227", - "y": "2435", + "x": "1038", + "y": "2811", "properties": { - "controlName": "101-server-side-rendering:react-js:remix" + "controlName": "104-static-site-generators:jekyll" }, "children": { "controls": { @@ -12664,11 +10986,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "106", + "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "9", "y": "0", "properties": { "color": "16770457" @@ -12678,13 +11000,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "49", + "w": "49", + "measuredW": "43", "measuredH": "25", - "x": "28", + "x": "61", "y": "8", "properties": { "size": "17", - "text": "Remix" + "text": "Jekyll" } }, { @@ -12693,7 +11016,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "92", + "x": "0", "y": "9", "properties": { "color": "16777215", @@ -12709,10 +11032,26 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "92", + "x": "0", "y": "9", "properties": { - "color": "10027263", + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "9", + "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -12724,17 +11063,17 @@ } }, { - "ID": "1988", + "ID": "1561", "typeID": "__group__", - "zOrder": "243", - "measuredW": "159", + "zOrder": "213", + "measuredW": "156", "measuredH": "41", - "w": "159", + "w": "156", "h": "41", - "x": "1171", - "y": "3074", + "x": "1038", + "y": "2857", "properties": { - "controlName": "103-static-site-generators:remix" + "controlName": "105-static-site-generators:hugo" }, "children": { "controls": { @@ -12743,11 +11082,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "148", + "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "9", "y": "0", "properties": { "color": "16770457" @@ -12757,13 +11096,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "49", + "w": "43", + "measuredW": "42", "measuredH": "25", - "x": "49", + "x": "61", "y": "8", "properties": { "size": "17", - "text": "Remix" + "text": "Hugo" } }, { @@ -12772,7 +11112,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "135", + "x": "0", "y": "9", "properties": { "color": "16777215", @@ -12788,14 +11128,30 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "135", + "x": "0", + "y": "9", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", "y": "9", "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -12803,17 +11159,17 @@ } }, { - "ID": "1989", + "ID": "1562", "typeID": "__group__", - "zOrder": "244", - "measuredW": "196", + "zOrder": "214", + "measuredW": "157", "measuredH": "41", - "w": "196", + "w": "157", "h": "41", - "x": "795", - "y": "3106", + "x": "1201", + "y": "2810", "properties": { - "controlName": "102-desktop-applications:flutter" + "controlName": "107-static-site-generators:eleventy" }, "children": { "controls": { @@ -12822,37 +11178,26 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "188", + "w": "147", "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16770457", + "align": "center", + "size": "17" } }, { "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "50", - "measuredH": "25", - "x": "69", - "y": "8", - "properties": { - "size": "17", - "text": "Flutter" - } - }, - { - "ID": "2", "typeID": "Icon", - "zOrder": "2", + "zOrder": "1", "measuredW": "24", "measuredH": "24", - "x": "172", - "y": "8", + "x": "133", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -12862,19 +11207,32 @@ } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "172", - "y": "8", + "x": "133", + "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, - "color": "40463" + "color": "3700253" + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "66", + "measuredH": "25", + "x": "41", + "y": "8", + "properties": { + "text": "Eleventy", + "size": "17" } } ] @@ -12882,17 +11240,17 @@ } }, { - "ID": "1990", + "ID": "1563", "typeID": "__group__", - "zOrder": "245", - "measuredW": "157", + "zOrder": "215", + "measuredW": "159", "measuredH": "41", - "w": "157", + "w": "159", "h": "41", - "x": "1173", - "y": "2750", + "x": "1200", + "y": "2901", "properties": { - "controlName": "106-static-site-generators:astro" + "controlName": "103-static-site-generators:remix" }, "children": { "controls": { @@ -12901,7 +11259,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "147", + "w": "148", "h": "41", "measuredW": "200", "measuredH": "140", @@ -12915,13 +11273,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "39", + "measuredW": "49", "measuredH": "25", - "x": "54", + "x": "49", "y": "8", "properties": { "size": "17", - "text": "Astro" + "text": "Remix" } }, { @@ -12930,7 +11288,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "135", "y": "9", "properties": { "color": "16777215", @@ -12946,14 +11304,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "133", + "x": "135", "y": "9", "properties": { "icon": { "ID": "check-circle", "size": "small" }, - "color": "10027263" + "color": "3700253" } } ] @@ -12961,17 +11319,17 @@ } }, { - "ID": "1991", + "ID": "1564", "typeID": "__group__", - "zOrder": "246", - "measuredW": "128", - "measuredH": "40", - "w": "128", - "h": "40", - "x": "1067", - "y": "2631", + "zOrder": "216", + "measuredW": "157", + "measuredH": "41", + "w": "157", + "h": "41", + "x": "1202", + "y": "2765", "properties": { - "controlName": "103-server-side-rendering:svelte" + "controlName": "106-static-site-generators:astro" }, "children": { "controls": { @@ -12980,8 +11338,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "119", - "h": "40", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", @@ -12994,13 +11352,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "48", + "measuredW": "39", "measuredH": "25", - "x": "36", - "y": "7", + "x": "54", + "y": "8", "properties": { "size": "17", - "text": "Svelte" + "text": "Astro" } }, { @@ -13009,8 +11367,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "104", - "y": "8", + "x": "133", + "y": "9", "properties": { "color": "16777215", "icon": { @@ -13025,30 +11383,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "104", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "104", - "y": "8", + "x": "133", + "y": "9", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -13056,17 +11398,139 @@ } }, { - "ID": "1992", + "ID": "1565", + "typeID": "Arrow", + "zOrder": "9", + "w": "1", + "h": "84", + "measuredW": "150", + "measuredH": "100", + "x": "1122", + "y": "2699", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 83.29426382933025 + } + } + }, + { + "ID": "1566", + "typeID": "Arrow", + "zOrder": "8", + "w": "1", + "h": "84", + "measuredW": "150", + "measuredH": "100", + "x": "1262", + "y": "2695", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": -0.2281640414580579 + }, + "p1": { + "x": 0.4437541587082091, + "y": -0.00008705358532379575 + }, + "p2": { + "x": 0, + "y": 83.29426382933025 + } + } + }, + { + "ID": "1567", + "typeID": "Arrow", + "zOrder": "7", + "w": "338", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "786", + "y": "2702", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.20151361539910795, + "y": 0 + }, + "p1": { + "x": 0.4446546885461914, + "y": 0.0007404118850237803 + }, + "p2": { + "x": 338.63262874785573, + "y": 0 + } + } + }, + { + "ID": "1568", + "typeID": "Arrow", + "zOrder": "6", + "w": "1", + "h": "338", + "measuredW": "150", + "measuredH": "100", + "x": "845", + "y": "2699", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379579 + }, + "p2": { + "x": 0, + "y": 337.7684292462354 + } + } + }, + { + "ID": "1573", "typeID": "__group__", - "zOrder": "247", - "measuredW": "122", - "measuredH": "41", - "w": "122", - "h": "41", - "x": "1223", - "y": "2630", + "zOrder": "217", + "measuredW": "220", + "measuredH": "50", + "w": "220", + "h": "50", + "x": "1141", + "y": "3024", "properties": { - "controlName": "100-server-side-rendering:svelte:svelte-kit" + "controlName": "121-mobile-applications" }, "children": { "controls": { @@ -13075,27 +11539,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "111", - "h": "41", + "w": "210", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "73", + "measuredW": "150", "measuredH": "25", - "x": "17", - "y": "8", + "x": "30", + "y": "12", "properties": { - "size": "17", - "text": "Svelte Kit" + "text": "Mobile Applications", + "size": "17" } }, { @@ -13104,8 +11568,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "98", - "y": "9", + "x": "196", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -13120,26 +11584,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "98", - "y": "9", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "98", - "y": "9", + "x": "196", + "y": "13", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -13151,17 +11599,17 @@ } }, { - "ID": "1993", + "ID": "1574", "typeID": "__group__", - "zOrder": "248", - "measuredW": "411", - "measuredH": "87", - "w": "411", - "h": "87", - "x": "176", - "y": "2245", + "zOrder": "218", + "measuredW": "160", + "measuredH": "41", + "w": "160", + "h": "41", + "x": "1195", + "y": "3111", "properties": { - "controlName": "116-auth-strategies" + "controlName": "100-mobile-applications:react-native" }, "children": { "controls": { @@ -13170,27 +11618,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "401", - "h": "87", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "10", + "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "227", - "measuredH": "28", - "x": "97", - "y": "16", + "w": "101", + "measuredW": "100", + "measuredH": "25", + "x": "23", + "y": "8", "properties": { - "size": "20", - "text": "Authentication Strategies" + "size": "17", + "text": "React Native" } }, { @@ -13199,8 +11648,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "34", + "x": "136", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -13215,27 +11664,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "34", + "x": "136", + "y": "7", "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" + } } } ] @@ -13243,17 +11679,17 @@ } }, { - "ID": "1994", + "ID": "1575", "typeID": "__group__", - "zOrder": "249", - "measuredW": "333", - "measuredH": "228", - "w": "333", - "h": "228", - "x": "196", - "y": "1844", + "zOrder": "219", + "measuredW": "158", + "measuredH": "41", + "w": "158", + "h": "41", + "x": "1195", + "y": "3244", "properties": { - "controlName": "114-css-frameworks:js-first" + "controlName": "101-mobile-applications:nativescript" }, "children": { "controls": { @@ -13262,37 +11698,59 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "333", - "h": "228", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", - "y": "0" + "y": "0", + "properties": { + "color": "16770457" + } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "263", - "measuredH": "24", - "x": "19", - "y": "163", + "measuredW": "94", + "measuredH": "25", + "x": "27", + "y": "8", "properties": { - "size": "16", - "text": "JS based and better to use with your" + "text": "NativeScript", + "size": "17" } }, { "ID": "2", - "typeID": "Label", + "typeID": "Icon", "zOrder": "2", - "measuredW": "247", + "measuredW": "24", "measuredH": "24", - "x": "19", - "y": "189", + "x": "134", + "y": "8", "properties": { - "size": "16", - "text": "framework based JavaScript apps." + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "134", + "y": "8", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" } } ] @@ -13300,17 +11758,17 @@ } }, { - "ID": "1995", + "ID": "1576", "typeID": "__group__", - "zOrder": "250", - "measuredW": "145", - "measuredH": "40", - "w": "145", - "h": "40", - "x": "372", - "y": "1860", + "zOrder": "220", + "measuredW": "160", + "measuredH": "41", + "w": "160", + "h": "41", + "x": "1195", + "y": "3155", "properties": { - "controlName": "100-css-frameworks:js-first:tailwind-css" + "controlName": "102-mobile-applications:flutter" }, "children": { "controls": { @@ -13319,27 +11777,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "136", - "h": "40", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "61", + "w": "53", + "measuredW": "50", "measuredH": "25", - "x": "37", - "y": "7", + "x": "47", + "y": "8", "properties": { "size": "17", - "text": "Tailwind" + "text": "Flutter" } }, { @@ -13348,8 +11807,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "121", - "y": "8", + "x": "136", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -13364,30 +11823,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", - "y": "8", + "x": "136", + "y": "7", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -13395,17 +11838,17 @@ } }, { - "ID": "1996", + "ID": "1577", "typeID": "__group__", - "zOrder": "251", - "measuredW": "150", - "measuredH": "37", - "w": "150", - "h": "37", - "x": "372", - "y": "1907", + "zOrder": "221", + "measuredW": "156", + "measuredH": "41", + "w": "156", + "h": "41", + "x": "1195", + "y": "3199", "properties": { - "controlName": "102-css-frameworks:js-first:material-ui" + "controlName": "103-mobile-applications:ionic" }, "children": { "controls": { @@ -13414,27 +11857,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "137", - "h": "37", + "w": "147", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "86", + "w": "40", + "measuredW": "38", "measuredH": "25", - "x": "26", - "y": "6", + "x": "54", + "y": "8", "properties": { "size": "17", - "text": "Material UI" + "text": "Ionic" } }, { @@ -13443,8 +11887,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "126", - "y": "7", + "x": "132", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -13459,30 +11903,14 @@ "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", - "y": "7", + "x": "132", + "y": "8", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -13490,17 +11918,17 @@ } }, { - "ID": "1997", + "ID": "1581", "typeID": "__group__", - "zOrder": "252", - "measuredW": "157", - "measuredH": "39", - "w": "157", - "h": "39", - "x": "208", - "y": "1861", + "zOrder": "222", + "measuredW": "248", + "measuredH": "50", + "w": "248", + "h": "50", + "x": "426", + "y": "3034", "properties": { - "controlName": "104-css-frameworks:js-first:mantine" + "controlName": "122-desktop-applications" }, "children": { "controls": { @@ -13509,11 +11937,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "149", - "h": "39", + "w": "241", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "7", "y": "0", "properties": { "color": "16776960" @@ -13523,13 +11951,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "63", + "measuredW": "162", "measuredH": "25", - "x": "51", - "y": "7", + "x": "47", + "y": "12", "properties": { "size": "17", - "text": "Mantine" + "text": "Desktop Applications" } }, { @@ -13539,7 +11967,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -13555,25 +11983,9 @@ "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", + "y": "13", "properties": { - "color": "3700253", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -13585,17 +11997,17 @@ } }, { - "ID": "1998", + "ID": "1582", "typeID": "__group__", - "zOrder": "253", - "measuredW": "149", - "measuredH": "37", - "w": "149", - "h": "37", - "x": "372", - "y": "1952", + "zOrder": "223", + "measuredW": "198", + "measuredH": "41", + "w": "198", + "h": "41", + "x": "445", + "y": "2867", "properties": { - "controlName": "103-css-frameworks:js-first:radix-ui" + "controlName": "100-desktop-applications:electron" }, "children": { "controls": { @@ -13604,27 +12016,28 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "139", - "h": "37", + "w": "188", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "10", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "66", + "w": "69", + "measuredW": "65", "measuredH": "25", - "x": "34", - "y": "6", + "x": "73", + "y": "8", "properties": { "size": "17", - "text": "Radix UI" + "text": "Electron" } }, { @@ -13633,7 +12046,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "125", + "x": "0", "y": "7", "properties": { "color": "16777215", @@ -13649,26 +12062,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "125", - "y": "7", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "125", + "x": "0", "y": "7", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -13680,17 +12077,17 @@ } }, { - "ID": "1999", + "ID": "1583", "typeID": "__group__", - "zOrder": "254", - "measuredW": "161", - "measuredH": "39", - "w": "161", - "h": "39", - "x": "204", - "y": "1906", + "zOrder": "224", + "measuredW": "196", + "measuredH": "41", + "w": "196", + "h": "41", + "x": "447", + "y": "2913", "properties": { - "controlName": "101-css-frameworks:js-first:chakra-ui" + "controlName": "101-desktop-applications:tauri" }, "children": { "controls": { @@ -13699,27 +12096,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "152", - "h": "39", + "w": "188", + "h": "41", "measuredW": "200", "measuredH": "140", - "x": "9", + "x": "8", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "78", + "measuredW": "38", "measuredH": "25", - "x": "44", + "x": "83", "y": "8", "properties": { "size": "17", - "text": "Chakra UI" + "text": "Tauri" } }, { @@ -13747,27 +12144,11 @@ "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": "3700253" } } ] @@ -13775,17 +12156,17 @@ } }, { - "ID": "2000", + "ID": "1584", "typeID": "__group__", - "zOrder": "255", - "measuredW": "161", - "measuredH": "39", - "w": "161", - "h": "39", - "x": "205", - "y": "1951", + "zOrder": "225", + "measuredW": "197", + "measuredH": "41", + "w": "197", + "h": "41", + "x": "446", + "y": "2959", "properties": { - "controlName": "105-css-frameworks:js-first:daisy-ui" + "controlName": "102-desktop-applications:flutter" }, "children": { "controls": { @@ -13794,27 +12175,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "152", - "h": "39", + "w": "188", + "h": "41", "measuredW": "200", "measuredH": "140", "x": "9", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "60", + "measuredW": "50", "measuredH": "25", - "x": "55", + "x": "78", "y": "8", "properties": { "size": "17", - "text": "DaisyUI" + "text": "Flutter" } }, { @@ -13842,27 +12223,11 @@ "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": "3700253" } } ] @@ -13870,24 +12235,203 @@ } }, { - "ID": "2005", + "ID": "1592", + "typeID": "Arrow", + "zOrder": "5", + "w": "313", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "845", + "y": "3040", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.42695876357902307, + "y": 0 + }, + "p1": { + "x": 0.44465468854619133, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 313.63262874785573, + "y": 0 + } + } + }, + { + "ID": "1593", + "typeID": "Arrow", + "zOrder": "4", + "w": "1", + "h": "79", + "measuredW": "150", + "measuredH": "100", + "x": "1264", + "y": "3052", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.38832686773321257 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 79.76842924623543 + }, + "stroke": "dotted" + } + }, + { + "ID": "1594", + "typeID": "Arrow", + "zOrder": "3", + "w": "528", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "620", + "y": "3058", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.2401013869829285, + "y": 0 + }, + "p1": { + "x": 0.4446546885461913, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 528.6326287478557, + "y": 0 + } + } + }, + { + "ID": "1595", + "typeID": "Arrow", + "zOrder": "2", + "w": "1", + "h": "79", + "measuredW": "150", + "measuredH": "100", + "x": "552", + "y": "2980", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0.38832686773321257 + }, + "p1": { + "x": 0.44375415870820933, + "y": -0.00008705358532379577 + }, + "p2": { + "x": 0, + "y": 79.76842924623543 + }, + "stroke": "dotted" + } + }, + { + "ID": "1596", + "typeID": "Arrow", + "zOrder": "1", + "w": "282", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "238", + "y": "3060", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 282, + "y": -0.18256012290817125 + }, + "p1": { + "x": 0.4437541587082094, + "y": -0.00008705358532379595 + }, + "p2": { + "x": 0.14157583571557097, + "y": -0.18256012290839863 + } + } + }, + { + "ID": "1598", "typeID": "Arrow", - "zOrder": "260", + "zOrder": "0", "w": "1", - "h": "67", + "h": "112", "measuredW": "150", "measuredH": "100", - "x": "1048", - "y": "3560", + "x": "270", + "y": "3061", "properties": { + "color": "2848996", "curvature": "0", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", - "color": "16777215", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.5232912494558118, + "y": 0.0013060513713539393 + }, + "p2": { + "x": 0, + "y": 111.79170436678032 + } + } + }, + { + "ID": "1599", + "typeID": "Arrow", + "zOrder": "229", + "w": "2", + "h": "89", + "measuredW": "150", + "measuredH": "100", + "x": "843", + "y": "3349", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", "p0": { "x": 1, - "y": 67.09090909090901 + "y": 88 }, "p1": { "x": 0.4072427393330943, @@ -13896,52 +12440,84 @@ "p2": { "x": 1, "y": 0 - } + }, + "rightArrow": "false", + "stroke": "dotted" } - }, - { - "ID": "2006", - "typeID": "__group__", - "zOrder": "261", - "measuredW": "262", - "measuredH": "47", - "w": "262", - "h": "47", - "x": "435", - "y": "2740", + }, + { + "ID": "1600", + "typeID": "__group__", + "zOrder": "226", + "measuredW": "221", + "measuredH": "50", + "w": "221", + "h": "50", + "x": "149", + "y": "3034", "properties": { - "controlName": "ext_link:roadmap.sh/best-practices/frontend-performance" + "controlName": "123-bonus-content" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "262", - "h": "47", - "measuredW": "100", - "measuredH": "70", - "x": "0", + "w": "210", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "11", "y": "0", "properties": { - "color": "4273622", - "borderColor": "4273622" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "216", + "measuredW": "115", "measuredH": "25", - "x": "23", - "y": "11", + "x": "58", + "y": "12", "properties": { "size": "17", - "text": "Performance Best Practices", - "color": "16777215" + "text": "Bonus Content" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -13949,39 +12525,39 @@ } }, { - "ID": "2013", + "ID": "1601", "typeID": "TextArea", - "zOrder": "256", + "zOrder": "230", "w": "438", "h": "118", "measuredW": "200", "measuredH": "140", - "x": "391", - "y": "3403" + "x": "650", + "y": "3262" }, { - "ID": "2014", + "ID": "1602", "typeID": "Label", - "zOrder": "257", + "zOrder": "231", "measuredW": "366", "measuredH": "25", - "x": "427", - "y": "3422", + "x": "686", + "y": "3281", "properties": { "size": "17", "text": "Continue Learning with following relevant tracks" } }, { - "ID": "2015", + "ID": "1603", "typeID": "__group__", - "zOrder": "258", + "zOrder": "232", "measuredW": "198", "measuredH": "44", "w": "198", "h": "44", - "x": "614", - "y": "3459", + "x": "873", + "y": "3318", "properties": { "controlName": "ext_link:roadmap.sh/nodejs" }, @@ -14020,15 +12596,15 @@ } }, { - "ID": "2016", + "ID": "1604", "typeID": "__group__", - "zOrder": "259", + "zOrder": "233", "measuredW": "198", "measuredH": "44", "w": "198", "h": "44", - "x": "406", - "y": "3459", + "x": "665", + "y": "3318", "properties": { "controlName": "ext_link:roadmap.sh/typescript" }, @@ -14067,157 +12643,108 @@ } }, { - "ID": "2017", - "typeID": "__group__", - "zOrder": "99", - "measuredW": "324", - "measuredH": "195", - "w": "324", - "h": "195", - "x": "993", - "y": "191", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "324", - "h": "195", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "283", - "measuredH": "26", - "x": "18", - "y": "19", - "properties": { - "size": "18", - "text": "For resources and other roadmaps" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "172", - "measuredH": "28", - "w": "172", - "h": "28", - "x": "18", - "y": "52", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "2", - "typeID": "Label", - "zOrder": "0", - "measuredW": "172", - "measuredH": "28", - "x": "0", - "y": "0", - "properties": { - "size": "20", - "text": "https://roadmap.sh", - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "3", - "measuredW": "282", - "measuredH": "47", - "w": "282", - "h": "47", - "x": "18", - "y": "127", - "properties": { - "controlName": "json:frontend-beginner.json" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "282", - "h": "47", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "210", - "measuredH": "26", - "x": "36", - "y": "11", - "properties": { - "color": "16777215", - "size": "18", - "text": "Visit the Beginner Version" - } - } - ] - } - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "227", - "measuredH": "26", - "x": "18", - "y": "92", - "properties": { - "color": "4985136", - "size": "18", - "text": "Are you just getting started?" - } - } - ] + "ID": "1605", + "typeID": "Arrow", + "zOrder": "227", + "w": "573", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "271", + "y": "3172", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0.42695876357902307, + "y": 0 + }, + "p1": { + "x": 0.44465468854619133, + "y": 0.0007404118850237802 + }, + "p2": { + "x": 573.1253006284542, + "y": 0 + } + } + }, + { + "ID": "1607", + "typeID": "Arrow", + "zOrder": "228", + "w": "1", + "h": "112", + "measuredW": "150", + "measuredH": "100", + "x": "844", + "y": "3172", + "properties": { + "color": "2848996", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": 0 + }, + "p1": { + "x": 0.5232912494558118, + "y": 0.0013060513713539393 + }, + "p2": { + "x": 0, + "y": 111.79170436678032 + } + } + }, + { + "ID": "1608", + "typeID": "Arrow", + "zOrder": "234", + "w": "240", + "h": "2", + "measuredW": "150", + "measuredH": "100", + "x": "724", + "y": "3467", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "16777215", + "p0": { + "x": 0, + "y": 2.0909090909090082 + }, + "p1": { + "x": 0.4072427393330942, + "y": 0.00953746862674794 + }, + "p2": { + "x": 240.29238284114695, + "y": 2.0909090909090082 } } } ] }, "attributes": { - "name": "New Wireframe 1 copy", - "order": 1000010.2336643032, + "name": "New Wireframe 1", + "order": 1000000, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "D5E1AC09-3023-4145-A52A-4D904363A065", - "mockupH": "3436", - "mockupW": "1172", - "measuredW": "1346", - "measuredH": "3627", + "resourceID": "BFEFC928-2756-4044-9FAF-3CD2D8DBA3C9", + "mockupH": "3278", + "mockupW": "1220", + "measuredW": "1368", + "measuredH": "3469", "version": "1.0" }, "groupOffset": { diff --git a/src/data/roadmaps/frontend/frontend.md b/src/data/roadmaps/frontend/frontend.md index 9ecacfbd5..6aa8cf0f4 100644 --- a/src/data/roadmaps/frontend/frontend.md +++ b/src/data/roadmaps/frontend/frontend.md @@ -10,7 +10,7 @@ hasTopics: true tnsBannerLink: 'https://thenewstack.io?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Alert' dimensions: width: 968 - height: 2822.1 + height: 2587.63 schema: headline: 'Frontend Developer Roadmap' description: 'Learn how to become a Frontend Developer with this interactive step by step guide in 2023. We also have resources and short descriptions attached to the roadmap items so you can get everything you want to learn in one place.'