From 79e7c10ad9744f9950dce114c7a3a1f848854a05 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Thu, 6 Jun 2024 21:32:56 +0100 Subject: [PATCH] Change UI for topic labels --- src/components/TopicDetail/TopicDetail.tsx | 27 +- src/data/roadmaps/frontend/frontend.json | 10180 +++++++++---------- 2 files changed, 5107 insertions(+), 5100 deletions(-) diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx index e472d5911..828105d3e 100644 --- a/src/components/TopicDetail/TopicDetail.tsx +++ b/src/components/TopicDetail/TopicDetail.tsx @@ -23,13 +23,21 @@ import type { } from '../CustomRoadmap/CustomRoadmap'; import { markdownToHtml, sanitizeMarkdown } from '../../lib/markdown'; import { cn } from '../../lib/classname'; -import { Ban, FileText, HeartHandshake, X } from 'lucide-react'; +import { + Ban, + ExternalLink, + ExternalLinkIcon, + FileText, + HeartHandshake, + X, +} from 'lucide-react'; import { getUrlParams } from '../../lib/browser'; import { Spinner } from '../ReactIcons/Spinner'; import { GitHubIcon } from '../ReactIcons/GitHubIcon.tsx'; import { GoogleIcon } from '../ReactIcons/GoogleIcon.tsx'; import { YouTubeIcon } from '../ReactIcons/YouTubeIcon.tsx'; import { resourceTitleFromId } from '../../lib/roadmap.ts'; +import { isMobile } from '../../../editor/utils/is-mobile.ts'; type TopicDetailProps = { resourceTitle?: string; @@ -40,10 +48,10 @@ type TopicDetailProps = { }; const linkTypes: Record = { - article: 'bg-yellow-200', - course: 'bg-green-200', - opensource: 'bg-black-200 text-white', - podcast: 'bg-purple-200', + article: 'bg-yellow-300', + course: 'bg-green-300', + opensource: 'bg-black text-white', + podcast: 'bg-purple-300', video: 'bg-pink-300', website: 'bg-blue-300', }; @@ -350,18 +358,17 @@ export function TopicDetail(props: TopicDetailProps) { - {link.type.charAt(0).toUpperCase() + - link.type.slice(1)} + {link.type} {link.title} @@ -373,7 +380,7 @@ export function TopicDetail(props: TopicDetailProps) { {/* Contribution */} {canSubmitContribution && !hasEnoughLinks && contributionUrl && ( -
+

Find more resources using these pre-filled search queries: diff --git a/src/data/roadmaps/frontend/frontend.json b/src/data/roadmaps/frontend/frontend.json index d5faecd35..5567589ae 100644 --- a/src/data/roadmaps/frontend/frontend.json +++ b/src/data/roadmaps/frontend/frontend.json @@ -3,384 +3,1121 @@ "controls": { "control": [ { - "ID": "1234", - "typeID": "__group__", - "zOrder": "62", - "measuredW": "144", - "measuredH": "40", - "w": "144", - "h": "40", - "x": "704", - "y": "314", + "ID": "3597", + "typeID": "Arrow", + "zOrder": "0", + "w": "1", + "h": "112", + "measuredW": "150", + "measuredH": "100", + "x": "270", + "y": "3061", "properties": { - "controlName": "ext_link:roadmap.sh/frontend" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Label", - "zOrder": "0", - "w": "144", - "measuredW": "144", - "measuredH": "40", - "x": "0", - "y": "0", - "properties": { - "size": "32", - "text": "Front-end" - } - } - ] + "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": "1235", - "typeID": "__group__", - "zOrder": "63", - "measuredW": "325", - "measuredH": "195", - "w": "325", - "h": "195", - "x": "1043", - "y": "191", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "325", - "h": "195", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "284", - "measuredW": "283", - "measuredH": "26", - "x": "18", - "y": "19", - "properties": { - "text": "For resources and other roadmaps", - "size": "18" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "173", - "measuredH": "28", - "w": "173", - "h": "28", - "x": "18", - "y": "52", - "properties": { - "controlName": "ext_link:roadmap.sh" - }, - "children": { - "controls": { - "control": [ - { - "ID": "2", - "typeID": "Label", - "zOrder": "0", - "w": "173", - "measuredW": "172", - "measuredH": "28", - "x": "0", - "y": "0", - "properties": { - "text": "https://roadmap.sh", - "color": "10027263", - "size": "20" - } - } - ] - } - } - }, - { - "ID": "3", - "typeID": "__group__", - "zOrder": "3", - "measuredW": "283", - "measuredH": "47", - "w": "283", - "h": "47", - "x": "18", - "y": "127", - "properties": { - "controlName": "json:frontend-beginner.json" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "283", - "h": "47", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "211", - "measuredW": "210", - "measuredH": "26", - "x": "36", - "y": "11", - "properties": { - "color": "16777215", - "text": "Visit the Beginner Version", - "size": "18" - } - } - ] - } - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "w": "228", - "measuredW": "227", - "measuredH": "26", - "x": "18", - "y": "92", - "properties": { - "color": "4985136", - "text": "Are you just getting started?", - "size": "18" - } - } - ] + "ID": "3598", + "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": "1236", - "typeID": "__group__", - "zOrder": "64", - "measuredW": "408", - "measuredH": "162", - "w": "408", - "h": "162", - "x": "152", - "y": "191", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "408", - "h": "162", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "21", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Label", - "zOrder": "3", - "measuredW": "269", - "measuredH": "24", - "x": "59", - "y": "21", - "properties": { - "size": "16", - "text": "Personal Recommendation / Opinion" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "159", - "measuredH": "24", - "x": "59", - "y": "118", - "properties": { - "size": "16", - "text": "I wouldn't recommend" - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "118", - "properties": { - "color": "10066329", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "w": "324", - "measuredW": "315", - "measuredH": "24", - "x": "60", - "y": "86", - "properties": { - "size": "16", - "text": "Order in roadmap not strict (Learn anytime)" - } - }, + "ID": "3599", + "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": "3600", + "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": "3601", + "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": "3602", + "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": "3603", + "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": "3604", + "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": "3605", + "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": "3606", + "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": "3607", + "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": "3608", + "typeID": "Arrow", + "zOrder": "11", + "w": "84", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "349", + "y": "2371", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": 0, + "y": -0.05937132975032 + }, + "p1": { + "x": 0.44375415870820895, + "y": -0.00008705358532379558 + }, + "p2": { + "x": 84.23358520389218, + "y": -0.05937132975032 + }, + "stroke": "dotted" + } + }, + { + "ID": "3609", + "typeID": "Arrow", + "zOrder": "12", + "w": "262", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "215", + "y": "2282", + "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": "3610", + "typeID": "Arrow", + "zOrder": "13", + "w": "262", + "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": "3611", + "typeID": "Arrow", + "zOrder": "14", + "w": "154", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "303", + "y": "2040", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": -0.1105047472654519, + "y": 0.2589532956762923 + }, + "p1": { + "x": 0.5899301498632965, + "y": 0.09282014773853087 + }, + "p2": { + "x": 154.1102158498499, + "y": 54.54464694586113 + } + } + }, + { + "ID": "3612", + "typeID": "Arrow", + "zOrder": "15", + "w": "139", + "h": "102", + "measuredW": "150", + "measuredH": "100", + "x": "316", + "y": "2041", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0.46091866528070113, + "y": 0.4927190604535099 + }, + "p1": { + "x": 0.5899301498632966, + "y": 0.09282014773853087 + }, + "p2": { + "x": 139.87645008507297, + "y": 102.89527753693801 + } + } + }, + { + "ID": "3613", + "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": "3614", + "typeID": "Arrow", + "zOrder": "17", + "w": "180", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "216", + "y": "1920", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "p0": { + "x": -0.09099116403851326, + "y": -0.42963780949344255 + }, + "p1": { + "x": 0.44386240125497295, + "y": -0.00008403832147459042 + }, + "p2": { + "x": 180.31638133717956, + "y": -0.42963780949344255 + } + } + }, + { + "ID": "3615", + "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": "3616", + "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": "3617", + "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": "3618", + "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": "3619", + "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": "3620", + "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": "3621", + "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": "3622", + "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": "3623", + "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": "3624", + "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": "3625", + "typeID": "Canvas", + "zOrder": "28", + "w": "419", + "h": "127", + "measuredW": "100", + "measuredH": "70", + "x": "762", + "y": "1999" + }, + { + "ID": "3626", + "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": "3627", + "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": "3628", + "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": "3629", + "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": "3630", + "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": "3631", + "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": "3632", + "typeID": "__group__", + "zOrder": "35", + "measuredW": "560", + "measuredH": "196", + "w": "560", + "h": "196", + "x": "202", + "y": "1106", + "children": { + "controls": { + "control": [ { - "ID": "7", - "typeID": "Icon", - "zOrder": "7", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "86", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "560", + "h": "196", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" }, { - "ID": "8", - "typeID": "Icon", - "zOrder": "8", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "86", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "480", + "measuredH": "26", + "x": "28", + "y": "22", "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "18", + "text": "We have trimmed down the CSS part for the sake of brevity." } }, { - "ID": "9", + "ID": "2", "typeID": "Label", - "zOrder": "9", - "measuredW": "272", - "measuredH": "24", - "x": "59", - "y": "54", + "zOrder": "2", + "measuredW": "448", + "measuredH": "26", + "x": "28", + "y": "53", "properties": { - "size": "16", - "text": "Alternative Option - Pick this or purple" + "size": "18", + "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " } }, { - "ID": "10", - "typeID": "Icon", - "zOrder": "10", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "498", + "measuredH": "26", + "x": "28", + "y": "84", "properties": { - "color": "16777215", - "icon": { - "ID": "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": "11", - "typeID": "Icon", - "zOrder": "11", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "489", + "measuredH": "26", + "x": "27", + "y": "115", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "size": "18", + "text": "and look into different frameworks with pre-built components" } }, { - "ID": "12", - "typeID": "Icon", - "zOrder": "12", - "measuredW": "24", - "measuredH": "24", - "x": "23", - "y": "53", + "ID": "5", + "typeID": "Label", + "zOrder": "5", + "measuredW": "371", + "measuredH": "26", + "x": "27", + "y": "146", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "18", + "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." } } ] @@ -388,15 +1125,136 @@ } }, { - "ID": "1237", + "ID": "3633", + "typeID": "Arrow", + "zOrder": "36", + "w": "1", + "h": "72", + "measuredW": "150", + "measuredH": "100", + "x": "619", + "y": "1526", + "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": "3634", + "typeID": "Arrow", + "zOrder": "37", + "w": "1", + "h": "169", + "measuredW": "150", + "measuredH": "100", + "x": "903", + "y": "1296", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.178285838126385 + }, + "p1": { + "x": 0.44400212022348745, + "y": -0.00008648613560245136 + }, + "p2": { + "x": 0, + "y": 169.40327808941106 + } + } + }, + { + "ID": "3635", + "typeID": "Arrow", + "zOrder": "38", + "w": "255", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "633", + "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": "3636", + "typeID": "Arrow", + "zOrder": "39", + "w": "1", + "h": "90", + "measuredW": "150", + "measuredH": "100", + "x": "1300", + "y": "1288", + "properties": { + "color": "2848996", + "curvature": "-1", + "direction": "bottom", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "p0": { + "x": 0, + "y": 0.4028269947427816 + }, + "p1": { + "x": 0.4440021202234877, + "y": -0.00008648613560245134 + }, + "p2": { + "x": 0, + "y": 90.02499016958609 + } + } + }, + { + "ID": "3637", "typeID": "Arrow", - "zOrder": "65", - "w": "1", - "h": "74", + "zOrder": "40", + "w": "255", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "775", - "y": "223", + "x": "884", + "y": "1376", "properties": { "color": "2848996", "curvature": "-1", @@ -404,587 +1262,337 @@ "leftArrow": "false", "rightArrow": "false", "p0": { - "x": 0, - "y": 0 + "x": -0.1493922838835715, + "y": -0.42963780949344255 }, "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459165 + "x": 0.44386240125497284, + "y": -0.00008403832147459129 }, "p2": { - "x": 0, - "y": 74.15918378573792 - }, - "stroke": "dotted" + "x": 255.34932964195036, + "y": -0.42963780949344255 + } } }, { - "ID": "1238", + "ID": "3638", "typeID": "Arrow", - "zOrder": "66", - "w": "1", - "h": "95", + "zOrder": "41", + "w": "159", + "h": "4", "measuredW": "150", "measuredH": "100", - "x": "775", - "y": "376", + "x": "325", + "y": "2029", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, - "y": 0 + "x": 0.09727901871917766, + "y": 0.15506141268406282 }, "p1": { - "x": 0.44386240125497245, - "y": -0.00008403832147459165 + "x": 0.44400212022348756, + "y": -0.00008648613560245363 }, "p2": { - "x": 0, - "y": 94.5703621905065 - } - } - }, - { - "ID": "1239", - "typeID": "__group__", - "zOrder": "67", - "measuredW": "175", - "measuredH": "50", - "w": "175", - "h": "50", - "x": "687", - "y": "452", - "properties": { - "controlName": "100-internet" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "175", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "62", - "measuredH": "25", - "x": "57", - "y": "13", - "properties": { - "text": "Internet", - "size": "17" - } - } - ] - } - } - }, - { - "ID": "1240", - "typeID": "__group__", - "zOrder": "68", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1012", - "y": "451", - "properties": { - "controlName": "100-internet:how-does-the-internet-work" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "223", - "measuredW": "219", - "measuredH": "25", - "x": "38", - "y": "12", - "properties": { - "size": "17", - "text": "How does the internet work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "x": 159.51281043851145, + "y": 4.242047239828025 } } }, { - "ID": "1241", - "typeID": "__group__", - "zOrder": "69", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1012", - "y": "505", + "ID": "3639", + "typeID": "Arrow", + "zOrder": "42", + "w": "1", + "h": "421", + "measuredW": "150", + "measuredH": "100", + "x": "1169", + "y": "946", "properties": { - "controlName": "101-internet:what-is-http" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "119", - "measuredW": "113", - "measuredH": "25", - "x": "90", - "y": "12", - "properties": { - "size": "17", - "text": "What is HTTP?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "1242", - "typeID": "__group__", - "zOrder": "70", - "measuredW": "309", - "measuredH": "49", - "w": "309", - "h": "49", - "x": "1012", - "y": "721", + "ID": "3640", + "typeID": "Arrow", + "zOrder": "43", + "w": "1", + "h": "109", + "measuredW": "150", + "measuredH": "100", + "x": "1140", + "y": "946", "properties": { - "controlName": "102-internet:browsers-and-how-they-work" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "230", - "measuredW": "225", - "measuredH": "25", - "x": "34", - "y": "12", - "properties": { - "size": "17", - "text": "Browsers and how they work?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "285", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "1243", - "typeID": "__group__", - "zOrder": "71", - "measuredW": "307", - "measuredH": "49", - "w": "307", - "h": "49", - "x": "1012", - "y": "667", + "ID": "3641", + "typeID": "Arrow", + "zOrder": "44", + "w": "1", + "h": "52", + "measuredW": "150", + "measuredH": "100", + "x": "1312", + "y": "940", "properties": { - "controlName": "103-internet:dns-and-how-it-works" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "298", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "179", - "measuredW": "175", - "measuredH": "25", - "x": "59", - "y": "12", - "properties": { - "size": "17", - "text": "DNS and how it works?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "3642", + "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": "3643", + "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": "3644", + "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": "1244", - "typeID": "__group__", - "zOrder": "72", - "measuredW": "308", - "measuredH": "49", - "w": "308", - "h": "49", - "x": "1012", - "y": "559", + "ID": "3645", + "typeID": "Arrow", + "zOrder": "48", + "w": "133", + "h": "42", + "measuredW": "150", + "measuredH": "100", + "x": "344", + "y": "878", "properties": { - "controlName": "104-internet:what-is-domain-name" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "299", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "180", - "measuredH": "25", - "x": "55", - "y": "12", - "properties": { - "size": "17", - "text": "What is Domain Name?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "284", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "284", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "1245", - "typeID": "__group__", - "zOrder": "73", - "measuredW": "307", - "measuredH": "49", - "w": "307", - "h": "49", - "x": "1012", - "y": "613", + "ID": "3646", + "typeID": "Arrow", + "zOrder": "49", + "w": "123", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "357", + "y": "866", "properties": { - "controlName": "105-internet:what-is-hosting" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "298", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "133", - "measuredW": "126", - "measuredH": "25", - "x": "74", - "y": "12", - "properties": { - "size": "17", - "text": "What is hosting?" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "283", - "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "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": "3647", + "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": "1246", + "ID": "3648", "typeID": "Arrow", - "zOrder": "61", - "w": "183", - "h": "5", + "zOrder": "51", + "w": "131", + "h": "95", "measuredW": "150", "measuredH": "100", - "x": "858", - "y": "471", + "x": "345", + "y": "573", "properties": { "color": "2848996", "curvature": "-1", @@ -993,29 +1601,29 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 182.33333333333337, - "y": 5.159183785737923 + "x": 130.33333333333331, + "y": 0 }, "p1": { - "x": 0.44386240125497256, - "y": -0.00008403832147459266 + "x": 0.4657562307954934, + "y": 0.12174803687265293 }, "p2": { - "x": -0.33333333333337123, - "y": -0.3333333333333144 + "x": -0.3333333333333144, + "y": 94.66666666666663 } } }, { - "ID": "1247", + "ID": "3649", "typeID": "Arrow", - "zOrder": "60", - "w": "152", - "h": "48", + "zOrder": "52", + "w": "116", + "h": "39", "measuredW": "150", "measuredH": "100", - "x": "868", - "y": "484", + "x": "362", + "y": "697", "properties": { "color": "2848996", "curvature": "-1", @@ -1024,29 +1632,29 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 152.33333333333337, - "y": 48 + "x": 116, + "y": 38.66666666666663 }, "p1": { - "x": 0.3591853743660239, - "y": -0.07798593281586438 + "x": 0.4702847194128022, + "y": -0.0785649380781361 }, "p2": { - "x": 0.33333333333337123, + "x": 0, "y": 0 } } }, { - "ID": "1248", + "ID": "3650", "typeID": "Arrow", - "zOrder": "59", - "w": "171", - "h": "103", + "zOrder": "53", + "w": "119", + "h": "49", "measuredW": "150", "measuredH": "100", - "x": "848", - "y": "488", + "x": "358", + "y": "624", "properties": { "color": "2848996", "curvature": "-1", @@ -1055,29 +1663,29 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 171, - "y": 102.66666666666663 + "x": 118.66666666666669, + "y": -0.33333333333337123 }, "p1": { - "x": 0.3745977833392918, - "y": -0.11753664640686441 + "x": 0.42600235550535653, + "y": 0.12025417194843362 }, "p2": { - "x": 0.33333333333337123, - "y": 0 + "x": 0, + "y": 49 } } }, { - "ID": "1249", + "ID": "3651", "typeID": "Arrow", - "zOrder": "58", - "w": "175", - "h": "147", + "zOrder": "54", + "w": "143", + "h": "3", "measuredW": "150", "measuredH": "100", - "x": "842", - "y": "493", + "x": "357", + "y": "683", "properties": { "color": "2848996", "curvature": "-1", @@ -1086,21 +1694,82 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 174.33333333333337, - "y": 147 + "x": 142.33333333333337, + "y": 0.15918378573792324 }, "p1": { - "x": 0.4422588392864484, - "y": -0.1165659293461407 + "x": 0.4438624012549725, + "y": -0.00008403832147459344 }, "p2": { - "x": -0.33333333333337123, - "y": 0.3333333333333144 + "x": -0.3333333333333144, + "y": 3.3333333333333712 + } + } + }, + { + "ID": "3652", + "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": "3653", + "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": "1250", + "ID": "3654", "typeID": "Arrow", "zOrder": "57", "w": "191", @@ -1131,15 +1800,15 @@ } }, { - "ID": "1251", + "ID": "3655", "typeID": "Arrow", - "zOrder": "56", - "w": "235", - "h": "253", + "zOrder": "58", + "w": "175", + "h": "147", "measuredW": "150", "measuredH": "100", - "x": "783", - "y": "496", + "x": "842", + "y": "493", "properties": { "color": "2848996", "curvature": "-1", @@ -1148,120 +1817,282 @@ "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 234.66666666666663, - "y": 253.33333333333337 + "x": 174.33333333333337, + "y": 147 }, "p1": { - "x": 0.5393830230698493, - "y": -0.1009352067946597 + "x": 0.4422588392864484, + "y": -0.1165659293461407 }, "p2": { - "x": 0, - "y": 0 + "x": -0.33333333333337123, + "y": 0.3333333333333144 } } }, { - "ID": "1252", + "ID": "3656", "typeID": "Arrow", - "zOrder": "55", - "w": "414", - "h": "1", + "zOrder": "59", + "w": "171", + "h": "103", "measuredW": "150", "measuredH": "100", - "x": "284", - "y": "478", + "x": "848", + "y": "488", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, - "y": -0.4296378094934994 + "x": 171, + "y": 102.66666666666663 }, "p1": { - "x": 0.4438624012549725, - "y": -0.00008403832147459163 + "x": 0.3745977833392918, + "y": -0.11753664640686441 }, "p2": { - "x": 414, - "y": -0.4296378094934994 + "x": 0.33333333333337123, + "y": 0 } } }, { - "ID": "1253", + "ID": "3657", "typeID": "Arrow", - "zOrder": "74", - "w": "1", - "h": "576", + "zOrder": "60", + "w": "152", + "h": "48", "measuredW": "150", "measuredH": "100", - "x": "283", - "y": "478", + "x": "868", + "y": "484", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "p0": { - "x": 0, + "x": 152.33333333333337, + "y": 48 + }, + "p1": { + "x": 0.3591853743660239, + "y": -0.07798593281586438 + }, + "p2": { + "x": 0.33333333333337123, "y": 0 + } + } + }, + { + "ID": "3658", + "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.44375415870820856, - "y": -0.00008705358532379576 + "x": 0.44386240125497256, + "y": -0.00008403832147459266 }, "p2": { - "x": 0, - "y": 576 + "x": -0.33333333333337123, + "y": -0.3333333333333144 } } }, { - "ID": "1254", + "ID": "3659", "typeID": "__group__", - "zOrder": "75", - "measuredW": "186", - "measuredH": "49", - "w": "186", - "h": "49", - "x": "186", - "y": "658", + "zOrder": "62", + "measuredW": "144", + "measuredH": "40", + "w": "144", + "h": "40", + "x": "704", + "y": "314", "properties": { - "controlName": "101-html" + "controlName": "ext_link:roadmap.sh/frontend" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Label", "zOrder": "0", - "w": "186", - "h": "49", - "measuredW": "200", - "measuredH": "140", + "w": "144", + "measuredW": "144", + "measuredH": "40", "x": "0", "y": "0", "properties": { - "color": "16776960" + "size": "32", + "text": "Front-end" } + } + ] + } + } + }, + { + "ID": "3660", + "typeID": "__group__", + "zOrder": "63", + "measuredW": "325", + "measuredH": "195", + "w": "325", + "h": "195", + "x": "1043", + "y": "191", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "325", + "h": "195", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "69", - "y": "12", + "w": "284", + "measuredW": "283", + "measuredH": "26", + "x": "18", + "y": "19", "properties": { - "size": "17", - "text": "HTML" + "text": "For resources and other roadmaps", + "size": "18" + } + }, + { + "ID": "2", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "173", + "measuredH": "28", + "w": "173", + "h": "28", + "x": "18", + "y": "52", + "properties": { + "controlName": "ext_link:roadmap.sh" + }, + "children": { + "controls": { + "control": [ + { + "ID": "2", + "typeID": "Label", + "zOrder": "0", + "w": "173", + "measuredW": "172", + "measuredH": "28", + "x": "0", + "y": "0", + "properties": { + "text": "https://roadmap.sh", + "color": "10027263", + "size": "20" + } + } + ] + } + } + }, + { + "ID": "3", + "typeID": "__group__", + "zOrder": "3", + "measuredW": "283", + "measuredH": "47", + "w": "283", + "h": "47", + "x": "18", + "y": "127", + "properties": { + "controlName": "json:frontend-beginner.json" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "283", + "h": "47", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0", + "properties": { + "borderColor": "4273622", + "color": "4273622" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "211", + "measuredW": "210", + "measuredH": "26", + "x": "36", + "y": "11", + "properties": { + "color": "16777215", + "text": "Visit the Beginner Version", + "size": "18" + } + } + ] + } + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "w": "228", + "measuredW": "227", + "measuredH": "26", + "x": "18", + "y": "92", + "properties": { + "color": "4985136", + "text": "Are you just getting started?", + "size": "18" } } ] @@ -1269,57 +2100,125 @@ } }, { - "ID": "1255", + "ID": "3661", "typeID": "__group__", - "zOrder": "76", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "469", - "y": "551", - "properties": { - "controlName": "100-html:learn-the-basics" - }, + "zOrder": "64", + "measuredW": "408", + "measuredH": "162", + "w": "408", + "h": "162", + "x": "152", + "y": "191", "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", + "ID": "0", + "typeID": "Canvas", + "zOrder": "0", + "w": "408", + "h": "162", + "measuredW": "100", + "measuredH": "70", + "x": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "21", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Label", + "zOrder": "3", + "measuredW": "269", + "measuredH": "24", + "x": "59", + "y": "21", + "properties": { + "size": "16", + "text": "Personal Recommendation / Opinion" + } + }, + { + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "159", + "measuredH": "24", + "x": "59", + "y": "118", + "properties": { + "size": "16", + "text": "I wouldn't recommend" + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "118", "properties": { - "color": "16770457" + "color": "10066329", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", + "ID": "6", "typeID": "Label", - "zOrder": "1", - "w": "134", - "measuredW": "128", - "measuredH": "25", - "x": "62", - "y": "12", + "zOrder": "6", + "w": "324", + "measuredW": "315", + "measuredH": "24", + "x": "60", + "y": "86", "properties": { - "size": "17", - "text": "Learn the basics" + "size": "16", + "text": "Order in roadmap not strict (Learn anytime)" } }, { - "ID": "2", + "ID": "7", "typeID": "Icon", - "zOrder": "2", + "zOrder": "7", "measuredW": "24", "measuredH": "24", - "x": "243", - "y": "13", + "x": "23", + "y": "86", "properties": { "color": "16777215", "icon": { @@ -1329,77 +2228,58 @@ } }, { - "ID": "3", + "ID": "8", "typeID": "Icon", - "zOrder": "3", + "zOrder": "8", "measuredW": "24", "measuredH": "24", - "x": "243", - "y": "13", + "x": "23", + "y": "86", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" } } - } - ] - } - } - }, - { - "ID": "1256", - "typeID": "__group__", - "zOrder": "77", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "469", - "y": "604", - "properties": { - "controlName": "101-html:writing-semantic-html" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "257", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", + "ID": "9", + "typeID": "Label", + "zOrder": "9", + "measuredW": "272", + "measuredH": "24", + "x": "59", + "y": "54", "properties": { - "color": "16770457" + "size": "16", + "text": "Alternative Option - Pick this or purple" } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "189", - "measuredW": "183", - "measuredH": "25", - "x": "34", - "y": "12", + "ID": "10", + "typeID": "Icon", + "zOrder": "10", + "measuredW": "24", + "measuredH": "24", + "x": "23", + "y": "53", "properties": { - "size": "17", - "text": "Writing Semantic HTML" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "2", + "ID": "11", "typeID": "Icon", - "zOrder": "2", + "zOrder": "11", "measuredW": "24", "measuredH": "24", - "x": "243", - "y": "13", + "x": "23", + "y": "53", "properties": { "color": "16777215", "icon": { @@ -1409,19 +2289,19 @@ } }, { - "ID": "3", + "ID": "12", "typeID": "Icon", - "zOrder": "3", + "zOrder": "12", "measuredW": "24", "measuredH": "24", - "x": "243", - "y": "13", + "x": "23", + "y": "53", "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -1429,17 +2309,78 @@ } }, { - "ID": "1257", + "ID": "3662", + "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": "3663", + "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": "3664", "typeID": "__group__", - "zOrder": "78", - "measuredW": "266", - "measuredH": "49", - "w": "266", - "h": "49", - "x": "469", - "y": "658", + "zOrder": "67", + "measuredW": "175", + "measuredH": "50", + "w": "175", + "h": "50", + "x": "687", + "y": "452", "properties": { - "controlName": "102-html:forms-and-validations" + "controlName": "100-internet" }, "children": { "controls": { @@ -1448,60 +2389,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "175", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "172", - "measuredW": "169", - "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "size": "17", - "text": "Forms and Validations" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "242", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "242", + "measuredW": "62", + "measuredH": "25", + "x": "57", "y": "13", "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Internet", + "size": "17" } } ] @@ -1509,17 +2417,17 @@ } }, { - "ID": "1259", + "ID": "3665", "typeID": "__group__", - "zOrder": "79", - "measuredW": "267", + "zOrder": "68", + "measuredW": "309", "measuredH": "49", - "w": "267", + "w": "309", "h": "49", - "x": "470", - "y": "712", + "x": "1012", + "y": "451", "properties": { - "controlName": "104-html:accessibility" + "controlName": "100-internet:how-does-the-internet-work" }, "children": { "controls": { @@ -1528,7 +2436,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", + "w": "299", "h": "49", "measuredW": "200", "measuredH": "140", @@ -1542,14 +2450,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "101", - "measuredW": "94", + "w": "223", + "measuredW": "219", "measuredH": "25", - "x": "78", + "x": "38", "y": "12", "properties": { "size": "17", - "text": "Accessibility" + "text": "How does the internet work?" } }, { @@ -1558,7 +2466,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "243", + "x": "285", "y": "13", "properties": { "color": "16777215", @@ -1574,14 +2482,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "243", + "x": "285", "y": "13", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -1589,17 +2497,17 @@ } }, { - "ID": "1260", + "ID": "3666", "typeID": "__group__", - "zOrder": "80", - "measuredW": "268", + "zOrder": "69", + "measuredW": "309", "measuredH": "49", - "w": "268", + "w": "309", "h": "49", - "x": "470", - "y": "766", + "x": "1012", + "y": "505", "properties": { - "controlName": "105-html:seo-basics" + "controlName": "101-internet:what-is-http" }, "children": { "controls": { @@ -1608,7 +2516,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", + "w": "299", "h": "49", "measuredW": "200", "measuredH": "140", @@ -1622,14 +2530,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "94", - "measuredW": "90", + "w": "119", + "measuredW": "113", "measuredH": "25", - "x": "82", + "x": "90", "y": "12", "properties": { "size": "17", - "text": "SEO Basics" + "text": "What is HTTP?" } }, { @@ -1638,7 +2546,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "244", + "x": "285", "y": "13", "properties": { "color": "16777215", @@ -1654,10 +2562,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "244", + "x": "285", "y": "13", "properties": { - "color": "10066329", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -1669,172 +2577,17 @@ } }, { - "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", + "ID": "3667", "typeID": "__group__", - "zOrder": "81", - "measuredW": "186", - "measuredH": "50", - "w": "186", - "h": "50", - "x": "186", - "y": "843", + "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": { @@ -1843,27 +2596,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "186", - "h": "50", + "w": "299", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "230", + "measuredW": "225", + "measuredH": "25", + "x": "34", + "y": "12", + "properties": { + "size": "17", + "text": "Browsers and how they work?" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "285", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "33", - "measuredH": "25", - "x": "76", - "y": "14", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "285", + "y": "13", "properties": { - "size": "17", - "text": "CSS" + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -1871,27 +2657,27 @@ } }, { - "ID": "1267", + "ID": "3668", "typeID": "__group__", - "zOrder": "82", - "measuredW": "211", - "measuredH": "47", - "w": "211", - "h": "47", - "x": "470", - "y": "897", + "zOrder": "71", + "measuredW": "307", + "measuredH": "49", + "w": "307", + "h": "49", + "x": "1012", + "y": "667", "properties": { - "controlName": "101-css:making-layouts" + "controlName": "103-internet:dns-and-how-it-works" }, "children": { "controls": { "control": [ { - "ID": "8", + "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "201", - "h": "47", + "w": "298", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -1901,27 +2687,27 @@ } }, { - "ID": "9", + "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "130", - "measuredW": "120", + "w": "179", + "measuredW": "175", "measuredH": "25", - "x": "36", - "y": "11", + "x": "59", + "y": "12", "properties": { "size": "17", - "text": "Making Layouts" + "text": "DNS and how it works?" } }, { - "ID": "10", + "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "187", - "y": "11", + "x": "283", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -1931,13 +2717,13 @@ } }, { - "ID": "11", + "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "187", - "y": "11", + "x": "283", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -1951,17 +2737,17 @@ } }, { - "ID": "1268", + "ID": "3669", "typeID": "__group__", - "zOrder": "83", - "measuredW": "211", + "zOrder": "72", + "measuredW": "308", "measuredH": "49", - "w": "211", + "w": "308", "h": "49", - "x": "470", - "y": "843", + "x": "1012", + "y": "559", "properties": { - "controlName": "100-css:learn-the-basics" + "controlName": "104-internet:what-is-domain-name" }, "children": { "controls": { @@ -1970,7 +2756,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "201", + "w": "299", "h": "49", "measuredW": "200", "measuredH": "140", @@ -1984,13 +2770,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "128", + "w": "189", + "measuredW": "180", "measuredH": "25", - "x": "37", + "x": "55", "y": "12", "properties": { - "text": "Learn the basics", - "size": "17" + "size": "17", + "text": "What is Domain Name?" } }, { @@ -1999,7 +2786,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "187", + "x": "284", "y": "13", "properties": { "color": "16777215", @@ -2015,7 +2802,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "187", + "x": "284", "y": "13", "properties": { "color": "10027263", @@ -2030,17 +2817,17 @@ } }, { - "ID": "1269", + "ID": "3670", "typeID": "__group__", - "zOrder": "84", - "measuredW": "211", + "zOrder": "73", + "measuredW": "307", "measuredH": "49", - "w": "211", + "w": "307", "h": "49", - "x": "471", - "y": "949", + "x": "1012", + "y": "613", "properties": { - "controlName": "102-css:responsive-design-and-media-queries" + "controlName": "105-internet:what-is-hosting" }, "children": { "controls": { @@ -2049,7 +2836,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "201", + "w": "298", "h": "49", "measuredW": "200", "measuredH": "140", @@ -2063,13 +2850,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "149", + "w": "133", + "measuredW": "126", "measuredH": "25", - "x": "26", + "x": "74", "y": "12", "properties": { "size": "17", - "text": "Responsive Design" + "text": "What is hosting?" } }, { @@ -2078,7 +2866,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "187", + "x": "283", "y": "13", "properties": { "color": "16777215", @@ -2094,7 +2882,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "187", + "x": "283", "y": "13", "properties": { "color": "10027263", @@ -2109,140 +2897,47 @@ } }, { - "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", + "ID": "3671", "typeID": "Arrow", - "zOrder": "48", - "w": "133", - "h": "42", + "zOrder": "74", + "w": "1", + "h": "576", "measuredW": "150", "measuredH": "100", - "x": "344", - "y": "878", + "x": "283", + "y": "478", "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 + "y": 0 }, "p1": { - "x": 0.4451699304746416, - "y": 0.13015184070752908 + "x": 0.44375415870820856, + "y": -0.00008705358532379576 }, "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" + "y": 576 + } } }, { - "ID": "1275", + "ID": "3672", "typeID": "__group__", - "zOrder": "86", - "measuredW": "209", - "measuredH": "50", - "w": "209", - "h": "50", - "x": "800", - "y": "1032", + "zOrder": "75", + "measuredW": "186", + "measuredH": "49", + "w": "186", + "h": "49", + "x": "186", + "y": "658", "properties": { - "controlName": "103-javascript" + "controlName": "101-html" }, "children": { "controls": { @@ -2251,8 +2946,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "209", - "h": "50", + "w": "186", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -2265,13 +2960,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "81", + "measuredW": "48", "measuredH": "25", - "x": "64", - "y": "13", + "x": "69", + "y": "12", "properties": { "size": "17", - "text": "JavaScript" + "text": "HTML" } } ] @@ -2279,17 +2974,17 @@ } }, { - "ID": "1276", + "ID": "3673", "typeID": "__group__", - "zOrder": "87", - "measuredW": "271", - "measuredH": "47", - "w": "271", - "h": "47", - "x": "769", - "y": "843", + "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": { @@ -2298,11 +2993,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "263", - "h": "47", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -2312,13 +3007,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "130", + "w": "134", + "measuredW": "128", "measuredH": "25", - "x": "75", - "y": "11", + "x": "62", + "y": "12", "properties": { "size": "17", - "text": "Learn the Basics" + "text": "Learn the basics" } }, { @@ -2327,8 +3023,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "243", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -2343,8 +3039,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "243", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -2358,17 +3054,17 @@ } }, { - "ID": "1277", + "ID": "3674", "typeID": "__group__", - "zOrder": "88", - "measuredW": "272", - "measuredH": "47", - "w": "272", - "h": "47", - "x": "769", - "y": "895", + "zOrder": "77", + "measuredW": "267", + "measuredH": "49", + "w": "267", + "h": "49", + "x": "469", + "y": "604", "properties": { - "controlName": "101-javascript:learn-dom-manipulation" + "controlName": "101-html:writing-semantic-html" }, "children": { "controls": { @@ -2377,11 +3073,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "264", - "h": "47", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -2391,14 +3087,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "197", - "measuredW": "193", + "w": "189", + "measuredW": "183", "measuredH": "25", - "x": "41", - "y": "11", + "x": "34", + "y": "12", "properties": { "size": "17", - "text": "Learn DOM Manipulation" + "text": "Writing Semantic HTML" } }, { @@ -2407,8 +3103,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "243", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -2423,14 +3119,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "243", + "y": "13", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10027263" } } ] @@ -2438,17 +3134,17 @@ } }, { - "ID": "1279", + "ID": "3675", "typeID": "__group__", - "zOrder": "89", - "measuredW": "274", - "measuredH": "47", - "w": "274", - "h": "47", - "x": "768", - "y": "946", + "zOrder": "78", + "measuredW": "266", + "measuredH": "49", + "w": "266", + "h": "49", + "x": "469", + "y": "658", "properties": { - "controlName": "102-javascript:learn-fetch-api-ajax-xhr" + "controlName": "102-html:forms-and-validations" }, "children": { "controls": { @@ -2457,11 +3153,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "266", - "h": "47", + "w": "257", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -2471,13 +3167,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "175", + "w": "172", + "measuredW": "169", "measuredH": "25", - "x": "53", - "y": "11", + "x": "43", + "y": "12", "properties": { "size": "17", - "text": "Fetch API / Ajax (XHR)" + "text": "Forms and Validations" } }, { @@ -2486,8 +3183,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "242", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -2502,8 +3199,8 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "242", + "y": "13", "properties": { "color": "10027263", "icon": { @@ -2517,48 +3214,17 @@ } }, { - "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", + "ID": "3676", "typeID": "__group__", - "zOrder": "90", - "measuredW": "241", + "zOrder": "79", + "measuredW": "267", "measuredH": "49", - "w": "241", + "w": "267", "h": "49", - "x": "1115", - "y": "861", + "x": "470", + "y": "712", "properties": { - "controlName": "104-version-control-systems" + "controlName": "104-html:accessibility" }, "children": { "controls": { @@ -2567,74 +3233,60 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "241", + "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "186", + "w": "101", + "measuredW": "94", "measuredH": "25", - "x": "28", + "x": "78", "y": "12", "properties": { - "text": "Version Control Systems", - "size": "17" + "size": "17", + "text": "Accessibility" } - } - ] - } - } - }, - { - "ID": "1284", - "typeID": "__group__", - "zOrder": "91", - "measuredW": "241", - "measuredH": "49", - "w": "241", - "h": "49", - "x": "1115", - "y": "915", - "properties": { - "controlName": "105-repo-hosting-services" - }, - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "241", - "h": "49", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "243", + "y": "13", "properties": { - "color": "16776960" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "97", - "measuredH": "25", - "x": "72", - "y": "12", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "243", + "y": "13", "properties": { - "size": "17", - "text": "VCS Hosting" + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" } } ] @@ -2642,17 +3294,17 @@ } }, { - "ID": "1285", + "ID": "3677", "typeID": "__group__", - "zOrder": "92", - "measuredW": "101", + "zOrder": "80", + "measuredW": "268", "measuredH": "49", - "w": "101", + "w": "268", "h": "49", - "x": "1262", - "y": "801", + "x": "470", + "y": "766", "properties": { - "controlName": "100-version-control-systems:basic-usage-of-git" + "controlName": "105-html:seo-basics" }, "children": { "controls": { @@ -2661,7 +3313,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "90", + "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", @@ -2675,13 +3327,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "22", + "w": "94", + "measuredW": "90", "measuredH": "25", - "x": "32", + "x": "82", "y": "12", "properties": { "size": "17", - "text": "Git" + "text": "SEO Basics" } }, { @@ -2690,7 +3343,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "77", + "x": "244", "y": "13", "properties": { "color": "16777215", @@ -2706,10 +3359,10 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "77", + "x": "244", "y": "13", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -2721,89 +3374,74 @@ } }, { - "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", + "ID": "3678", + "typeID": "__group__", + "zOrder": "81", + "measuredW": "186", + "measuredH": "50", + "w": "186", + "h": "50", + "x": "186", + "y": "843", "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 + "controlName": "102-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "186", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "33", + "measuredH": "25", + "x": "76", + "y": "14", + "properties": { + "size": "17", + "text": "CSS" + } + } + ] } } }, { - "ID": "1288", + "ID": "3679", "typeID": "__group__", - "zOrder": "93", - "measuredW": "150", - "measuredH": "49", - "w": "150", - "h": "49", - "x": "1216", - "y": "991", + "zOrder": "82", + "measuredW": "211", + "measuredH": "47", + "w": "211", + "h": "47", + "x": "470", + "y": "897", "properties": { - "controlName": "100-repo-hosting-services:github" + "controlName": "101-css:making-layouts" }, "children": { "controls": { "control": [ { - "ID": "0", + "ID": "8", "typeID": "TextArea", "zOrder": "0", - "w": "139", - "h": "49", + "w": "201", + "h": "47", "measuredW": "200", "measuredH": "140", "x": "0", @@ -2813,25 +3451,26 @@ } }, { - "ID": "1", + "ID": "9", "typeID": "Label", "zOrder": "1", - "measuredW": "54", + "w": "130", + "measuredW": "120", "measuredH": "25", - "x": "43", - "y": "13", + "x": "36", + "y": "11", "properties": { - "text": "GitHub", - "size": "17" + "size": "17", + "text": "Making Layouts" } }, { - "ID": "2", + "ID": "10", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "126", + "x": "187", "y": "11", "properties": { "color": "16777215", @@ -2842,12 +3481,12 @@ } }, { - "ID": "3", + "ID": "11", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "126", + "x": "187", "y": "11", "properties": { "color": "10027263", @@ -2862,17 +3501,17 @@ } }, { - "ID": "1289", + "ID": "3680", "typeID": "__group__", - "zOrder": "94", - "measuredW": "148", + "zOrder": "83", + "measuredW": "211", "measuredH": "49", - "w": "148", + "w": "211", "h": "49", - "x": "1216", - "y": "1096", + "x": "470", + "y": "843", "properties": { - "controlName": "102-repo-hosting-services:bitbucket" + "controlName": "100-css:learn-the-basics" }, "children": { "controls": { @@ -2881,7 +3520,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "138", + "w": "201", "h": "49", "measuredW": "200", "measuredH": "140", @@ -2895,24 +3534,23 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "73", + "measuredW": "128", "measuredH": "25", - "x": "36", + "x": "37", "y": "12", "properties": { - "color": "3355443", - "text": "Bitbucket", + "text": "Learn the basics", "size": "17" } }, { - "ID": "3", + "ID": "2", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "124", - "y": "12", + "x": "187", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -2922,31 +3560,15 @@ } }, { - "ID": "4", + "ID": "3", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "124", - "y": "12", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "124", - "y": "12", + "x": "187", + "y": "13", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -2958,17 +3580,17 @@ } }, { - "ID": "1290", + "ID": "3681", "typeID": "__group__", - "zOrder": "95", - "measuredW": "147", + "zOrder": "84", + "measuredW": "211", "measuredH": "49", - "w": "147", + "w": "211", "h": "49", - "x": "1216", - "y": "1043", + "x": "471", + "y": "949", "properties": { - "controlName": "101-repo-hosting-services:gitlab" + "controlName": "102-css:responsive-design-and-media-queries" }, "children": { "controls": { @@ -2977,7 +3599,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "137", + "w": "201", "h": "49", "measuredW": "200", "measuredH": "140", @@ -2991,39 +3613,22 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "51", + "measuredW": "149", "measuredH": "25", - "x": "43", + "x": "26", "y": "12", "properties": { - "color": "3355443", "size": "17", - "text": "GitLab" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "123", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "text": "Responsive Design" } }, { - "ID": "4", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "123", + "x": "187", "y": "13", "properties": { "color": "16777215", @@ -3034,15 +3639,15 @@ } }, { - "ID": "5", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "123", + "x": "187", "y": "13", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -3054,77 +3659,47 @@ } }, { - "ID": "1291", + "ID": "3682", "typeID": "Arrow", - "zOrder": "43", - "w": "1", - "h": "109", + "zOrder": "85", + "w": "856", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "1140", - "y": "946", + "x": "283", + "y": "1056", "properties": { "color": "2848996", "curvature": "-1", "direction": "bottom", "leftArrow": "false", - "rightArrow": "false", "p0": { "x": 0, - "y": -0.006597557769964624 + "y": -0.4296378094934994 }, "p1": { - "x": 0.4437541587082086, - "y": -0.00008705358532379576 + "x": 0.44386240125497284, + "y": -0.00008403832147459128 }, "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 + "x": 856.3493296419504, + "y": -0.42963780949344255 }, - "p2": { - "x": 0, - "y": 421.3637732670586 - } + "rightArrow": "false" } }, { - "ID": "1293", + "ID": "3683", "typeID": "__group__", - "zOrder": "96", - "measuredW": "217", - "measuredH": "49", - "w": "217", - "h": "49", - "x": "148", - "y": "2008", + "zOrder": "86", + "measuredW": "209", + "measuredH": "50", + "w": "209", + "h": "50", + "x": "800", + "y": "1032", "properties": { - "controlName": "106-web-security-knowledge" + "controlName": "103-javascript" }, "children": { "controls": { @@ -3133,11 +3708,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "207", - "h": "49", + "w": "209", + "h": "50", "measuredW": "200", "measuredH": "140", - "x": "10", + "x": "0", "y": "0", "properties": { "color": "16776960" @@ -3147,159 +3722,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "156", - "measuredW": "155", + "measuredW": "81", "measuredH": "25", - "x": "36", - "y": "12", + "x": "64", + "y": "13", "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": "97", - "measuredW": "123", - "measuredH": "48", - "w": "123", - "h": "48", - "x": "449", - "y": "2009", - "properties": { - "controlName": "102-web-security-knowledge:cors" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "118", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "48", - "measuredH": "25", - "x": "35", - "y": "11", - "properties": { - "text": "CORS", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "__group__", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "w": "24", - "h": "24", - "x": "99", - "y": "12", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } + "text": "JavaScript" } } ] @@ -3307,17 +3736,17 @@ } }, { - "ID": "1296", + "ID": "3684", "typeID": "__group__", - "zOrder": "98", - "measuredW": "144", - "measuredH": "49", - "w": "144", - "h": "49", - "x": "572", - "y": "2008", + "zOrder": "87", + "measuredW": "271", + "measuredH": "47", + "w": "271", + "h": "47", + "x": "769", + "y": "843", "properties": { - "controlName": "100-web-security-knowledge:https" + "controlName": "100-javascript:syntax-and-basic-constructs" }, "children": { "controls": { @@ -3326,11 +3755,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "134", - "h": "49", + "w": "263", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -3340,61 +3769,44 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "54", + "measuredW": "130", "measuredH": "25", - "x": "40", - "y": "12", + "x": "75", + "y": "11", "properties": { - "text": "HTTPS", - "size": "17" + "size": "17", + "text": "Learn the Basics" } }, { "ID": "2", - "typeID": "__group__", + "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "w": "24", - "h": "24", - "x": "120", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "x": "0", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" } } } @@ -3403,17 +3815,17 @@ } }, { - "ID": "1297", + "ID": "3685", "typeID": "__group__", - "zOrder": "99", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "449", - "y": "2061", + "zOrder": "88", + "measuredW": "272", + "measuredH": "47", + "w": "272", + "h": "47", + "x": "769", + "y": "895", "properties": { - "controlName": "101-web-security-knowledge:content-security-policy" + "controlName": "101-javascript:learn-dom-manipulation" }, "children": { "controls": { @@ -3422,11 +3834,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "264", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -3436,61 +3848,45 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "175", + "w": "197", + "measuredW": "193", "measuredH": "25", "x": "41", - "y": "12", + "y": "11", "properties": { - "text": "Content Security Policy", - "size": "17" + "size": "17", + "text": "Learn DOM Manipulation" } }, { "ID": "2", - "typeID": "__group__", + "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "w": "24", - "h": "24", - "x": "243", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "x": "0", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" } } } @@ -3499,17 +3895,17 @@ } }, { - "ID": "1298", + "ID": "3686", "typeID": "__group__", - "zOrder": "100", - "measuredW": "267", - "measuredH": "49", - "w": "267", - "h": "49", - "x": "449", - "y": "2114", + "zOrder": "89", + "measuredW": "274", + "measuredH": "47", + "w": "274", + "h": "47", + "x": "768", + "y": "946", "properties": { - "controlName": "103-web-security-knowledge:owasp-security-risks" + "controlName": "102-javascript:learn-fetch-api-ajax-xhr" }, "children": { "controls": { @@ -3518,11 +3914,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "257", - "h": "49", + "w": "266", + "h": "47", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -3532,61 +3928,44 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "169", + "measuredW": "175", "measuredH": "25", - "x": "44", - "y": "12", + "x": "53", + "y": "11", "properties": { - "text": "OWASP Security Risks", - "size": "17" + "size": "17", + "text": "Fetch API / Ajax (XHR)" } }, { "ID": "2", - "typeID": "__group__", + "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "w": "24", - "h": "24", - "x": "243", - "y": "13", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Icon", - "zOrder": "0", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "1", - "typeID": "Icon", - "zOrder": "1", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "0", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] + "x": "0", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" } } } @@ -3595,78 +3974,17 @@ } }, { - "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", + "ID": "3687", "typeID": "__group__", - "zOrder": "101", - "measuredW": "211", - "measuredH": "53", - "w": "211", - "h": "53", + "zOrder": "90", + "measuredW": "241", + "measuredH": "49", + "w": "241", + "h": "49", "x": "1115", - "y": "1350", + "y": "861", "properties": { - "controlName": "107-package-managers" + "controlName": "104-version-control-systems" }, "children": { "controls": { @@ -3675,8 +3993,8 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "211", - "h": "53", + "w": "241", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -3689,12 +4007,12 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "149", + "measuredW": "186", "measuredH": "25", - "x": "31", - "y": "14", + "x": "28", + "y": "12", "properties": { - "text": "Package Managers", + "text": "Version Control Systems", "size": "17" } } @@ -3703,17 +4021,17 @@ } }, { - "ID": "1308", + "ID": "3688", "typeID": "__group__", - "zOrder": "102", - "measuredW": "144", + "zOrder": "91", + "measuredW": "241", "measuredH": "49", - "w": "144", + "w": "241", "h": "49", - "x": "1218", - "y": "1177", + "x": "1115", + "y": "915", "properties": { - "controlName": "100-package-managers:npm" + "controlName": "105-repo-hosting-services" }, "children": { "controls": { @@ -3722,60 +4040,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "134", + "w": "241", "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "36", - "measuredW": "34", + "measuredW": "97", "measuredH": "25", - "x": "49", + "x": "72", "y": "12", "properties": { "size": "17", - "text": "npm" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "11", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "120", - "y": "11", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "VCS Hosting" } } ] @@ -3783,17 +4068,17 @@ } }, { - "ID": "1309", + "ID": "3689", "typeID": "__group__", - "zOrder": "103", - "measuredW": "144", + "zOrder": "92", + "measuredW": "101", "measuredH": "49", - "w": "144", + "w": "101", "h": "49", - "x": "1218", - "y": "1283", + "x": "1262", + "y": "801", "properties": { - "controlName": "101-package-managers:yarn" + "controlName": "100-version-control-systems:basic-usage-of-git" }, "children": { "controls": { @@ -3802,7 +4087,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "134", + "w": "90", "h": "49", "measuredW": "200", "measuredH": "140", @@ -3816,13 +4101,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "33", + "measuredW": "22", "measuredH": "25", - "x": "50", + "x": "32", "y": "12", "properties": { - "text": "yarn", - "size": "17" + "size": "17", + "text": "Git" } }, { @@ -3831,7 +4116,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "120", + "x": "77", "y": "13", "properties": { "color": "16777215", @@ -3847,14 +4132,14 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "120", + "x": "77", "y": "13", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -3862,17 +4147,17 @@ } }, { - "ID": "1310", + "ID": "3690", "typeID": "__group__", - "zOrder": "104", - "measuredW": "141", + "zOrder": "93", + "measuredW": "150", "measuredH": "49", - "w": "141", + "w": "150", "h": "49", - "x": "1218", - "y": "1230", + "x": "1216", + "y": "991", "properties": { - "controlName": "102-package-managers:pnpm" + "controlName": "100-repo-hosting-services:github" }, "children": { "controls": { @@ -3881,7 +4166,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "134", + "w": "139", "h": "49", "measuredW": "200", "measuredH": "140", @@ -3895,13 +4180,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "44", + "measuredW": "54", "measuredH": "25", - "x": "45", - "y": "12", + "x": "43", + "y": "13", "properties": { - "size": "17", - "text": "pnpm" + "text": "GitHub", + "size": "17" } }, { @@ -3910,8 +4195,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "117", - "y": "13", + "x": "126", + "y": "11", "properties": { "color": "16777215", "icon": { @@ -3925,64 +4210,33 @@ "typeID": "Icon", "zOrder": "3", "measuredW": "24", - "measuredH": "24", - "x": "117", - "y": "13", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "ID": "1311", - "typeID": "Arrow", - "zOrder": "39", - "w": "1", - "h": "90", - "measuredW": "150", - "measuredH": "100", - "x": "1300", - "y": "1288", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.4028269947427816 - }, - "p1": { - "x": 0.4440021202234877, - "y": -0.00008648613560245134 - }, - "p2": { - "x": 0, - "y": 90.02499016958609 + "measuredH": "24", + "x": "126", + "y": "11", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1318", + "ID": "3691", "typeID": "__group__", - "zOrder": "105", - "measuredW": "216", - "measuredH": "50", - "w": "216", - "h": "50", - "x": "152", - "y": "1536", + "zOrder": "94", + "measuredW": "148", + "measuredH": "49", + "w": "148", + "h": "49", + "x": "1216", + "y": "1096", "properties": { - "controlName": "109-css-preprocessors" + "controlName": "102-repo-hosting-services:bitbucket" }, "children": { "controls": { @@ -3991,75 +4245,94 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "216", - "h": "50", + "w": "138", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "150", + "measuredW": "73", "measuredH": "25", - "x": "33", + "x": "36", "y": "12", "properties": { - "text": "CSS Preprocessors", + "color": "3355443", + "text": "Bitbucket", "size": "17" } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "124", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "124", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "124", + "y": "12", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } } ] } } }, { - "ID": "1319", - "typeID": "Arrow", - "zOrder": "38", - "w": "255", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "633", - "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": "1320", + "ID": "3692", "typeID": "__group__", - "zOrder": "106", - "measuredW": "154", + "zOrder": "95", + "measuredW": "147", "measuredH": "49", - "w": "154", + "w": "147", "h": "49", - "x": "290", - "y": "1684", + "x": "1216", + "y": "1043", "properties": { - "controlName": "101-css-preprocessors:postcss" + "controlName": "101-repo-hosting-services:gitlab" }, "children": { "controls": { @@ -4068,7 +4341,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", + "w": "137", "h": "49", "measuredW": "200", "measuredH": "140", @@ -4082,23 +4355,23 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "74", - "measuredW": "66", + "measuredW": "51", "measuredH": "25", - "x": "39", + "x": "43", "y": "12", "properties": { + "color": "3355443", "size": "17", - "text": "PostCSS" + "text": "GitLab" } }, { - "ID": "2", + "ID": "3", "typeID": "Icon", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "130", + "x": "123", "y": "13", "properties": { "color": "16777215", @@ -4109,15 +4382,31 @@ } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "130", + "x": "123", "y": "13", "properties": { - "color": "10066329", + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "123", + "y": "13", + "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" @@ -4129,17 +4418,17 @@ } }, { - "ID": "1321", + "ID": "3693", "typeID": "__group__", - "zOrder": "107", - "measuredW": "155", + "zOrder": "96", + "measuredW": "217", "measuredH": "49", - "w": "155", + "w": "217", "h": "49", - "x": "290", - "y": "1629", + "x": "148", + "y": "2008", "properties": { - "controlName": "100-css-preprocessors:sass" + "controlName": "106-web-security-knowledge" }, "children": { "controls": { @@ -4148,59 +4437,76 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "146", + "w": "207", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "10", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "46", - "measuredW": "37", + "w": "156", + "measuredW": "155", "measuredH": "25", - "x": "50", + "x": "36", "y": "12", "properties": { "size": "17", - "text": "Sass" + "text": "Web Security Basics" } }, { - "ID": "2", - "typeID": "Icon", + "ID": "4", + "typeID": "__group__", "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "131", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" + "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" + } + } + } + ] } } } @@ -4209,17 +4515,17 @@ } }, { - "ID": "1323", + "ID": "3694", "typeID": "__group__", - "zOrder": "108", - "measuredW": "175", - "measuredH": "50", - "w": "175", - "h": "50", - "x": "275", - "y": "1352", + "zOrder": "97", + "measuredW": "123", + "measuredH": "48", + "w": "123", + "h": "48", + "x": "449", + "y": "2009", "properties": { - "controlName": "108-css-architecture" + "controlName": "102-web-security-knowledge:cors" }, "children": { "controls": { @@ -4228,45 +4534,94 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "175", - "h": "50", + "w": "118", + "h": "48", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "131", + "measuredW": "48", "measuredH": "25", - "x": "22", - "y": "12", + "x": "35", + "y": "11", "properties": { - "text": "CSS Architecture", + "text": "CORS", "size": "17" } + }, + { + "ID": "2", + "typeID": "__group__", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "w": "24", + "h": "24", + "x": "99", + "y": "12", + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "Icon", + "zOrder": "0", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "1", + "typeID": "Icon", + "zOrder": "1", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "0", + "properties": { + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } } ] } } }, { - "ID": "1324", + "ID": "3695", "typeID": "__group__", - "zOrder": "109", - "measuredW": "161", + "zOrder": "98", + "measuredW": "144", "measuredH": "49", - "w": "161", + "w": "144", "h": "49", - "x": "290", - "y": "1430", + "x": "572", + "y": "2008", "properties": { - "controlName": "100-css-architecture:bem" + "controlName": "100-web-security-knowledge:https" }, "children": { "controls": { @@ -4275,7 +4630,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "151", + "w": "134", "h": "49", "measuredW": "200", "measuredH": "140", @@ -4289,45 +4644,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "45", - "measuredW": "38", + "measuredW": "54", "measuredH": "25", - "x": "53", + "x": "40", "y": "12", "properties": { - "size": "17", - "text": "BEM" + "text": "HTTPS", + "size": "17" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "__group__", "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", + "w": "24", + "h": "24", + "x": "120", "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" + "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" + } + } + } + ] } } } @@ -4336,94 +4707,17 @@ } }, { - "ID": "1329", - "typeID": "Arrow", - "zOrder": "110", - "w": "31", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "896", - "y": "1378", - "properties": { - "color": "2848996", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 31.53077722379544, - "y": -0.4891725128713915 - }, - "p1": { - "x": 0.4693732787810534, - "y": 0.004541857492184634 - }, - "p2": { - "x": 0.39905954407345234, - "y": -0.4891725128713915 - } - } - }, - { - "ID": "1330", - "typeID": "__group__", - "zOrder": "111", - "measuredW": "213", - "measuredH": "53", - "w": "213", - "h": "53", - "x": "840", - "y": "1350", - "properties": { - "controlName": "111-pick-a-framework" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "213", - "h": "53", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "142", - "measuredW": "136", - "measuredH": "25", - "x": "36", - "y": "14", - "properties": { - "size": "17", - "text": "Pick a Framework" - } - } - ] - } - } - }, - { - "ID": "1331", + "ID": "3696", "typeID": "__group__", - "zOrder": "112", - "measuredW": "152", + "zOrder": "99", + "measuredW": "267", "measuredH": "49", - "w": "152", + "w": "267", "h": "49", - "x": "832", - "y": "1162", + "x": "449", + "y": "2061", "properties": { - "controlName": "100-pick-a-framework:react-js" + "controlName": "101-web-security-knowledge:content-security-policy" }, "children": { "controls": { @@ -4432,11 +4726,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", + "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -4446,44 +4740,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "47", + "measuredW": "175", "measuredH": "25", - "x": "56", + "x": "41", "y": "12", "properties": { - "text": "React", + "text": "Content Security Policy", "size": "17" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "__group__", "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", + "w": "24", + "h": "24", + "x": "243", "y": "13", - "properties": { - "color": "10027263", - "icon": { - "ID": "check-circle", - "size": "small" + "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" + } + } + } + ] } } } @@ -4492,17 +4803,17 @@ } }, { - "ID": "1332", + "ID": "3697", "typeID": "__group__", - "zOrder": "113", - "measuredW": "153", + "zOrder": "100", + "measuredW": "267", "measuredH": "49", - "w": "153", + "w": "267", "h": "49", - "x": "830", - "y": "1269", + "x": "449", + "y": "2114", "properties": { - "controlName": "101-pick-a-framework:angular" + "controlName": "103-web-security-knowledge:owasp-security-risks" }, "children": { "controls": { @@ -4511,11 +4822,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", + "w": "257", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -4525,61 +4836,61 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "64", - "measuredW": "59", + "measuredW": "169", "measuredH": "25", - "x": "49", + "x": "44", "y": "12", "properties": { - "size": "17", - "text": "Angular" + "text": "OWASP Security Risks", + "size": "17" } }, { "ID": "2", - "typeID": "Icon", + "typeID": "__group__", "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", + "w": "24", + "h": "24", + "x": "243", "y": "13", - "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" + "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" + } + } + } + ] } } } @@ -4588,17 +4899,17 @@ } }, { - "ID": "1333", + "ID": "3698", "typeID": "__group__", - "zOrder": "114", - "measuredW": "152", - "measuredH": "49", - "w": "152", - "h": "49", - "x": "832", - "y": "1215", + "zOrder": "101", + "measuredW": "211", + "measuredH": "53", + "w": "211", + "h": "53", + "x": "1115", + "y": "1350", "properties": { - "controlName": "102-pick-a-framework:vue-js" + "controlName": "107-package-managers" }, "children": { "controls": { @@ -4607,75 +4918,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", - "h": "49", + "w": "211", + "h": "53", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "45", + "measuredW": "149", "measuredH": "25", - "x": "58", - "y": "12", - "properties": { - "text": "Vue.js", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", + "x": "31", + "y": "14", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "text": "Package Managers", + "size": "17" } } ] @@ -4683,17 +4946,17 @@ } }, { - "ID": "1334", + "ID": "3699", "typeID": "__group__", - "zOrder": "115", - "measuredW": "152", + "zOrder": "102", + "measuredW": "144", "measuredH": "49", - "w": "152", + "w": "144", "h": "49", - "x": "833", - "y": "1432", + "x": "1218", + "y": "1177", "properties": { - "controlName": "103-pick-a-framework:svelte" + "controlName": "100-package-managers:npm" }, "children": { "controls": { @@ -4702,11 +4965,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", + "w": "134", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -4716,13 +4979,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "48", + "w": "36", + "measuredW": "34", "measuredH": "25", - "x": "58", + "x": "49", "y": "12", "properties": { "size": "17", - "text": "Svelte" + "text": "npm" } }, { @@ -4731,8 +4995,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "13", + "x": "120", + "y": "11", "properties": { "color": "16777215", "icon": { @@ -4747,26 +5011,10 @@ "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", + "x": "120", + "y": "11", "properties": { - "color": "3700253", + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" @@ -4778,17 +5026,17 @@ } }, { - "ID": "1335", + "ID": "3700", "typeID": "__group__", - "zOrder": "116", - "measuredW": "152", + "zOrder": "103", + "measuredW": "144", "measuredH": "49", - "w": "152", + "w": "144", "h": "49", - "x": "833", - "y": "1485", + "x": "1218", + "y": "1283", "properties": { - "controlName": "104-pick-a-framework:solid-js" + "controlName": "101-package-managers:yarn" }, "children": { "controls": { @@ -4797,11 +5045,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", + "w": "134", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "7", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -4811,13 +5059,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "61", + "measuredW": "33", "measuredH": "25", - "x": "58", + "x": "50", "y": "12", "properties": { - "size": "17", - "text": "Solid JS" + "text": "yarn", + "size": "17" } }, { @@ -4826,7 +5074,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "120", "y": "13", "properties": { "color": "16777215", @@ -4842,30 +5090,14 @@ "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", + "x": "120", "y": "13", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -4873,77 +5105,17 @@ } }, { - "ID": "1336", - "typeID": "Arrow", - "zOrder": "37", - "w": "1", - "h": "169", - "measuredW": "150", - "measuredH": "100", - "x": "903", - "y": "1296", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0, - "y": 0.178285838126385 - }, - "p1": { - "x": 0.44400212022348745, - "y": -0.00008648613560245136 - }, - "p2": { - "x": 0, - "y": 169.40327808941106 - } - } - }, - { - "ID": "1338", - "typeID": "Arrow", - "zOrder": "117", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "619", - "y": "1385", - "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": "1339", + "ID": "3701", "typeID": "__group__", - "zOrder": "118", - "measuredW": "179", - "measuredH": "50", - "w": "179", - "h": "50", - "x": "530", - "y": "1352", + "zOrder": "104", + "measuredW": "141", + "measuredH": "49", + "w": "141", + "h": "49", + "x": "1218", + "y": "1230", "properties": { - "controlName": "112-modern-css" + "controlName": "102-package-managers:pnpm" }, "children": { "controls": { @@ -4952,59 +5124,12 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "179", - "h": "50", + "w": "134", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "92", - "measuredH": "25", - "x": "44", - "y": "13", - "properties": { - "size": "17", - "text": "Writing CSS" - } - } - ] - } - } - }, - { - "ID": "1346", - "typeID": "__group__", - "zOrder": "119", - "measuredW": "149", - "measuredH": "48", - "w": "149", - "h": "48", - "x": "545", - "y": "1439", - "properties": { - "controlName": "100-css-frameworks:js-first:tailwind-css" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "139", - "h": "48", - "measuredW": "200", - "measuredH": "140", - "x": "10", - "y": "0", "properties": { "color": "16770457" } @@ -5013,13 +5138,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "61", + "measuredW": "44", "measuredH": "25", - "x": "49", - "y": "11", + "x": "45", + "y": "12", "properties": { "size": "17", - "text": "TailwindCSS" + "text": "pnpm" } }, { @@ -5028,8 +5153,8 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", - "y": "12", + "x": "117", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -5039,35 +5164,66 @@ } }, { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "117", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } + } + }, + { + "ID": "3702", + "typeID": "__group__", + "zOrder": "105", + "measuredW": "216", + "measuredH": "50", + "w": "216", + "h": "50", + "x": "152", + "y": "1536", + "properties": { + "controlName": "109-css-preprocessors" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "216", + "h": "50", + "measuredW": "200", + "measuredH": "140", "x": "0", - "y": "12", + "y": "0", "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "color": "16776960" } }, { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "0", + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "150", + "measuredH": "25", + "x": "33", "y": "12", "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "10027263" + "text": "CSS Preprocessors", + "size": "17" } } ] @@ -5075,17 +5231,17 @@ } }, { - "ID": "1347", + "ID": "3703", "typeID": "__group__", - "zOrder": "120", - "measuredW": "149", + "zOrder": "106", + "measuredW": "154", "measuredH": "49", - "w": "149", + "w": "154", "h": "49", - "x": "545", - "y": "1491", + "x": "290", + "y": "1684", "properties": { - "controlName": "103-css-frameworks:js-first:radix-ui" + "controlName": "101-css-preprocessors:postcss" }, "children": { "controls": { @@ -5094,11 +5250,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "139", + "w": "146", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "10", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -5108,13 +5264,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", + "w": "74", "measuredW": "66", "measuredH": "25", - "x": "44", + "x": "39", "y": "12", "properties": { "size": "17", - "text": "Radix UI" + "text": "PostCSS" } }, { @@ -5123,7 +5280,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "130", "y": "13", "properties": { "color": "16777215", @@ -5139,30 +5296,14 @@ "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", + "x": "130", "y": "13", "properties": { + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -5170,17 +5311,17 @@ } }, { - "ID": "1348", + "ID": "3704", "typeID": "__group__", - "zOrder": "121", - "measuredW": "147", + "zOrder": "107", + "measuredW": "155", "measuredH": "49", - "w": "147", + "w": "155", "h": "49", - "x": "546", - "y": "1583", + "x": "290", + "y": "1629", "properties": { - "controlName": "103-css-frameworks:js-first:shadcn-ui" + "controlName": "100-css-preprocessors:sass" }, "children": { "controls": { @@ -5189,11 +5330,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "139", + "w": "146", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "0", "y": "0", "properties": { "color": "16770457" @@ -5203,13 +5344,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "80", + "w": "46", + "measuredW": "37", "measuredH": "25", - "x": "38", + "x": "50", "y": "12", "properties": { "size": "17", - "text": "Shadcn UI" + "text": "Sass" } }, { @@ -5218,7 +5360,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "0", + "x": "131", "y": "13", "properties": { "color": "16777215", @@ -5234,30 +5376,14 @@ "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", + "x": "131", "y": "13", "properties": { + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -5265,121 +5391,126 @@ } }, { - "ID": "1349", - "typeID": "Arrow", - "zOrder": "36", - "w": "1", - "h": "72", - "measuredW": "150", - "measuredH": "100", - "x": "619", - "y": "1526", - "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": "1356", + "ID": "3705", "typeID": "__group__", - "zOrder": "35", - "measuredW": "560", - "measuredH": "196", - "w": "560", - "h": "196", - "x": "202", - "y": "1106", + "zOrder": "108", + "measuredW": "175", + "measuredH": "50", + "w": "175", + "h": "50", + "x": "275", + "y": "1352", + "properties": { + "controlName": "108-css-architecture" + }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "Canvas", + "typeID": "TextArea", "zOrder": "0", - "w": "560", - "h": "196", - "measuredW": "100", - "measuredH": "70", + "w": "175", + "h": "50", + "measuredW": "200", + "measuredH": "140", "x": "0", - "y": "0" + "y": "0", + "properties": { + "color": "16776960" + } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "480", - "measuredH": "26", - "x": "28", - "y": "22", + "measuredW": "131", + "measuredH": "25", + "x": "22", + "y": "12", "properties": { - "size": "18", - "text": "We have trimmed down the CSS part for the sake of brevity." + "text": "CSS Architecture", + "size": "17" } - }, + } + ] + } + } + }, + { + "ID": "3706", + "typeID": "__group__", + "zOrder": "109", + "measuredW": "161", + "measuredH": "49", + "w": "161", + "h": "49", + "x": "290", + "y": "1430", + "properties": { + "controlName": "100-css-architecture:bem" + }, + "children": { + "controls": { + "control": [ { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "448", - "measuredH": "26", - "x": "28", - "y": "53", + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "151", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", "properties": { - "size": "18", - "text": "However, I would recommend reading about {color:purple}CSS in JS{color}, " + "color": "16770457" } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "3", - "measuredW": "498", - "measuredH": "26", - "x": "28", - "y": "84", + "zOrder": "1", + "w": "45", + "measuredW": "38", + "measuredH": "25", + "x": "53", + "y": "12", "properties": { - "size": "18", - "text": "{color:purple}CSS Modules{color}, {color:purple}Styled Components{color}, {color:purple}Vanilla Extract{color}, {color:purple}Panda CSS{color}" + "size": "17", + "text": "BEM" } }, { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "489", - "measuredH": "26", - "x": "27", - "y": "115", + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "137", + "y": "13", "properties": { - "size": "18", - "text": "and look into different frameworks with pre-built components" + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "371", - "measuredH": "26", - "x": "27", - "y": "146", + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "137", + "y": "13", "properties": { - "size": "18", - "text": "such as {color:blue}MUI{color}, {color:purple}daisyUI{color}, {color:purple}Chakra UI{color} and {color:purple}Mantine{color}." + "color": "10066329", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -5387,223 +5518,269 @@ } }, { - "ID": "1357", + "ID": "3707", "typeID": "Arrow", - "zOrder": "34", - "w": "359", + "zOrder": "110", + "w": "31", "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", + "x": "896", + "y": "1378", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { - "x": -0.260934347128682, - "y": -0.43825342894501773 + "x": 31.53077722379544, + "y": -0.4891725128713915 }, "p1": { - "x": 0.4333905063356262, - "y": 0.007133769851020942 + "x": 0.4693732787810534, + "y": 0.004541857492184634 }, "p2": { - "x": -0.260934347128682, - "y": 94.2468704973428 + "x": 0.39905954407345234, + "y": -0.4891725128713915 } } }, { - "ID": "1361", - "typeID": "Arrow", - "zOrder": "122", - "w": "457", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "217", - "y": "1764", + "ID": "3708", + "typeID": "__group__", + "zOrder": "111", + "measuredW": "213", + "measuredH": "53", + "w": "213", + "h": "53", + "x": "840", + "y": "1350", "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 + "controlName": "111-pick-a-framework" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "213", + "h": "53", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "142", + "measuredW": "136", + "measuredH": "25", + "x": "36", + "y": "14", + "properties": { + "size": "17", + "text": "Pick a Framework" + } + } + ] } } }, { - "ID": "1368", - "typeID": "Arrow", - "zOrder": "123", - "w": "119", - "h": "59", - "measuredW": "150", - "measuredH": "100", - "x": "832", - "y": "1697", - "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": "3709", + "typeID": "__group__", + "zOrder": "112", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "832", + "y": "1162", + "properties": { + "controlName": "100-pick-a-framework:react-js" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "7", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "47", + "measuredH": "25", + "x": "56", + "y": "12", + "properties": { + "text": "React", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1371", - "typeID": "Arrow", - "zOrder": "124", - "w": "133", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "833", - "y": "1764", + "ID": "3710", + "typeID": "__group__", + "zOrder": "113", + "measuredW": "153", + "measuredH": "49", + "w": "153", + "h": "49", + "x": "830", + "y": "1269", "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 + "controlName": "101-pick-a-framework:angular" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "8", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "64", + "measuredW": "59", + "measuredH": "25", + "x": "49", + "y": "12", + "properties": { + "size": "17", + "text": "Angular" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1372", + "ID": "3711", "typeID": "__group__", - "zOrder": "125", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "934", - "y": "1739", + "zOrder": "114", + "measuredW": "152", + "measuredH": "49", + "w": "152", + "h": "49", + "x": "832", + "y": "1215", "properties": { - "controlName": "102-build-tools:linters-formatters" + "controlName": "102-pick-a-framework:vue-js" }, "children": { "controls": { @@ -5612,27 +5789,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": "45", + "measuredH": "25", + "x": "58", + "y": "12", + "properties": { + "text": "Vue.js", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } } }, { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "176", - "measuredH": "25", - "x": "25", + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", "y": "13", "properties": { - "size": "17", - "text": "Linters and Formatters" + "color": "3700253", + "icon": { + "ID": "check-circle", + "size": "small" + } } } ] @@ -5640,17 +5865,17 @@ } }, { - "ID": "1373", + "ID": "3712", "typeID": "__group__", - "zOrder": "126", - "measuredW": "155", + "zOrder": "115", + "measuredW": "152", "measuredH": "49", - "w": "155", + "w": "152", "h": "49", - "x": "1207", - "y": "1745", + "x": "833", + "y": "1432", "properties": { - "controlName": "100-build-tools:linters-formatters:prettier" + "controlName": "103-pick-a-framework:svelte" }, "children": { "controls": { @@ -5663,7 +5888,7 @@ "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { "color": "16770457" @@ -5673,14 +5898,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "66", - "measuredW": "58", + "measuredW": "48", "measuredH": "25", - "x": "44", + "x": "58", "y": "12", "properties": { "size": "17", - "text": "Prettier" + "text": "Svelte" } }, { @@ -5689,7 +5913,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "131", + "x": "0", "y": "13", "properties": { "color": "16777215", @@ -5705,14 +5929,30 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "131", + "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" - }, - "color": "10066329" + } } } ] @@ -5720,17 +5960,17 @@ } }, { - "ID": "1374", + "ID": "3713", "typeID": "__group__", - "zOrder": "127", - "measuredW": "155", + "zOrder": "116", + "measuredW": "152", "measuredH": "49", - "w": "155", + "w": "152", "h": "49", - "x": "1207", - "y": "1798", + "x": "833", + "y": "1485", "properties": { - "controlName": "101-build-tools:linters-formatters:eslint" + "controlName": "104-pick-a-framework:solid-js" }, "children": { "controls": { @@ -5743,7 +5983,7 @@ "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "7", "y": "0", "properties": { "color": "16770457" @@ -5753,14 +5993,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "53", - "measuredW": "51", + "measuredW": "61", "measuredH": "25", - "x": "46", + "x": "58", "y": "12", "properties": { "size": "17", - "text": "ESLint" + "text": "Solid JS" } }, { @@ -5769,7 +6008,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "131", + "x": "0", "y": "13", "properties": { "color": "16777215", @@ -5785,14 +6024,30 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "131", + "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" - }, - "color": "10066329" + } } } ] @@ -5800,46 +6055,46 @@ } }, { - "ID": "1375", + "ID": "3714", "typeID": "Arrow", - "zOrder": "128", - "w": "90", - "h": "2", + "zOrder": "117", + "w": "1", + "h": "72", "measuredW": "150", "measuredH": "100", - "x": "1136", - "y": "1707", + "x": "619", + "y": "1385", "properties": { "color": "2848996", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { - "x": 0.4213496222886306, - "y": 0.18497710519682187 + "x": -0.260934347128682, + "y": -0.43825342894501773 }, "p1": { - "x": 0.4310686842693701, - "y": -0.01854562577101436 + "x": 0.4333905063356262, + "y": 0.007133769851020942 }, "p2": { - "x": 90.75126717989497, - "y": 1.553612219705883 + "x": -0.260934347128682, + "y": 71.67226749671158 } } }, { - "ID": "1376", + "ID": "3715", "typeID": "__group__", - "zOrder": "129", - "measuredW": "211", + "zOrder": "118", + "measuredW": "179", "measuredH": "50", - "w": "211", + "w": "179", "h": "50", - "x": "639", - "y": "1739", + "x": "530", + "y": "1352", "properties": { - "controlName": "110-build-tools" + "controlName": "112-modern-css" }, "children": { "controls": { @@ -5848,7 +6103,7 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "211", + "w": "179", "h": "50", "measuredW": "200", "measuredH": "140", @@ -5862,13 +6117,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "83", + "measuredW": "92", "measuredH": "25", - "x": "64", + "x": "44", "y": "13", "properties": { "size": "17", - "text": "Build Tools" + "text": "Writing CSS" } } ] @@ -5876,17 +6131,112 @@ } }, { - "ID": "1377", + "ID": "3716", "typeID": "__group__", - "zOrder": "130", - "measuredW": "225", - "measuredH": "50", - "w": "225", - "h": "50", - "x": "934", - "y": "1683", + "zOrder": "119", + "measuredW": "149", + "measuredH": "48", + "w": "149", + "h": "48", + "x": "545", + "y": "1439", + "properties": { + "controlName": "100-css-frameworks:js-first:tailwind-css" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "139", + "h": "48", + "measuredW": "200", + "measuredH": "140", + "x": "10", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "94", + "measuredH": "25", + "x": "33", + "y": "11", + "properties": { + "size": "17", + "text": "TailwindCSS" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "12", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" + } + } + ] + } + } + }, + { + "ID": "3717", + "typeID": "__group__", + "zOrder": "120", + "measuredW": "149", + "measuredH": "49", + "w": "149", + "h": "49", + "x": "545", + "y": "1491", "properties": { - "controlName": "100-build-tools:task-runners" + "controlName": "103-css-frameworks:js-first:radix-ui" }, "children": { "controls": { @@ -5895,27 +6245,75 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "225", - "h": "50", + "w": "139", + "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "10", "y": "0", "properties": { - "color": "16776960" + "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "105", + "measuredW": "66", "measuredH": "25", - "x": "60", - "y": "14", + "x": "44", + "y": "12", "properties": { "size": "17", - "text": "Task Runners" + "text": "Radix UI" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "4", + "typeID": "Icon", + "zOrder": "4", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" } } ] @@ -5923,17 +6321,17 @@ } }, { - "ID": "1378", + "ID": "3718", "typeID": "__group__", - "zOrder": "131", - "measuredW": "156", + "zOrder": "121", + "measuredW": "147", "measuredH": "49", - "w": "156", + "w": "147", "h": "49", - "x": "1207", - "y": "1683", + "x": "546", + "y": "1583", "properties": { - "controlName": "100-build-tools:task-runners:npm-scripts" + "controlName": "103-css-frameworks:js-first:shadcn-ui" }, "children": { "controls": { @@ -5942,11 +6340,11 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "145", + "w": "139", "h": "49", "measuredW": "200", "measuredH": "140", - "x": "0", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -5956,13 +6354,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "89", + "measuredW": "80", "measuredH": "25", - "x": "24", + "x": "38", "y": "12", "properties": { "size": "17", - "text": "npm scripts" + "text": "Shadcn UI" } }, { @@ -5971,7 +6369,7 @@ "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "132", + "x": "0", "y": "13", "properties": { "color": "16777215", @@ -5987,56 +6385,193 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "132", + "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": "1379", + "ID": "3719", + "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": "3720", + "typeID": "Arrow", + "zOrder": "123", + "w": "119", + "h": "59", + "measuredW": "150", + "measuredH": "100", + "x": "832", + "y": "1697", + "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": "3721", + "typeID": "Arrow", + "zOrder": "124", + "w": "133", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "833", + "y": "1764", + "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": "3722", "typeID": "__group__", - "zOrder": "132", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1206", - "y": "1542", + "zOrder": "125", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "934", + "y": "1739", "properties": { - "controlName": "100-build-tools:module-bundlers:webpack" + "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": "0", - "w": "72", - "measuredW": "72", + "zOrder": "1", + "measuredW": "176", "measuredH": "25", - "x": "52", - "y": "7", + "x": "25", + "y": "13", "properties": { "size": "17", - "text": "Webpack" + "text": "Linters and Formatters" } - }, + } + ] + } + } + }, + { + "ID": "3723", + "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": "2", + "ID": "0", "typeID": "TextArea", - "zOrder": "1", - "w": "148", - "h": "40", + "zOrder": "0", + "w": "145", + "h": "49", "measuredW": "200", "measuredH": "140", "x": "0", @@ -6046,26 +6581,27 @@ } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "measuredW": "72", + "zOrder": "1", + "w": "66", + "measuredW": "58", "measuredH": "25", - "x": "42", - "y": "7", + "x": "44", + "y": "12", "properties": { - "text": "Webpack", - "size": "17" + "size": "17", + "text": "Prettier" } }, { - "ID": "4", + "ID": "2", "typeID": "Icon", - "zOrder": "3", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "131", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -6075,19 +6611,19 @@ } }, { - "ID": "5", + "ID": "3", "typeID": "Icon", - "zOrder": "4", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "131", + "y": "13", "properties": { "icon": { "ID": "check-circle", "size": "small" }, - "color": "3700253" + "color": "10066329" } } ] @@ -6095,41 +6631,27 @@ } }, { - "ID": "1380", + "ID": "3724", "typeID": "__group__", - "zOrder": "133", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1206", - "y": "1586", + "zOrder": "127", + "measuredW": "155", + "measuredH": "49", + "w": "155", + "h": "49", + "x": "1207", + "y": "1798", "properties": { - "controlName": "102-build-tools:module-bundlers:rollup" + "controlName": "101-build-tools:linters-formatters:eslint" }, "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", @@ -6139,43 +6661,27 @@ } }, { - "ID": "3", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", + "zOrder": "1", + "w": "53", + "measuredW": "51", "measuredH": "25", - "x": "55", - "y": "7", + "x": "46", + "y": "12", "properties": { "size": "17", - "text": "Rollup" - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } + "text": "ESLint" } }, { - "ID": "5", + "ID": "2", "typeID": "Icon", - "zOrder": "4", + "zOrder": "2", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "131", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -6185,19 +6691,19 @@ } }, { - "ID": "6", + "ID": "3", "typeID": "Icon", - "zOrder": "5", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "134", - "y": "8", + "x": "131", + "y": "13", "properties": { - "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "10066329" } } ] @@ -6205,109 +6711,75 @@ } }, { - "ID": "1381", + "ID": "3725", + "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": "3726", "typeID": "__group__", - "zOrder": "134", - "measuredW": "158", - "measuredH": "40", - "w": "158", - "h": "40", - "x": "1206", - "y": "1631", + "zOrder": "129", + "measuredW": "211", + "measuredH": "50", + "w": "211", + "h": "50", + "x": "639", + "y": "1739", "properties": { - "controlName": "103-build-tools:module-bundlers:parcel" + "controlName": "110-build-tools" }, "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": "211", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { - "ID": "2", + "ID": "1", "typeID": "Label", - "zOrder": "2", - "w": "63", - "measuredW": "49", - "measuredH": "25", - "x": "55", - "y": "7", - "properties": { - "size": "17", - "text": "Parcel" - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "4", - "typeID": "Icon", - "zOrder": "4", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "5", - "typeID": "Icon", - "zOrder": "5", - "measuredW": "24", - "measuredH": "24", - "x": "134", - "y": "8", + "zOrder": "1", + "measuredW": "83", + "measuredH": "25", + "x": "64", + "y": "13", "properties": { - "color": "3700253", - "icon": { - "ID": "check-circle", - "size": "small" - } + "size": "17", + "text": "Build Tools" } } ] @@ -6315,17 +6787,17 @@ } }, { - "ID": "1382", + "ID": "3727", "typeID": "__group__", - "zOrder": "135", + "zOrder": "130", "measuredW": "225", "measuredH": "50", "w": "225", "h": "50", "x": "934", - "y": "1625", + "y": "1683", "properties": { - "controlName": "101-build-tools:module-bundlers" + "controlName": "100-build-tools:task-runners" }, "children": { "controls": { @@ -6348,13 +6820,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "131", + "measuredW": "105", "measuredH": "25", - "x": "47", - "y": "13", + "x": "60", + "y": "14", "properties": { "size": "17", - "text": "Module Bundlers" + "text": "Task Runners" } } ] @@ -6362,17 +6834,96 @@ } }, { - "ID": "1383", + "ID": "3728", "typeID": "__group__", - "zOrder": "136", - "measuredW": "159", + "zOrder": "131", + "measuredW": "156", + "measuredH": "49", + "w": "156", + "h": "49", + "x": "1207", + "y": "1683", + "properties": { + "controlName": "100-build-tools:task-runners:npm-scripts" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "145", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "89", + "measuredH": "25", + "x": "24", + "y": "12", + "properties": { + "size": "17", + "text": "npm scripts" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "132", + "y": "13", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] + } + } + }, + { + "ID": "3729", + "typeID": "__group__", + "zOrder": "132", + "measuredW": "158", "measuredH": "40", - "w": "159", + "w": "158", "h": "40", - "x": "1205", - "y": "1498", + "x": "1206", + "y": "1542", "properties": { - "controlName": "101-build-tools:module-bundlers:esbuild" + "controlName": "100-build-tools:module-bundlers:webpack" }, "children": { "controls": { @@ -6395,7 +6946,7 @@ "ID": "2", "typeID": "TextArea", "zOrder": "1", - "w": "149", + "w": "148", "h": "40", "measuredW": "200", "measuredH": "140", @@ -6409,13 +6960,13 @@ "ID": "3", "typeID": "Label", "zOrder": "2", - "measuredW": "55", + "measuredW": "72", "measuredH": "25", - "x": "50", + "x": "42", "y": "7", "properties": { - "size": "17", - "text": "esbuild" + "text": "Webpack", + "size": "17" } }, { @@ -6424,7 +6975,7 @@ "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "135", + "x": "134", "y": "8", "properties": { "color": "16777215", @@ -6440,14 +6991,14 @@ "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "135", + "x": "134", "y": "8", "properties": { - "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - } + }, + "color": "3700253" } } ] @@ -6455,23 +7006,23 @@ } }, { - "ID": "1384", + "ID": "3730", "typeID": "__group__", - "zOrder": "137", - "measuredW": "159", + "zOrder": "133", + "measuredW": "158", "measuredH": "40", - "w": "159", + "w": "158", "h": "40", - "x": "1205", - "y": "1454", + "x": "1206", + "y": "1586", "properties": { - "controlName": "104-build-tools:module-bundlers:vite" + "controlName": "102-build-tools:module-bundlers:rollup" }, "children": { "controls": { "control": [ { - "ID": "0", + "ID": "1", "typeID": "Label", "zOrder": "0", "w": "46", @@ -6481,14 +7032,14 @@ "y": "7", "properties": { "size": "17", - "text": "Parcel" + "text": "Rollup" } }, { - "ID": "1", + "ID": "2", "typeID": "TextArea", "zOrder": "1", - "w": "151", + "w": "147", "h": "40", "measuredW": "200", "measuredH": "140", @@ -6499,26 +7050,27 @@ } }, { - "ID": "2", + "ID": "3", "typeID": "Label", "zOrder": "2", - "measuredW": "30", + "w": "63", + "measuredW": "49", "measuredH": "25", - "x": "53", + "x": "55", "y": "7", "properties": { "size": "17", - "text": "Vite" + "text": "Rollup" } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "135", - "y": "7", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -6528,13 +7080,13 @@ } }, { - "ID": "4", + "ID": "5", "typeID": "Icon", "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "135", - "y": "7", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -6544,19 +7096,19 @@ } }, { - "ID": "5", + "ID": "6", "typeID": "Icon", "zOrder": "5", "measuredW": "24", "measuredH": "24", - "x": "135", - "y": "7", + "x": "134", + "y": "8", "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" + } } } ] @@ -6564,87 +7116,41 @@ } }, { - "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", + "ID": "3731", "typeID": "__group__", - "zOrder": "140", - "measuredW": "149", - "measuredH": "49", - "w": "149", - "h": "49", - "x": "1211", - "y": "1934", + "zOrder": "134", + "measuredW": "158", + "measuredH": "40", + "w": "158", + "h": "40", + "x": "1206", + "y": "1631", "properties": { - "controlName": "100-testing-your-apps:jest" + "controlName": "103-build-tools:module-bundlers:parcel" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Label", "zOrder": "0", - "w": "137", - "h": "49", + "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", @@ -6654,27 +7160,27 @@ } }, { - "ID": "1", + "ID": "2", "typeID": "Label", - "zOrder": "1", - "w": "39", - "measuredW": "33", + "zOrder": "2", + "w": "63", + "measuredW": "49", "measuredH": "25", - "x": "49", - "y": "12", + "x": "55", + "y": "7", "properties": { "size": "17", - "text": "Jest" + "text": "Parcel" } }, { - "ID": "2", + "ID": "3", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "125", - "y": "13", + "x": "134", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -6684,19 +7190,35 @@ } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "125", - "y": "13", + "x": "134", + "y": "8", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "134", + "y": "8", "properties": { + "color": "3700253", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -6704,17 +7226,17 @@ } }, { - "ID": "1390", + "ID": "3732", "typeID": "__group__", - "zOrder": "141", - "measuredW": "153", - "measuredH": "49", - "w": "153", - "h": "49", - "x": "1211", - "y": "2052", + "zOrder": "135", + "measuredW": "225", + "measuredH": "50", + "w": "225", + "h": "50", + "x": "934", + "y": "1625", "properties": { - "controlName": "102-testing-your-apps:cypress" + "controlName": "101-build-tools:module-bundlers" }, "children": { "controls": { @@ -6723,59 +7245,27 @@ "ID": "0", "typeID": "TextArea", "zOrder": "0", - "w": "141", - "h": "49", + "w": "225", + "h": "50", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "63", + "measuredW": "131", "measuredH": "25", - "x": "43", - "y": "12", - "properties": { - "text": "Cypress", - "size": "17" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "129", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "129", + "x": "47", "y": "13", "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" + "size": "17", + "text": "Module Bundlers" } } ] @@ -6783,27 +7273,41 @@ } }, { - "ID": "1391", + "ID": "3733", "typeID": "__group__", - "zOrder": "142", - "measuredW": "150", - "measuredH": "49", - "w": "150", - "h": "49", - "x": "1211", - "y": "1999", + "zOrder": "136", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1205", + "y": "1498", "properties": { - "controlName": "104-testing-your-apps:playwright" + "controlName": "101-build-tools:module-bundlers:esbuild" }, "children": { "controls": { "control": [ { - "ID": "0", - "typeID": "TextArea", + "ID": "1", + "typeID": "Label", "zOrder": "0", - "w": "139", - "h": "49", + "w": "72", + "measuredW": "72", + "measuredH": "25", + "x": "52", + "y": "7", + "properties": { + "size": "17", + "text": "Webpack" + } + }, + { + "ID": "2", + "typeID": "TextArea", + "zOrder": "1", + "w": "149", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", @@ -6813,26 +7317,26 @@ } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "measuredW": "78", + "zOrder": "2", + "measuredW": "55", "measuredH": "25", - "x": "31", - "y": "12", + "x": "50", + "y": "7", "properties": { "size": "17", - "text": "Playwright" + "text": "esbuild" } }, { - "ID": "2", + "ID": "4", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "126", - "y": "13", + "x": "135", + "y": "8", "properties": { "color": "16777215", "icon": { @@ -6842,66 +7346,19 @@ } }, { - "ID": "3", + "ID": "5", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "126", - "y": "13", + "x": "135", + "y": "8", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "10027263" - } - } - ] - } - } - }, - { - "ID": "1400", - "typeID": "__group__", - "zOrder": "139", - "measuredW": "217", - "measuredH": "50", - "w": "217", - "h": "50", - "x": "937", - "y": "1881", - "properties": { - "controlName": "115-testing-your-apps" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "217", - "h": "50", - "measuredW": "200", - "measuredH": "140", - "x": "0", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "144", - "measuredH": "26", - "x": "37", - "y": "12", - "properties": { - "size": "18", - "text": "Testing your Apps" + } } } ] @@ -6909,27 +7366,41 @@ } }, { - "ID": "1401", + "ID": "3734", "typeID": "__group__", - "zOrder": "143", - "measuredW": "148", - "measuredH": "49", - "w": "148", - "h": "49", - "x": "1211", - "y": "1881", + "zOrder": "137", + "measuredW": "159", + "measuredH": "40", + "w": "159", + "h": "40", + "x": "1205", + "y": "1454", "properties": { - "controlName": "101-testing-your-apps:vitest" + "controlName": "104-build-tools:module-bundlers:vite" }, "children": { "controls": { "control": [ { "ID": "0", - "typeID": "TextArea", + "typeID": "Label", "zOrder": "0", - "w": "137", - "h": "49", + "w": "46", + "measuredW": "49", + "measuredH": "25", + "x": "65", + "y": "7", + "properties": { + "size": "17", + "text": "Parcel" + } + }, + { + "ID": "1", + "typeID": "TextArea", + "zOrder": "1", + "w": "151", + "h": "40", "measuredW": "200", "measuredH": "140", "x": "0", @@ -6939,26 +7410,26 @@ } }, { - "ID": "1", + "ID": "2", "typeID": "Label", - "zOrder": "1", - "measuredW": "44", + "zOrder": "2", + "measuredW": "30", "measuredH": "25", - "x": "47", - "y": "12", + "x": "53", + "y": "7", "properties": { "size": "17", - "text": "Vitest" + "text": "Vite" } }, { - "ID": "2", + "ID": "3", "typeID": "Icon", - "zOrder": "2", + "zOrder": "3", "measuredW": "24", "measuredH": "24", - "x": "124", - "y": "13", + "x": "135", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -6968,403 +7439,479 @@ } }, { - "ID": "3", + "ID": "4", "typeID": "Icon", - "zOrder": "3", + "zOrder": "4", "measuredW": "24", "measuredH": "24", - "x": "124", - "y": "13", + "x": "135", + "y": "7", "properties": { - "color": "10027263", + "color": "16777215", "icon": { - "ID": "check-circle", + "ID": "circle", "size": "small" } } - } - ] - } - } - }, - { - "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": "5", + "typeID": "Icon", + "zOrder": "5", + "measuredW": "24", + "measuredH": "24", + "x": "135", + "y": "7", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" + } + } + ] } } }, { - "ID": "1412", + "ID": "3735", "typeID": "Arrow", - "zOrder": "23", - "w": "120", - "h": "125", + "zOrder": "138", + "w": "125", + "h": "1", "measuredW": "150", "measuredH": "100", - "x": "1092", - "y": "1510", + "x": "1111", + "y": "1905", "properties": { - "color": "2848996", + "color": "10027263", + "curvature": "0", "leftArrow": "false", "rightArrow": "false", "stroke": "dotted", "p0": { - "x": -0.3616214793498784, - "y": 125.08545266946089 + "x": 125.56361173667028, + "y": -0.3742069550698943 }, "p1": { - "x": 0.4522713341747513, - "y": -0.11851734900794086 + "x": 0.49341099681910183, + "y": -0.0011566902135745852 }, "p2": { - "x": 119.5838299877339, - "y": -0.25080560513220007 + "x": 0.22735346207707607, + "y": 0.6688981505619722 } } }, { - "ID": "1413", - "typeID": "Arrow", - "zOrder": "22", - "w": "129", - "h": "86", - "measuredW": "150", - "measuredH": "100", - "x": "1085", - "y": "1556", + "ID": "3736", + "typeID": "__group__", + "zOrder": "139", + "measuredW": "217", + "measuredH": "50", + "w": "217", + "h": "50", + "x": "937", + "y": "1881", "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 + "controlName": "115-testing-your-apps" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "217", + "h": "50", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16776960" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "144", + "measuredH": "26", + "x": "37", + "y": "12", + "properties": { + "size": "18", + "text": "Testing your Apps" + } + } + ] + } + } + }, + { + "ID": "3737", + "typeID": "__group__", + "zOrder": "140", + "measuredW": "149", + "measuredH": "49", + "w": "149", + "h": "49", + "x": "1211", + "y": "1934", + "properties": { + "controlName": "100-testing-your-apps:jest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "137", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "w": "39", + "measuredW": "33", + "measuredH": "25", + "x": "49", + "y": "12", + "properties": { + "size": "17", + "text": "Jest" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "125", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "125", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } + } + }, + { + "ID": "3738", + "typeID": "__group__", + "zOrder": "141", + "measuredW": "153", + "measuredH": "49", + "w": "153", + "h": "49", + "x": "1211", + "y": "2052", + "properties": { + "controlName": "102-testing-your-apps:cypress" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "141", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "63", + "measuredH": "25", + "x": "43", + "y": "12", + "properties": { + "text": "Cypress", + "size": "17" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "129", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "129", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] } } }, { - "ID": "1414", - "typeID": "Arrow", - "zOrder": "21", - "w": "84", - "h": "44", + "ID": "3739", + "typeID": "__group__", + "zOrder": "142", "measuredW": "150", - "measuredH": "100", - "x": "1131", - "y": "1599", + "measuredH": "49", + "w": "150", + "h": "49", + "x": "1211", + "y": "1999", "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 + "controlName": "104-testing-your-apps:playwright" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "139", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "78", + "measuredH": "25", + "x": "31", + "y": "12", + "properties": { + "size": "17", + "text": "Playwright" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "126", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "126", + "y": "13", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "10027263" + } + } + ] } } }, { - "ID": "1415", - "typeID": "Arrow", - "zOrder": "20", - "w": "86", - "h": "4", - "measuredW": "150", - "measuredH": "100", - "x": "1135", - "y": "1652", + "ID": "3740", + "typeID": "__group__", + "zOrder": "143", + "measuredW": "148", + "measuredH": "49", + "w": "148", + "h": "49", + "x": "1211", + "y": "1881", "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 + "controlName": "101-testing-your-apps:vitest" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "137", + "h": "49", + "measuredW": "200", + "measuredH": "140", + "x": "0", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "44", + "measuredH": "25", + "x": "47", + "y": "12", + "properties": { + "size": "17", + "text": "Vitest" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "124", + "y": "13", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "124", + "y": "13", + "properties": { + "color": "10027263", + "icon": { + "ID": "check-circle", + "size": "small" + } + } + } + ] } } }, { - "ID": "1416", - "typeID": "Arrow", - "zOrder": "19", - "w": "111", - "h": "97", - "measuredW": "150", - "measuredH": "100", - "x": "830", - "y": "1644", + "ID": "3741", + "typeID": "Label", + "zOrder": "144", + "w": "349", + "measuredW": "328", + "measuredH": "25", + "x": "790", + "y": "2051", "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 - } + "size": "17", + "text": "and {color:purple}Functional{color} tests and learn how to write" } }, { - "ID": "1417", - "typeID": "Arrow", - "zOrder": "18", - "w": "359", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "589", - "y": "1917", + "ID": "3742", + "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": "3743", + "typeID": "Label", + "zOrder": "146", + "w": "362", + "measuredW": "361", + "measuredH": "25", + "x": "789", + "y": "2021", "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 - } + "size": "17", + "text": "Learn the difference between {color:purple}Unit{color}, {color:purple}Integration{color}, " } }, { - "ID": "1418", + "ID": "3744", "typeID": "__group__", "zOrder": "147", "measuredW": "401", @@ -7424,37 +7971,7 @@ } }, { - "ID": "1419", - "typeID": "Arrow", - "zOrder": "17", - "w": "180", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "216", - "y": "1920", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": -0.09099116403851326, - "y": -0.42963780949344255 - }, - "p1": { - "x": 0.44386240125497295, - "y": -0.00008403832147459042 - }, - "p2": { - "x": 180.31638133717956, - "y": -0.42963780949344255 - } - } - }, - { - "ID": "1420", + "ID": "3745", "typeID": "__group__", "zOrder": "148", "measuredW": "152", @@ -7549,99 +8066,7 @@ } }, { - "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": "1423", - "typeID": "Arrow", - "zOrder": "14", - "w": "154", - "h": "54", - "measuredW": "150", - "measuredH": "100", - "x": "303", - "y": "2040", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": -0.1105047472654519, - "y": 0.2589532956762923 - }, - "p1": { - "x": 0.5899301498632965, - "y": 0.09282014773853087 - }, - "p2": { - "x": 154.1102158498499, - "y": 54.54464694586113 - } - } - }, - { - "ID": "1424", - "typeID": "Arrow", - "zOrder": "15", - "w": "139", - "h": "102", - "measuredW": "150", - "measuredH": "100", - "x": "316", - "y": "2041", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "p0": { - "x": 0.46091866528070113, - "y": 0.4927190604535099 - }, - "p1": { - "x": 0.5899301498632966, - "y": 0.09282014773853087 - }, - "p2": { - "x": 139.87645008507297, - "y": 102.89527753693801 - } - } - }, - { - "ID": "1425", + "ID": "3746", "typeID": "Arrow", "zOrder": "149", "w": "104", @@ -7672,7 +8097,7 @@ } }, { - "ID": "1426", + "ID": "3747", "typeID": "Arrow", "zOrder": "150", "w": "127", @@ -7703,7 +8128,7 @@ } }, { - "ID": "1427", + "ID": "3748", "typeID": "Arrow", "zOrder": "151", "w": "109", @@ -7733,7 +8158,7 @@ } }, { - "ID": "1428", + "ID": "3749", "typeID": "__group__", "zOrder": "152", "measuredW": "238", @@ -7812,7 +8237,7 @@ } }, { - "ID": "1429", + "ID": "3750", "typeID": "__group__", "zOrder": "153", "measuredW": "199", @@ -7892,7 +8317,7 @@ } }, { - "ID": "1430", + "ID": "3751", "typeID": "__group__", "zOrder": "154", "measuredW": "199", @@ -7972,7 +8397,7 @@ } }, { - "ID": "1431", + "ID": "3752", "typeID": "__group__", "zOrder": "155", "measuredW": "199", @@ -8052,67 +8477,7 @@ } }, { - "ID": "1432", - "typeID": "Arrow", - "zOrder": "13", - "w": "262", - "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": "1433", - "typeID": "Arrow", - "zOrder": "12", - "w": "262", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "215", - "y": "2282", - "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": "1434", + "ID": "3753", "typeID": "Arrow", "zOrder": "156", "w": "1", @@ -8142,7 +8507,7 @@ } }, { - "ID": "1435", + "ID": "3754", "typeID": "__group__", "zOrder": "157", "measuredW": "213", @@ -8221,7 +8586,7 @@ } }, { - "ID": "1436", + "ID": "3755", "typeID": "__group__", "zOrder": "158", "measuredW": "206", @@ -8301,70 +8666,39 @@ "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": "1437", - "typeID": "Arrow", - "zOrder": "11", - "w": "84", - "h": "1", - "measuredW": "150", - "measuredH": "100", - "x": "349", - "y": "2371", - "properties": { - "color": "2848996", - "curvature": "-1", - "direction": "bottom", - "leftArrow": "false", - "rightArrow": "false", - "p0": { - "x": 0, - "y": -0.05937132975032 - }, - "p1": { - "x": 0.44375415870820895, - "y": -0.00008705358532379558 - }, - "p2": { - "x": 84.23358520389218, - "y": -0.05937132975032 - }, - "stroke": "dotted" + "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": "1438", + "ID": "3756", "typeID": "Arrow", "zOrder": "159", "w": "1122", @@ -8394,7 +8728,7 @@ } }, { - "ID": "1439", + "ID": "3757", "typeID": "Arrow", "zOrder": "160", "w": "65", @@ -8424,7 +8758,7 @@ } }, { - "ID": "1441", + "ID": "3758", "typeID": "Arrow", "zOrder": "161", "w": "78", @@ -8455,7 +8789,7 @@ } }, { - "ID": "1445", + "ID": "3759", "typeID": "Arrow", "zOrder": "162", "w": "97", @@ -8486,7 +8820,7 @@ } }, { - "ID": "1446", + "ID": "3760", "typeID": "Arrow", "zOrder": "163", "w": "65", @@ -8516,7 +8850,7 @@ } }, { - "ID": "1447", + "ID": "3761", "typeID": "Arrow", "zOrder": "164", "w": "65", @@ -8546,7 +8880,7 @@ } }, { - "ID": "1448", + "ID": "3762", "typeID": "__group__", "zOrder": "165", "measuredW": "285", @@ -8625,7 +8959,7 @@ } }, { - "ID": "1449", + "ID": "3763", "typeID": "__group__", "zOrder": "166", "measuredW": "125", @@ -8704,7 +9038,7 @@ } }, { - "ID": "1450", + "ID": "3764", "typeID": "__group__", "zOrder": "167", "measuredW": "116", @@ -8783,7 +9117,7 @@ } }, { - "ID": "1451", + "ID": "3765", "typeID": "__group__", "zOrder": "168", "measuredW": "127", @@ -8879,7 +9213,7 @@ } }, { - "ID": "1452", + "ID": "3766", "typeID": "__group__", "zOrder": "169", "measuredW": "121", @@ -8975,7 +9309,7 @@ } }, { - "ID": "1453", + "ID": "3767", "typeID": "__group__", "zOrder": "170", "measuredW": "127", @@ -9071,7 +9405,7 @@ } }, { - "ID": "1454", + "ID": "3768", "typeID": "__group__", "zOrder": "171", "measuredW": "122", @@ -9167,7 +9501,7 @@ } }, { - "ID": "1455", + "ID": "3769", "typeID": "__group__", "zOrder": "172", "measuredW": "116", @@ -9246,7 +9580,7 @@ } }, { - "ID": "1456", + "ID": "3770", "typeID": "__group__", "zOrder": "173", "measuredW": "128", @@ -9341,7 +9675,7 @@ } }, { - "ID": "1457", + "ID": "3771", "typeID": "__group__", "zOrder": "174", "measuredW": "122", @@ -9436,38 +9770,7 @@ } }, { - "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", + "ID": "3772", "typeID": "Arrow", "zOrder": "175", "w": "1", @@ -9497,7 +9800,7 @@ } }, { - "ID": "1517", + "ID": "3773", "typeID": "Arrow", "zOrder": "176", "w": "112", @@ -9527,7 +9830,7 @@ } }, { - "ID": "1518", + "ID": "3774", "typeID": "Arrow", "zOrder": "177", "w": "117", @@ -9557,7 +9860,7 @@ } }, { - "ID": "1519", + "ID": "3775", "typeID": "__group__", "zOrder": "178", "measuredW": "175", @@ -9637,7 +9940,7 @@ } }, { - "ID": "1520", + "ID": "3776", "typeID": "__group__", "zOrder": "179", "measuredW": "152", @@ -9716,7 +10019,7 @@ } }, { - "ID": "1521", + "ID": "3777", "typeID": "__group__", "zOrder": "180", "measuredW": "175", @@ -9812,7 +10115,7 @@ } }, { - "ID": "1528", + "ID": "3778", "typeID": "Arrow", "zOrder": "181", "w": "437", @@ -9842,7 +10145,7 @@ } }, { - "ID": "1529", + "ID": "3779", "typeID": "__group__", "zOrder": "182", "measuredW": "247", @@ -9921,7 +10224,7 @@ } }, { - "ID": "1530", + "ID": "3780", "typeID": "Canvas", "zOrder": "183", "w": "228", @@ -9932,7 +10235,7 @@ "y": "2501" }, { - "ID": "1531", + "ID": "3781", "typeID": "__group__", "zOrder": "184", "measuredW": "192", @@ -9968,7 +10271,7 @@ } }, { - "ID": "1532", + "ID": "3782", "typeID": "__group__", "zOrder": "185", "measuredW": "192", @@ -10004,7 +10307,7 @@ } }, { - "ID": "1533", + "ID": "3783", "typeID": "__group__", "zOrder": "186", "measuredW": "192", @@ -10040,7 +10343,7 @@ } }, { - "ID": "1534", + "ID": "3784", "typeID": "__group__", "zOrder": "187", "measuredW": "192", @@ -10076,7 +10379,7 @@ } }, { - "ID": "1535", + "ID": "3785", "typeID": "__group__", "zOrder": "188", "measuredW": "192", @@ -10112,7 +10415,7 @@ } }, { - "ID": "1536", + "ID": "3786", "typeID": "__group__", "zOrder": "189", "measuredW": "192", @@ -10148,7 +10451,7 @@ } }, { - "ID": "1537", + "ID": "3787", "typeID": "__group__", "zOrder": "190", "measuredW": "192", @@ -10184,7 +10487,7 @@ } }, { - "ID": "1538", + "ID": "3788", "typeID": "__group__", "zOrder": "191", "measuredW": "192", @@ -10220,7 +10523,7 @@ } }, { - "ID": "1539", + "ID": "3789", "typeID": "Label", "zOrder": "192", "w": "156", @@ -10234,7 +10537,7 @@ } }, { - "ID": "1540", + "ID": "3790", "typeID": "Label", "zOrder": "193", "w": "148", @@ -10248,7 +10551,7 @@ } }, { - "ID": "1541", + "ID": "3791", "typeID": "Icon", "zOrder": "194", "measuredW": "24", @@ -10264,7 +10567,7 @@ } }, { - "ID": "1542", + "ID": "3792", "typeID": "Icon", "zOrder": "195", "measuredW": "24", @@ -10280,7 +10583,7 @@ } }, { - "ID": "1543", + "ID": "3793", "typeID": "__group__", "zOrder": "196", "measuredW": "192", @@ -10316,7 +10619,7 @@ } }, { - "ID": "1544", + "ID": "3794", "typeID": "Canvas", "zOrder": "197", "w": "262", @@ -10327,7 +10630,7 @@ "y": "2499" }, { - "ID": "1545", + "ID": "3795", "typeID": "__group__", "zOrder": "198", "measuredW": "225", @@ -10363,7 +10666,7 @@ } }, { - "ID": "1546", + "ID": "3796", "typeID": "__group__", "zOrder": "199", "measuredW": "225", @@ -10399,7 +10702,7 @@ } }, { - "ID": "1547", + "ID": "3797", "typeID": "__group__", "zOrder": "200", "measuredW": "225", @@ -10435,7 +10738,7 @@ } }, { - "ID": "1548", + "ID": "3798", "typeID": "__group__", "zOrder": "201", "measuredW": "225", @@ -10471,7 +10774,7 @@ } }, { - "ID": "1549", + "ID": "3799", "typeID": "__group__", "zOrder": "202", "measuredW": "225", @@ -10507,7 +10810,7 @@ } }, { - "ID": "1550", + "ID": "3800", "typeID": "Label", "zOrder": "203", "w": "185", @@ -10521,7 +10824,7 @@ } }, { - "ID": "1551", + "ID": "3801", "typeID": "Label", "zOrder": "204", "w": "224", @@ -10535,7 +10838,7 @@ } }, { - "ID": "1552", + "ID": "3802", "typeID": "Icon", "zOrder": "205", "measuredW": "24", @@ -10551,7 +10854,7 @@ } }, { - "ID": "1553", + "ID": "3803", "typeID": "Icon", "zOrder": "206", "measuredW": "24", @@ -10567,7 +10870,7 @@ } }, { - "ID": "1554", + "ID": "3804", "typeID": "__group__", "zOrder": "207", "measuredW": "262", @@ -10616,7 +10919,7 @@ } }, { - "ID": "1555", + "ID": "3805", "typeID": "__group__", "zOrder": "208", "measuredW": "327", @@ -10695,7 +10998,7 @@ } }, { - "ID": "1557", + "ID": "3806", "typeID": "__group__", "zOrder": "209", "measuredW": "157", @@ -10775,7 +11078,7 @@ } }, { - "ID": "1558", + "ID": "3807", "typeID": "__group__", "zOrder": "210", "measuredW": "156", @@ -10871,7 +11174,7 @@ } }, { - "ID": "1559", + "ID": "3808", "typeID": "__group__", "zOrder": "211", "measuredW": "156", @@ -10967,7 +11270,7 @@ } }, { - "ID": "1560", + "ID": "3809", "typeID": "__group__", "zOrder": "212", "measuredW": "156", @@ -11063,7 +11366,7 @@ } }, { - "ID": "1561", + "ID": "3810", "typeID": "__group__", "zOrder": "213", "measuredW": "156", @@ -11159,7 +11462,7 @@ } }, { - "ID": "1562", + "ID": "3811", "typeID": "__group__", "zOrder": "214", "measuredW": "157", @@ -11240,7 +11543,7 @@ } }, { - "ID": "1563", + "ID": "3812", "typeID": "__group__", "zOrder": "215", "measuredW": "159", @@ -11319,7 +11622,7 @@ } }, { - "ID": "1564", + "ID": "3813", "typeID": "__group__", "zOrder": "216", "measuredW": "157", @@ -11398,129 +11701,7 @@ } }, { - "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", + "ID": "3814", "typeID": "__group__", "zOrder": "217", "measuredW": "220", @@ -11599,7 +11780,7 @@ } }, { - "ID": "1574", + "ID": "3815", "typeID": "__group__", "zOrder": "218", "measuredW": "160", @@ -11679,7 +11860,7 @@ } }, { - "ID": "1575", + "ID": "3816", "typeID": "__group__", "zOrder": "219", "measuredW": "158", @@ -11758,7 +11939,7 @@ } }, { - "ID": "1576", + "ID": "3817", "typeID": "__group__", "zOrder": "220", "measuredW": "160", @@ -11838,7 +12019,7 @@ } }, { - "ID": "1577", + "ID": "3818", "typeID": "__group__", "zOrder": "221", "measuredW": "156", @@ -11918,7 +12099,7 @@ } }, { - "ID": "1581", + "ID": "3819", "typeID": "__group__", "zOrder": "222", "measuredW": "248", @@ -11941,103 +12122,23 @@ "h": "50", "measuredW": "200", "measuredH": "140", - "x": "7", - "y": "0", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "162", - "measuredH": "25", - "x": "47", - "y": "12", - "properties": { - "size": "17", - "text": "Desktop Applications" - } - }, - { - "ID": "2", - "typeID": "Icon", - "zOrder": "2", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "16777215", - "icon": { - "ID": "circle", - "size": "small" - } - } - }, - { - "ID": "3", - "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "13", - "properties": { - "color": "10066329", - "icon": { - "ID": "check-circle", - "size": "small" - } - } - } - ] - } - } - }, - { - "ID": "1582", - "typeID": "__group__", - "zOrder": "223", - "measuredW": "198", - "measuredH": "41", - "w": "198", - "h": "41", - "x": "445", - "y": "2867", - "properties": { - "controlName": "100-desktop-applications:electron" - }, - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "TextArea", - "zOrder": "0", - "w": "188", - "h": "41", - "measuredW": "200", - "measuredH": "140", - "x": "10", + "x": "7", "y": "0", "properties": { - "color": "16770457" + "color": "16776960" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "w": "69", - "measuredW": "65", + "measuredW": "162", "measuredH": "25", - "x": "73", - "y": "8", + "x": "47", + "y": "12", "properties": { "size": "17", - "text": "Electron" + "text": "Desktop Applications" } }, { @@ -12047,7 +12148,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "7", + "y": "13", "properties": { "color": "16777215", "icon": { @@ -12063,9 +12164,9 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "7", + "y": "13", "properties": { - "color": "10027263", + "color": "10066329", "icon": { "ID": "check-circle", "size": "small" @@ -12077,17 +12178,17 @@ } }, { - "ID": "1583", + "ID": "3820", "typeID": "__group__", - "zOrder": "224", - "measuredW": "196", + "zOrder": "223", + "measuredW": "198", "measuredH": "41", - "w": "196", + "w": "198", "h": "41", - "x": "447", - "y": "2913", + "x": "445", + "y": "2867", "properties": { - "controlName": "101-desktop-applications:tauri" + "controlName": "100-desktop-applications:electron" }, "children": { "controls": { @@ -12100,7 +12201,7 @@ "h": "41", "measuredW": "200", "measuredH": "140", - "x": "8", + "x": "10", "y": "0", "properties": { "color": "16770457" @@ -12110,13 +12211,14 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "38", + "w": "69", + "measuredW": "65", "measuredH": "25", - "x": "83", + "x": "73", "y": "8", "properties": { "size": "17", - "text": "Tauri" + "text": "Electron" } }, { @@ -12126,7 +12228,7 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "7", "properties": { "color": "16777215", "icon": { @@ -12142,13 +12244,13 @@ "measuredW": "24", "measuredH": "24", "x": "0", - "y": "8", + "y": "7", "properties": { + "color": "10027263", "icon": { "ID": "check-circle", "size": "small" - }, - "color": "3700253" + } } } ] @@ -12156,17 +12258,17 @@ } }, { - "ID": "1584", + "ID": "3821", "typeID": "__group__", - "zOrder": "225", - "measuredW": "197", + "zOrder": "224", + "measuredW": "196", "measuredH": "41", - "w": "197", + "w": "196", "h": "41", - "x": "446", - "y": "2959", + "x": "447", + "y": "2913", "properties": { - "controlName": "102-desktop-applications:flutter" + "controlName": "101-desktop-applications:tauri" }, "children": { "controls": { @@ -12179,7 +12281,7 @@ "h": "41", "measuredW": "200", "measuredH": "140", - "x": "9", + "x": "8", "y": "0", "properties": { "color": "16770457" @@ -12189,13 +12291,13 @@ "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "50", + "measuredW": "38", "measuredH": "25", - "x": "78", + "x": "83", "y": "8", "properties": { "size": "17", - "text": "Flutter" + "text": "Tauri" } }, { @@ -12217,236 +12319,104 @@ { "ID": "3", "typeID": "Icon", - "zOrder": "3", - "measuredW": "24", - "measuredH": "24", - "x": "0", - "y": "8", - "properties": { - "icon": { - "ID": "check-circle", - "size": "small" - }, - "color": "3700253" - } - } - ] - } - } - }, - { - "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": "0", - "w": "1", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "270", - "y": "3061", - "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 + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "8", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] } } }, { - "ID": "1599", - "typeID": "Arrow", - "zOrder": "229", - "w": "2", - "h": "89", - "measuredW": "150", - "measuredH": "100", - "x": "843", - "y": "3349", + "ID": "3822", + "typeID": "__group__", + "zOrder": "225", + "measuredW": "197", + "measuredH": "41", + "w": "197", + "h": "41", + "x": "446", + "y": "2959", "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" + "controlName": "102-desktop-applications:flutter" + }, + "children": { + "controls": { + "control": [ + { + "ID": "0", + "typeID": "TextArea", + "zOrder": "0", + "w": "188", + "h": "41", + "measuredW": "200", + "measuredH": "140", + "x": "9", + "y": "0", + "properties": { + "color": "16770457" + } + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "50", + "measuredH": "25", + "x": "78", + "y": "8", + "properties": { + "size": "17", + "text": "Flutter" + } + }, + { + "ID": "2", + "typeID": "Icon", + "zOrder": "2", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "8", + "properties": { + "color": "16777215", + "icon": { + "ID": "circle", + "size": "small" + } + } + }, + { + "ID": "3", + "typeID": "Icon", + "zOrder": "3", + "measuredW": "24", + "measuredH": "24", + "x": "0", + "y": "8", + "properties": { + "icon": { + "ID": "check-circle", + "size": "small" + }, + "color": "3700253" + } + } + ] + } } }, { - "ID": "1600", + "ID": "3823", "typeID": "__group__", "zOrder": "226", "measuredW": "221", @@ -12525,7 +12495,96 @@ } }, { - "ID": "1601", + "ID": "3824", + "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": "3825", + "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": "3826", + "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": 88 + }, + "p1": { + "x": 0.4072427393330943, + "y": 0.00953746862674794 + }, + "p2": { + "x": 1, + "y": 0 + }, + "rightArrow": "false", + "stroke": "dotted" + } + }, + { + "ID": "3827", "typeID": "TextArea", "zOrder": "230", "w": "438", @@ -12536,7 +12595,7 @@ "y": "3262" }, { - "ID": "1602", + "ID": "3828", "typeID": "Label", "zOrder": "231", "measuredW": "366", @@ -12549,7 +12608,7 @@ } }, { - "ID": "1603", + "ID": "3829", "typeID": "__group__", "zOrder": "232", "measuredW": "198", @@ -12596,7 +12655,7 @@ } }, { - "ID": "1604", + "ID": "3830", "typeID": "__group__", "zOrder": "233", "measuredW": "198", @@ -12643,66 +12702,7 @@ } }, { - "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", + "ID": "3831", "typeID": "Arrow", "zOrder": "234", "w": "240", @@ -12734,13 +12734,13 @@ ] }, "attributes": { - "name": "New Wireframe 1", - "order": 1000000, + "name": "New Wireframe 1 copy 6", + "order": 1000022.7193818908, "parentID": null, "notes": "" }, "branchID": "Master", - "resourceID": "BFEFC928-2756-4044-9FAF-3CD2D8DBA3C9", + "resourceID": "DAF9FB64-BA77-40D4-BCEF-EEE21C480971", "mockupH": "3278", "mockupW": "1220", "measuredW": "1368", @@ -12752,5 +12752,5 @@ "y": 0 }, "dependencies": [], - "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/New%20Project%201.bmpr" + "projectID": "file:///Users/kamrify/Desktop/New%20Roadmaps/Android%20Roadmap.bmpr" } \ No newline at end of file