diff --git a/content/roadmaps.json b/content/roadmaps.json index 6e63c3469..31cc78564 100644 --- a/content/roadmaps.json +++ b/content/roadmaps.json @@ -254,8 +254,6 @@ "isCommunity": false, "featured": true, "jsonUrl": "/project/angular.json", - "landingPath": "/roadmaps/104-angular/landscape.md", - "resourcesPath": "/roadmaps/104-angular/resources.md", "versions": [ "latest", "2018", diff --git a/content/roadmaps/104-angular/landscape.md b/content/roadmaps/104-angular/landscape.md deleted file mode 100644 index 53af93306..000000000 --- a/content/roadmaps/104-angular/landscape.md +++ /dev/null @@ -1,7 +0,0 @@ -The intent of this guide is to give you an idea about the Angular ecosystem and to help guide your learning if you are confused. We have another [roadmap on the Frontend Development](/frontend) that focuses on the frontend development if you are interested in that. - -Also, please note that the list below is exhaustive, and the items are listed in no particular order. You don't need to learn everything listed in the picture, however knowing what you don't know is as important as knowing things. - -![](/roadmaps/angular.png) - -Please note that the list is opinionated, and you might have different opinions than those of the author. Having said that, [we would love to hear your opinions](https://github.com/kamranahmedse/developer-roadmap/issues/new) and incorporate them in the picture if suitable. diff --git a/content/roadmaps/104-angular/meta.json b/content/roadmaps/104-angular/meta.json index fa9de274e..94ccf8742 100644 --- a/content/roadmaps/104-angular/meta.json +++ b/content/roadmaps/104-angular/meta.json @@ -25,8 +25,6 @@ "isCommunity": false, "featured": true, "jsonUrl": "/project/angular.json", - "landingPath": "./landscape.md", - "resourcesPath": "./resources.md", "versions": [ "latest", "2018", diff --git a/content/roadmaps/104-angular/resources.md b/content/roadmaps/104-angular/resources.md deleted file mode 100644 index 9ea876887..000000000 --- a/content/roadmaps/104-angular/resources.md +++ /dev/null @@ -1,7 +0,0 @@ -> **We are still preparing the resources**. Please check back later or [subscribe to get notified](/signup). - -While we prepare the list, follow this simple advice to learn anything - -> Just **pick a project and start working on it**, you will learn all that you need along the way. - -**→**   [All Roadmaps](/roadmaps)  •  [Programming guides](/guides)  •  [Subscribe](/signup) diff --git a/lib/roadmap.ts b/lib/roadmap.ts index 2bd35b604..f0d2897d2 100644 --- a/lib/roadmap.ts +++ b/lib/roadmap.ts @@ -49,5 +49,5 @@ export function getFeaturedRoadmaps(): RoadmapType[] { } export function isInteractiveRoadmap(id: string): boolean { - return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system'].includes(id); + return ['frontend', 'backend', 'devops', 'react', 'vue', 'python', 'java', 'blockchain', 'golang', 'javascript', 'nodejs', 'qa', 'design-system', 'angular'].includes(id); } diff --git a/pages/[roadmap]/interactive.tsx b/pages/[roadmap]/interactive.tsx index 23ffe4190..aa079df4a 100644 --- a/pages/[roadmap]/interactive.tsx +++ b/pages/[roadmap]/interactive.tsx @@ -162,6 +162,10 @@ export function InteractiveRoadmapRenderer(props: RoadmapProps) { minHeight = ['915px', '1760px', '1880px', '2370px', '2370px', '2370px']; } + if (roadmap.id === 'angular') { + minHeight = ['925px', '1365px', '1740px', '2370px', '2370px', '2370px']; + } + return ( {(isLoading || isRendering) && } diff --git a/public/project/angular.json b/public/project/angular.json index b627c3101..a079c558e 100644 --- a/public/project/angular.json +++ b/public/project/angular.json @@ -3,181 +3,223 @@ "controls": { "control": [ { - "ID": "1411", + "ID": "7776", "typeID": "Arrow", - "zOrder": "39", - "w": "16", - "h": "68", + "zOrder": "44", + "w": "161", + "h": "20", "measuredW": "150", "measuredH": "100", - "x": "474", - "y": "242", + "x": "810", + "y": "1761", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", "p0": { - "x": 0, - "y": 0 + "x": -0.47029652980143055, + "y": 0.29397476431574887 }, "p1": { - "x": 0.4869331283627979, - "y": 0.16641045349730976 + "x": 0.37221269296741016, + "y": -0.07547169811320738 }, "p2": { - "x": 8, - "y": 68 - }, - "color": "10027263" - } - }, - { - "ID": "1412", - "typeID": "Canvas", - "zOrder": "40", - "w": "454", - "h": "90", - "measuredW": "100", - "measuredH": "70", - "x": "108", - "y": "183" - }, - { - "ID": "1413", - "typeID": "Label", - "zOrder": "41", - "measuredW": "97", - "measuredH": "36", - "x": "421", - "y": "318", - "properties": { - "size": "28", - "text": "Angular" + "x": 161.00476611133257, + "y": 16.43596323437623 + } } }, { - "ID": "1414", + "ID": "7777", "typeID": "Arrow", - "zOrder": "42", - "w": "19", - "h": "81", + "zOrder": "45", + "w": "140", + "h": "16", "measuredW": "150", "measuredH": "100", - "x": "432", - "y": "364", + "x": "812", + "y": "1795", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "color": "10027263", "p0": { - "x": 19, - "y": 0 + "x": -0.29036382738183875, + "y": 15.570879075617313 }, "p1": { - "x": 0.5567523389124819, - "y": -0.13813347062029335 + "x": 0.41689655172413825, + "y": 0.047241379310345256 }, "p2": { - "x": 6.934965300090653, - "y": 81.42459516339846 + "x": 140.06334432619047, + "y": 0.02442632057955052 } } }, { - "ID": "1415", - "typeID": "Label", - "zOrder": "43", - "measuredW": "396", - "measuredH": "28", - "x": "137", - "y": "202", + "ID": "7778", + "typeID": "Arrow", + "zOrder": "46", + "w": "383", + "h": "90", + "measuredW": "150", + "measuredH": "100", + "x": "649", + "y": "1784", "properties": { - "size": "20", - "text": "Frontend Roadmap till Framework Selection" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 383.4921388017138, + "y": -0.13930809626481278 + }, + "p1": { + "x": 0.30117092560179964, + "y": 0.12278545856721967 + }, + "p2": { + "x": 0.2417599083887012, + "y": 88.49483933119245 + } } }, { - "ID": "1416", - "typeID": "Label", - "zOrder": "44", - "measuredW": "152", - "measuredH": "24", - "x": "258", - "y": "232", + "ID": "7783", + "typeID": "Arrow", + "zOrder": "47", + "w": "316", + "h": "479", + "measuredW": "150", + "measuredH": "100", + "x": "615", + "y": "482", "properties": { - "size": "16", + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", "color": "10027263", - "text": "roadmap.sh/frontend" + "p0": { + "x": 0.08319857061746916, + "y": -0.2609293042640388 + }, + "p1": { + "x": 0.505799782027685, + "y": -0.1292277358464968 + }, + "p2": { + "x": 316.54476894786956, + "y": 478.91569952606915 + } } }, { - "ID": "1426", + "ID": "7791", "typeID": "Arrow", - "zOrder": "38", - "w": "33", - "h": "73", + "zOrder": "48", + "w": "131", + "h": "37", "measuredW": "150", "measuredH": "100", - "x": "428", - "y": "129", + "x": "836", + "y": "475", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", - "color": "10027263", "stroke": "dotted", + "color": "10027263", "p0": { - "x": 6, - "y": 0 + "x": 130.47867928563346, + "y": 37.061364879539155 }, "p1": { - "x": 0.4744027303754264, - "y": -0.21757679180887365 + "x": 0.54496644295302, + "y": -0.04519015659955236 }, "p2": { - "x": 33, - "y": 72.5 + "x": -0.49385068294191115, + "y": 0.483451104531639 } } }, { - "ID": "1427", - "typeID": "Canvas", - "zOrder": "46", - "w": "262", - "h": "43", - "measuredW": "100", - "measuredH": "70", - "x": "354", - "y": "437", + "ID": "7792", + "typeID": "Arrow", + "zOrder": "49", + "w": "109", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "850", + "y": "463", "properties": { - "color": "16776960" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 108.21915036869632, + "y": -0.4958086220839846 + }, + "p1": { + "x": 0.5209787928221856, + "y": 0.005742251223491233 + }, + "p2": { + "x": -0.3346582539068095, + "y": 4.2239221875944395 + } } }, { - "ID": "1428", - "typeID": "Label", - "zOrder": "47", - "measuredW": "175", - "measuredH": "24", - "x": "397", - "y": "447", + "ID": "7793", + "typeID": "Arrow", + "zOrder": "50", + "w": "117", + "h": "50", + "measuredW": "150", + "measuredH": "100", + "x": "840", + "y": "411", "properties": { - "size": "16", - "text": "Learn TypeScript Basics" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 117.03921766627673, + "y": -0.41284752854630824 + }, + "p1": { + "x": 0.5198780554566917, + "y": 0.06964721983543032 + }, + "p2": { + "x": 0.22588012673645608, + "y": 49.14432597307683 + } } }, { - "ID": "1429", + "ID": "7794", "typeID": "Arrow", - "zOrder": "32", + "zOrder": "51", "w": "107", - "h": "51", + "h": "107", "measuredW": "150", "measuredH": "100", - "x": "276", - "y": "405", + "x": "456", + "y": "478", "properties": { "curvature": "0", "leftArrow": "false", @@ -185,29 +227,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 107, - "y": 51 + "x": 107.85873396459311, + "y": -0.1566834906291774 }, "p1": { - "x": 0.5245584633234497, - "y": 0.05852778135877272 + "x": 0.5656811947576953, + "y": -0.05547089302042045 }, "p2": { - "x": 0, - "y": 0 + "x": 0.4400484352249805, + "y": 106.9113622910445 } } }, { - "ID": "1430", + "ID": "7795", "typeID": "Arrow", - "zOrder": "33", - "w": "102", - "h": "51", + "zOrder": "52", + "w": "126", + "h": "56", "measuredW": "150", "measuredH": "100", - "x": "282", - "y": "462", + "x": "448", + "y": "410", "properties": { "curvature": "0", "leftArrow": "false", @@ -215,29 +257,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 102, - "y": 0 + "x": 126, + "y": 56 }, "p1": { - "x": 0.5656811947576955, - "y": -0.05547089302042049 + "x": 0.5245584633234497, + "y": 0.058527781358772735 }, "p2": { - "x": 0.00391587828403317, - "y": 50.680759201315595 + "x": -0.07217513242011364, + "y": -0.19723681479831612 } } }, { - "ID": "1431", + "ID": "7796", "typeID": "Arrow", - "zOrder": "34", - "w": "115", - "h": "5", + "zOrder": "53", + "w": "130", + "h": "59", "measuredW": "150", "measuredH": "100", - "x": "274", - "y": "457", + "x": "445", + "y": "472", "properties": { "curvature": "0", "leftArrow": "false", @@ -245,29 +287,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 115, - "y": 1 + "x": 130, + "y": 0 }, "p1": { - "x": 0.5205160087037612, - "y": 0.03901150139881877 + "x": 0.5656811947576954, + "y": -0.055470893020420554 }, "p2": { - "x": 0, - "y": 0 + "x": 0.49576099110981886, + "y": 59.405957008703695 } } }, { - "ID": "1442", + "ID": "7797", "typeID": "Arrow", - "zOrder": "31", - "w": "88", - "h": "88", + "zOrder": "54", + "w": "137", + "h": "6", "measuredW": "150", "measuredH": "100", - "x": "284", - "y": "468", + "x": "443", + "y": "467", "properties": { "curvature": "0", "leftArrow": "false", @@ -275,791 +317,637 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 88.85873396459311, - "y": -0.1566834906291774 + "x": 137, + "y": 1 }, "p1": { - "x": 0.5656811947576954, - "y": -0.05547089302042051 + "x": 0.5205160087037611, + "y": 0.039011501398818746 }, "p2": { - "x": 0.3637812831232736, - "y": 88.33826919084072 + "x": 0.0636971146398082, + "y": -0.04373571775238361 } } }, { - "ID": "1445", + "ID": "7801", "typeID": "Arrow", - "zOrder": "30", - "w": "117", - "h": "50", + "zOrder": "61", + "w": "35", + "h": "96", "measuredW": "150", "measuredH": "100", - "x": "598", - "y": "401", + "x": "635", + "y": "120", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", "color": "10027263", + "stroke": "dotted", "p0": { - "x": 117.03921766627673, - "y": -0.41284752854630824 + "x": 11, + "y": 0 }, "p1": { - "x": 0.5198780554566917, - "y": 0.06964721983543032 + "x": 0.4744027303754264, + "y": -0.21757679180887368 }, "p2": { - "x": 0.22588012673645608, - "y": 49.14432597307683 + "x": 35, + "y": 95.5 } } }, { - "ID": "1448", + "ID": "7802", "typeID": "Arrow", - "zOrder": "29", - "w": "109", - "h": "5", + "zOrder": "62", + "w": "10", + "h": "81", "measuredW": "150", "measuredH": "100", - "x": "608", - "y": "453", + "x": "673", + "y": "239", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", "color": "10027263", "p0": { - "x": 108.21915036869632, - "y": -0.4958086220839846 + "x": 0, + "y": 0 }, "p1": { - "x": 0.5209787928221856, - "y": 0.005742251223491233 + "x": 0.4938271604938272, + "y": 0.1234567901234568 }, "p2": { - "x": -0.3346582539068095, - "y": 4.2239221875944395 + "x": 0, + "y": 81 } } }, { - "ID": "1451", + "ID": "7804", + "typeID": "Label", + "zOrder": "64", + "measuredW": "97", + "measuredH": "36", + "x": "612", + "y": "327", + "properties": { + "size": "28", + "text": "Angular" + } + }, + { + "ID": "7805", "typeID": "Arrow", - "zOrder": "28", - "w": "131", - "h": "37", + "zOrder": "65", + "w": "27", + "h": "92", "measuredW": "150", "measuredH": "100", - "x": "594", - "y": "465", + "x": "615", + "y": "374", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", - "stroke": "dotted", "color": "10027263", "p0": { - "x": 130.47867928563346, - "y": 37.061364879539155 + "x": 27, + "y": 0 }, "p1": { - "x": 0.54496644295302, - "y": -0.04519015659955236 + "x": 0.4823199813799716, + "y": -0.10967714240780892 }, "p2": { - "x": -0.49385068294191115, - "y": 0.483451104531639 + "x": 1.3644195033188566, + "y": 92.36441950331886 } } }, { - "ID": "1452", - "typeID": "__group__", - "zOrder": "36", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "69", - "y": "486", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "121", - "measuredH": "24", - "x": "50", - "y": "9", - "properties": { - "size": "16", - "text": "Structural Typing" - } - } - ] - } + "ID": "7809", + "typeID": "Canvas", + "zOrder": "70", + "w": "303", + "h": "52", + "measuredW": "100", + "measuredH": "70", + "x": "545", + "y": "447", + "properties": { + "color": "16776960" } }, { - "ID": "1453", - "typeID": "__group__", - "zOrder": "37", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "69", - "y": "533", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "109", - "measuredH": "24", - "x": "65", - "y": "9", - "properties": { - "size": "16", - "text": "Type Inference" - } - } - ] - } - } - }, - { - "ID": "1454", - "typeID": "__group__", - "zOrder": "48", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "69", - "y": "439", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "148", - "measuredH": "24", - "x": "37", - "y": "9", - "properties": { - "size": "16", - "text": "Why use TypeScript?" - } - } - ] - } + "ID": "7810", + "typeID": "Label", + "zOrder": "71", + "measuredW": "197", + "measuredH": "26", + "x": "598", + "y": "460", + "properties": { + "text": "Learn TypeScript Basics", + "size": "18" } }, { - "ID": "1455", - "typeID": "__group__", - "zOrder": "35", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "69", - "y": "392", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "141", - "measuredH": "24", - "x": "44", - "y": "9", - "properties": { - "size": "16", - "text": "What is TypeScript?" - } - } - ] - } + "ID": "7815", + "typeID": "Canvas", + "zOrder": "80", + "w": "262", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "586", + "y": "712", + "properties": { + "color": "16776960" } }, { - "ID": "1456", - "typeID": "__group__", - "zOrder": "51", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "706", - "y": "477", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "w": "94", - "measuredW": "92", - "measuredH": "24", - "x": "64", - "y": "9", - "properties": { - "size": "16", - "text": "Type Guards" - } - } - ] - } + "ID": "7816", + "typeID": "Label", + "zOrder": "81", + "measuredW": "145", + "measuredH": "25", + "x": "649", + "y": "724", + "properties": { + "text": "Learn RxJS Basics", + "size": "17" } }, { - "ID": "1457", - "typeID": "__group__", - "zOrder": "50", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "706", - "y": "429", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "94", - "measuredH": "24", - "x": "64", - "y": "9", - "properties": { - "size": "16", - "text": "Built-in types" - } - } - ] - } + "ID": "7817", + "typeID": "Canvas", + "zOrder": "82", + "w": "256", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "635", + "properties": { + "color": "16770457" } }, { - "ID": "1458", - "typeID": "__group__", - "zOrder": "49", - "measuredW": "222", - "measuredH": "42", - "w": "222", - "h": "42", - "x": "707", - "y": "382", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "89", - "measuredH": "24", - "x": "65", - "y": "9", - "properties": { - "size": "16", - "text": "Union Types" - } - } - ] - } + "ID": "7818", + "typeID": "Label", + "zOrder": "83", + "measuredW": "210", + "measuredH": "25", + "x": "244", + "y": "647", + "properties": { + "text": "What is Observable Pattern", + "size": "17" } }, { - "ID": "1460", + "ID": "7819", "typeID": "Canvas", - "zOrder": "52", - "w": "262", - "h": "43", + "zOrder": "84", + "w": "256", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "354", - "y": "485", + "x": "221", + "y": "690", "properties": { - "color": "16776960" + "color": "16770457" } }, { - "ID": "1461", + "ID": "7820", "typeID": "Label", - "zOrder": "53", - "measuredW": "136", - "measuredH": "24", - "x": "417", - "y": "495", - "properties": { - "size": "16", - "text": "Learn RxJS Basics" - } - }, - { - "ID": "1463", - "typeID": "Arrow", - "zOrder": "27", - "w": "95", - "h": "112", - "measuredW": "150", - "measuredH": "100", - "x": "287", - "y": "511", + "zOrder": "85", + "measuredW": "161", + "measuredH": "25", + "x": "268", + "y": "702", "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": -0.27635331203754276, - "y": 109.64460147270881 - }, - "p1": { - "x": 0.4337829756129974, - "y": -0.30427270915010957 - }, - "p2": { - "x": 94.11826288153031, - "y": -0.08913985231384913 - } + "text": "Observable Lifecycle", + "size": "17" } }, { - "ID": "1465", + "ID": "7821", "typeID": "Canvas", - "zOrder": "54", - "w": "238", - "h": "42", + "zOrder": "86", + "w": "256", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "69", - "y": "599", + "x": "221", + "y": "746", "properties": { "color": "16770457" } }, { - "ID": "1466", + "ID": "7822", "typeID": "Label", - "zOrder": "55", - "measuredW": "197", - "measuredH": "24", - "x": "89", - "y": "608", + "zOrder": "87", + "measuredW": "133", + "measuredH": "25", + "x": "282", + "y": "758", "properties": { - "size": "16", - "text": "What is Observable Pattern" + "text": "Marble Diagrams", + "size": "17" } }, { - "ID": "1467", + "ID": "7823", "typeID": "Canvas", - "zOrder": "56", - "w": "238", - "h": "42", + "zOrder": "128", + "w": "222", + "h": "274", "measuredW": "100", "measuredH": "70", - "x": "69", - "y": "646", - "properties": { - "color": "16770457" - } + "x": "941", + "y": "567" }, { - "ID": "1468", + "ID": "7824", "typeID": "Label", - "zOrder": "57", - "measuredW": "151", - "measuredH": "24", - "x": "112", - "y": "655", + "zOrder": "129", + "measuredW": "83", + "measuredH": "26", + "x": "1000", + "y": "580", "properties": { - "size": "16", - "text": "Observable Lifecycle" + "text": "Operators", + "size": "18" } }, { - "ID": "1469", - "typeID": "Arrow", - "zOrder": "26", - "w": "112", - "h": "156", - "measuredW": "150", - "measuredH": "100", - "x": "282", - "y": "509", + "ID": "7825", + "typeID": "Canvas", + "zOrder": "130", + "w": "196", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "955", + "y": "616", "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.00391587828403317, - "y": 155.30211146223394 - }, - "p1": { - "x": 0.4337829756128934, - "y": -0.304272709150173 - }, - "p2": { - "x": 107.37779179846751, - "y": -0.44900525715303274 - } + "color": "16770457" + } + }, + { + "ID": "7826", + "typeID": "Label", + "zOrder": "131", + "measuredW": "63", + "measuredH": "25", + "x": "1025", + "y": "628", + "properties": { + "text": "Filtering", + "size": "17" } }, { - "ID": "1470", + "ID": "7827", "typeID": "Canvas", - "zOrder": "58", - "w": "238", - "h": "42", + "zOrder": "132", + "w": "195", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "69", - "y": "693", + "x": "955", + "y": "670", "properties": { "color": "16770457" } }, { - "ID": "1471", + "ID": "7828", "typeID": "Label", - "zOrder": "59", - "measuredW": "125", - "measuredH": "24", - "x": "112", - "y": "702", + "zOrder": "133", + "measuredW": "102", + "measuredH": "25", + "x": "1006", + "y": "682", "properties": { - "size": "16", - "text": "Marble Diagrams" + "text": "Rate Limiting", + "size": "17" } }, { - "ID": "1472", - "typeID": "Arrow", - "zOrder": "25", - "w": "115", - "h": "196", - "measuredW": "150", - "measuredH": "100", - "x": "291", - "y": "517", + "ID": "7829", + "typeID": "Canvas", + "zOrder": "134", + "w": "197", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "954", + "y": "726", "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.44337749764082446, - "y": 196.26931861264734 - }, - "p1": { - "x": 0.4101610216546365, - "y": -0.2726818434203219 - }, - "p2": { - "x": 108.9971861202439, - "y": 0.40049001099396264 - } + "color": "16770457" + } + }, + { + "ID": "7830", + "typeID": "Label", + "zOrder": "135", + "measuredW": "116", + "measuredH": "25", + "x": "999", + "y": "738", + "properties": { + "text": "Transformation", + "size": "17" } }, { - "ID": "1473", + "ID": "7831", "typeID": "Canvas", - "zOrder": "60", - "w": "250", - "h": "42", + "zOrder": "136", + "w": "197", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "69", - "y": "741", + "x": "954", + "y": "781", "properties": { "color": "16770457" } }, { - "ID": "1474", + "ID": "7832", "typeID": "Label", - "zOrder": "61", - "measuredW": "74", - "measuredH": "24", - "x": "151", - "y": "750", + "zOrder": "137", + "measuredW": "98", + "measuredH": "25", + "x": "1008", + "y": "793", "properties": { - "size": "16", - "text": "Operators" + "text": "Combination", + "size": "17" } }, { - "ID": "1476", - "typeID": "Arrow", - "zOrder": "24", - "w": "131", - "h": "245", - "measuredW": "150", - "measuredH": "100", - "x": "290", - "y": "516", + "ID": "7833", + "typeID": "Canvas", + "zOrder": "88", + "w": "256", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "802", "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.26344479522123265, - "y": 245.64655941185083 - }, - "p1": { - "x": 0.41016102165463675, - "y": -0.2726818434203223 - }, - "p2": { - "x": 118.2567150371811, - "y": 0.22055730857437084 - } + "color": "16770457" + } + }, + { + "ID": "7834", + "typeID": "Label", + "zOrder": "89", + "measuredW": "137", + "measuredH": "25", + "x": "280", + "y": "814", + "properties": { + "text": "RxJS vs Promises", + "size": "17" } }, { - "ID": "1479", + "ID": "7835", "typeID": "Canvas", - "zOrder": "62", - "w": "94", - "h": "42", + "zOrder": "90", + "w": "262", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "69", - "y": "810", + "x": "901", + "y": "935", + "properties": { + "color": "16776960" + } + }, + { + "ID": "7836", + "typeID": "Label", + "zOrder": "91", + "measuredW": "176", + "measuredH": "25", + "x": "949", + "y": "947", + "properties": { + "text": "Understand the Basics", + "size": "17" + } + }, + { + "ID": "7837", + "typeID": "Canvas", + "zOrder": "92", + "w": "262", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "900", + "y": "876", "properties": { "color": "16770457" } }, { - "ID": "1480", + "ID": "7838", "typeID": "Label", - "zOrder": "63", - "measuredW": "59", - "measuredH": "24", - "x": "86", - "y": "819", + "zOrder": "93", + "measuredW": "158", + "measuredH": "25", + "x": "952", + "y": "888", "properties": { - "size": "16", - "text": "Filtering" + "text": "Angular.js vs Angular", + "size": "17" } }, { - "ID": "1481", + "ID": "7839", "typeID": "Canvas", - "zOrder": "64", - "w": "148", - "h": "42", + "zOrder": "94", + "w": "198", + "h": "393", + "measuredW": "100", + "measuredH": "70", + "x": "964", + "y": "1001" + }, + { + "ID": "7840", + "typeID": "Label", + "zOrder": "95", + "measuredW": "101", + "measuredH": "26", + "x": "1012", + "y": "1018", + "properties": { + "text": "What are __", + "size": "18" + } + }, + { + "ID": "7841", + "typeID": "Canvas", + "zOrder": "96", + "w": "222", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "657", + "y": "1166", + "properties": { + "color": "16776960" + } + }, + { + "ID": "7842", + "typeID": "Label", + "zOrder": "97", + "measuredW": "80", + "measuredH": "25", + "x": "728", + "y": "1178", + "properties": { + "text": "Templates", + "size": "17" + } + }, + { + "ID": "7869", + "typeID": "Canvas", + "zOrder": "102", + "w": "126", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "171", - "y": "810", + "x": "691", + "y": "1732", "properties": { "color": "16770457" } }, { - "ID": "1482", + "ID": "7870", "typeID": "Label", - "zOrder": "65", - "measuredW": "96", - "measuredH": "24", - "x": "197", - "y": "819", + "zOrder": "103", + "measuredW": "46", + "measuredH": "25", + "x": "724", + "y": "1744", "properties": { - "size": "16", - "text": "Rate Limiting" + "text": "NGXS", + "size": "17" } }, { - "ID": "1483", + "ID": "7871", "typeID": "Canvas", - "zOrder": "66", - "w": "129", - "h": "42", + "zOrder": "104", + "w": "126", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "70", - "y": "858", + "x": "691", + "y": "1789", "properties": { "color": "16770457" } }, { - "ID": "1484", + "ID": "7872", "typeID": "Label", - "zOrder": "67", - "measuredW": "109", - "measuredH": "24", - "x": "80", - "y": "867", + "zOrder": "105", + "measuredW": "48", + "measuredH": "25", + "x": "723", + "y": "1801", "properties": { - "size": "16", - "text": "Transformation" + "size": "17", + "text": "NGRX" } }, { - "ID": "1487", + "ID": "7882", "typeID": "Canvas", - "zOrder": "68", - "w": "112", - "h": "42", + "zOrder": "106", + "w": "255", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "207", - "y": "858", + "x": "222", + "y": "2128", "properties": { "color": "16770457" } }, { - "ID": "1488", + "ID": "7883", "typeID": "Label", - "zOrder": "69", - "measuredW": "92", - "measuredH": "24", - "x": "217", - "y": "867", + "zOrder": "107", + "measuredW": "104", + "measuredH": "25", + "x": "298", + "y": "2140", + "properties": { + "size": "17", + "text": "Testing Pipes" + } + }, + { + "ID": "7884", + "typeID": "Canvas", + "zOrder": "108", + "w": "255", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "2183", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7885", + "typeID": "Label", + "zOrder": "109", + "measuredW": "219", + "measuredH": "25", + "x": "240", + "y": "2195", "properties": { - "size": "16", - "text": "Combination" + "size": "17", + "text": "Services with Dependencies" } }, { - "ID": "1489", + "ID": "7903", "typeID": "Arrow", - "zOrder": "23", - "w": "2", - "h": "63", + "zOrder": "40", + "w": "137", + "h": "97", "measuredW": "150", "measuredH": "100", - "x": "121", - "y": "763", + "x": "467", + "y": "740", "properties": { "curvature": "0", "leftArrow": "false", @@ -1067,29 +955,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": -0.08632597255774499, - "y": 0.41645846548021836 + "x": 137.79594489989745, + "y": -0.30749565311725746 }, "p1": { - "x": 0.5516778523489941, - "y": 0.02617449664429551 + "x": 0.5656811947576953, + "y": -0.055470893020420554 }, "p2": { - "x": -0.08632597255774499, - "y": 62.952891693718925 + "x": 0.38433587934019897, + "y": 96.9750594056843 } } }, { - "ID": "1490", + "ID": "7904", "typeID": "Arrow", - "zOrder": "22", - "w": "2", - "h": "63", + "zOrder": "41", + "w": "152", + "h": "67", "measuredW": "150", "measuredH": "100", - "x": "241", - "y": "763", + "x": "461", + "y": "658", "properties": { "curvature": "0", "leftArrow": "false", @@ -1097,29 +985,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": -0.08632597255774499, - "y": 0.41645846548021836 + "x": 152.30816846754254, + "y": 67.10012108806256 }, "p1": { - "x": 0.5516778523489941, - "y": 0.02617449664429551 + "x": 0.5245584633234497, + "y": 0.05852778135877274 }, "p2": { - "x": -0.08632597255774499, - "y": 62.952891693718925 + "x": 0.30417618816505865, + "y": 0.21836448513636242 } } }, { - "ID": "1491", + "ID": "7905", "typeID": "Arrow", - "zOrder": "21", - "w": "135", - "h": "58", + "zOrder": "42", + "w": "148", + "h": "47", "measuredW": "150", "measuredH": "100", - "x": "588", - "y": "511", + "x": "449", + "y": "735", "properties": { "curvature": "0", "leftArrow": "false", @@ -1127,112 +1015,88 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 135.29874658321387, - "y": 58.31752891745634 + "x": 148.4997532704873, + "y": -0.17162340605727877 }, "p1": { - "x": 0.5639435268094195, - "y": 0.13721829941668096 + "x": 0.5656811947576955, + "y": -0.055470893020420554 }, "p2": { - "x": 0.25671503718109534, - "y": 0.22055730857437084 + "x": 0.1438568058148917, + "y": 47.2536221851085 } } }, { - "ID": "1493", - "typeID": "Canvas", - "zOrder": "70", - "w": "222", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "706", - "y": "546", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1494", - "typeID": "Label", - "zOrder": "71", - "measuredW": "129", - "measuredH": "24", - "x": "752", - "y": "555", - "properties": { - "size": "16", - "text": "RxJS vs Promises" - } - }, - { - "ID": "1495", + "ID": "7906", "typeID": "Arrow", - "zOrder": "20", - "w": "77", - "h": "126", + "zOrder": "43", + "w": "145", + "h": "15", "measuredW": "150", "measuredH": "100", - "x": "488", - "y": "514", + "x": "459", + "y": "713", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.4921388017137929, - "y": -0.13930809626481278 + "x": 144.5799129616624, + "y": 14.532184964532576 }, "p1": { - "x": 0.5172259793288243, - "y": 0.14374122751052712 + "x": 0.5205160087037614, + "y": 0.039011501398818746 }, "p2": { - "x": 77.18776445898766, - "y": 126.11349106263219 + "x": -0.127887688304952, + "y": -0.060198294287715726 } } }, { - "ID": "1496", - "typeID": "Canvas", - "zOrder": "72", - "w": "198", - "h": "43", - "measuredW": "100", - "measuredH": "70", - "x": "437", - "y": "617", - "properties": { - "color": "16776960" - } - }, - { - "ID": "1497", - "typeID": "Label", - "zOrder": "73", - "measuredW": "108", - "measuredH": "24", - "x": "482", - "y": "627", + "ID": "7907", + "typeID": "Arrow", + "zOrder": "39", + "w": "194", + "h": "4", + "measuredW": "150", + "measuredH": "100", + "x": "753", + "y": "963", "properties": { - "size": "16", - "text": "Angular Basics" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 194, + "y": 4 + }, + "p1": { + "x": 0.5232067510548526, + "y": -0.00421940928270042 + }, + "p2": { + "x": 0, + "y": 0 + } } }, { - "ID": "1498", + "ID": "7909", "typeID": "Arrow", - "zOrder": "19", - "w": "96", - "h": "10", + "zOrder": "38", + "w": "1", + "h": "137", "measuredW": "150", "measuredH": "100", - "x": "620", - "y": "624", + "x": "1070", + "y": "897", "properties": { "curvature": "0", "leftArrow": "false", @@ -1240,83 +1104,224 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 96.21915036869632, - "y": 1.9542986335969772 + "x": 0.6653417460931905, + "y": 137 }, "p1": { - "x": 0.5330762632088566, - "y": -0.057856824198413107 + "x": 0.5209787928221855, + "y": 0.00574225122349123 }, "p2": { - "x": -0.2758023127736351, - "y": 10.213827550534234 + "x": 0.6653417460931905, + "y": -0.1453471090021594 } } }, { - "ID": "1499", + "ID": "7910", "typeID": "Canvas", - "zOrder": "74", - "w": "221", - "h": "42", + "zOrder": "111", + "w": "243", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "699", - "y": "606", + "x": "579", + "y": "940", "properties": { - "color": "16770457" + "color": "16776960" } }, { - "ID": "1500", + "ID": "7911", "typeID": "Label", - "zOrder": "75", - "measuredW": "149", - "measuredH": "24", - "x": "735", - "y": "615", + "zOrder": "112", + "measuredW": "91", + "measuredH": "25", + "x": "655", + "y": "952", "properties": { - "size": "16", - "text": "Angular.js vs Angular" + "text": "Angular CLI", + "size": "17" } }, { - "ID": "1501", + "ID": "7912", "typeID": "Canvas", - "zOrder": "76", - "w": "221", - "h": "42", + "zOrder": "114", + "w": "123", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "699", - "y": "654", + "x": "235", + "y": "891", "properties": { "color": "16770457" } }, { - "ID": "1502", + "ID": "7913", "typeID": "Label", - "zOrder": "77", - "measuredW": "162", - "measuredH": "24", - "x": "729", - "y": "663", + "zOrder": "115", + "measuredW": "61", + "measuredH": "25", + "x": "268", + "y": "903", + "properties": { + "text": "ng build", + "size": "17" + } + }, + { + "ID": "7916", + "typeID": "Canvas", + "zOrder": "116", + "w": "94", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "364", + "y": "891", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7917", + "typeID": "Label", + "zOrder": "117", + "measuredW": "67", + "measuredH": "25", + "x": "380", + "y": "903", + "properties": { + "text": "ng serve", + "size": "17" + } + }, + { + "ID": "7918", + "typeID": "Canvas", + "zOrder": "118", + "w": "123", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "236", + "y": "946", "properties": { - "size": "16", - "text": "Architectural Overview" + "color": "16770457" + } + }, + { + "ID": "7919", + "typeID": "Label", + "zOrder": "119", + "measuredW": "95", + "measuredH": "25", + "x": "253", + "y": "958", + "properties": { + "text": "ng generate", + "size": "17" + } + }, + { + "ID": "7920", + "typeID": "Canvas", + "zOrder": "120", + "w": "94", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "365", + "y": "946", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7921", + "typeID": "Label", + "zOrder": "121", + "measuredW": "53", + "measuredH": "25", + "x": "387", + "y": "958", + "properties": { + "text": "ng test", + "size": "17" } }, { - "ID": "1503", + "ID": "7922", "typeID": "Arrow", - "zOrder": "18", - "w": "91", - "h": "28", + "zOrder": "36", + "w": "152", + "h": "16", "measuredW": "150", "measuredH": "100", - "x": "620", - "y": "646", + "x": "454", + "y": "960", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 152.11465204170747, + "y": 0.7908157952633701 + }, + "p1": { + "x": 0.5449664429530199, + "y": -0.04519015659955239 + }, + "p2": { + "x": -0.35063894976218535, + "y": 16.165466987680475 + } + } + }, + { + "ID": "7924", + "typeID": "Arrow", + "zOrder": "37", + "w": "137", + "h": "47", + "measuredW": "150", + "measuredH": "100", + "x": "463", + "y": "903", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 136.70854737820036, + "y": 47.54104833365204 + }, + "p1": { + "x": 0.5198780554566916, + "y": 0.06964721983543047 + }, + "p2": { + "x": -0.38209242085218875, + "y": 0.1358738236992849 + } + } + }, + { + "ID": "7927", + "typeID": "Arrow", + "zOrder": "35", + "w": "153", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "810", + "y": "734", "properties": { "curvature": "0", "leftArrow": "false", @@ -1324,56 +1329,121 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 90.31948685659836, - "y": 28.331539432800582 + "x": 152.30933474099322, + "y": 0.48329069395197166 }, "p1": { - "x": 0.48745256552117705, - "y": 0.07265743813183477 + "x": 0.5209787928221856, + "y": 0.0057422512234912345 }, "p2": { - "x": -0.2758023127736351, - "y": 0.01315457473015158 + "x": -0.3346582539068095, + "y": 1.2239221875944395 } } }, { - "ID": "1504", + "ID": "7928", "typeID": "Canvas", - "zOrder": "78", - "w": "198", - "h": "42", + "zOrder": "113", + "w": "253", + "h": "188", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "877" + }, + { + "ID": "7929", + "typeID": "Canvas", + "zOrder": "122", + "w": "145", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "665", + "x": "579", + "y": "839", "properties": { "color": "16770457" } }, { - "ID": "1505", + "ID": "7930", "typeID": "Label", - "zOrder": "79", - "measuredW": "75", - "measuredH": "24", - "x": "498", - "y": "674", + "zOrder": "123", + "measuredW": "90", + "measuredH": "25", + "x": "607", + "y": "851", "properties": { - "size": "16", - "text": "Templates" + "size": "17", + "text": "Schematics" + } + }, + { + "ID": "7933", + "typeID": "Canvas", + "zOrder": "124", + "w": "123", + "h": "49", + "measuredW": "100", + "measuredH": "70", + "x": "235", + "y": "1002", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7934", + "typeID": "Label", + "zOrder": "125", + "measuredW": "55", + "measuredH": "25", + "x": "271", + "y": "1014", + "properties": { + "text": "ng e2e", + "size": "17" + } + }, + { + "ID": "7937", + "typeID": "Canvas", + "zOrder": "126", + "w": "94", + "h": "49", + "measuredW": "100", + "measuredH": "70", + "x": "364", + "y": "1002", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7938", + "typeID": "Label", + "zOrder": "127", + "measuredW": "56", + "measuredH": "25", + "x": "385", + "y": "1014", + "properties": { + "text": "ng new", + "size": "17" } }, { - "ID": "1524", + "ID": "7939", "typeID": "Arrow", - "zOrder": "17", - "w": "95", - "h": "62", + "zOrder": "34", + "w": "133", + "h": "72", "measuredW": "150", "measuredH": "100", - "x": "620", - "y": "685", + "x": "464", + "y": "963", "properties": { "curvature": "0", "leftArrow": "false", @@ -1381,371 +1451,1093 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 95.03921766627673, - "y": 62.487366982815615 + "x": 133.14610551279748, + "y": 0.35325766066625874 }, "p1": { - "x": 0.5564186379541387, - "y": -0.13163875019958368 + "x": 0.54496644295302, + "y": -0.04519015659955244 }, "p2": { - "x": -0.2758023127736351, - "y": 0.21382755053423352 + "x": -0.10087148815074443, + "y": 72.101629891946 } } }, { - "ID": "1526", + "ID": "7941", "typeID": "Canvas", - "zOrder": "84", - "w": "198", - "h": "42", + "zOrder": "55", + "w": "240", + "h": "49", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "712", + "x": "222", + "y": "387", "properties": { "color": "16770457" } }, { - "ID": "1527", + "ID": "7942", "typeID": "Label", - "zOrder": "85", - "measuredW": "127", - "measuredH": "24", - "x": "472", - "y": "721", + "zOrder": "56", + "w": "141", + "measuredW": "150", + "measuredH": "25", + "x": "277", + "y": "399", "properties": { - "size": "16", - "text": "Rendering Topics" - } - }, - { - "ID": "1528", - "typeID": "__group__", - "zOrder": "81", - "measuredW": "149", - "measuredH": "42", - "w": "149", - "h": "42", - "x": "831", - "y": "709", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "149", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "120", - "measuredH": "24", - "x": "13", - "y": "9", - "properties": { - "size": "16", - "text": "Property Binding" - } - } - ] - } + "text": "What is TypeScript?", + "size": "17" } }, { - "ID": "1529", - "typeID": "__group__", - "zOrder": "80", - "measuredW": "127", - "measuredH": "42", - "w": "127", - "h": "42", - "x": "699", - "y": "709", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "127", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "92", - "measuredH": "24", - "x": "18", - "y": "9", - "properties": { - "size": "16", - "text": "Interpolation" - } - } - ] - } + "ID": "7943", + "typeID": "Canvas", + "zOrder": "72", + "w": "240", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "442", + "properties": { + "color": "16770457" } }, { - "ID": "1530", - "typeID": "__group__", - "zOrder": "82", - "measuredW": "127", - "measuredH": "42", - "w": "127", - "h": "42", - "x": "700", - "y": "756", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "127", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "101", - "measuredH": "24", - "x": "15", - "y": "9", - "properties": { - "size": "16", - "text": "Event Binding" - } - } - ] - } + "ID": "7944", + "typeID": "Label", + "zOrder": "73", + "w": "160", + "measuredW": "157", + "measuredH": "25", + "x": "262", + "y": "454", + "properties": { + "text": "Why use TypeScript?", + "size": "17" } }, { - "ID": "1531", - "typeID": "__group__", - "zOrder": "83", - "measuredW": "149", - "measuredH": "42", - "w": "149", - "h": "42", - "x": "831", - "y": "757", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "149", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "100", - "measuredH": "24", - "x": "25", - "y": "9", - "properties": { - "size": "16", - "text": "#ref variables" - } - } - ] + "ID": "7945", + "typeID": "Canvas", + "zOrder": "57", + "w": "240", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "499", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7946", + "typeID": "Label", + "zOrder": "58", + "w": "131", + "measuredW": "128", + "measuredH": "25", + "x": "276", + "y": "511", + "properties": { + "text": "Structural Typing", + "size": "17" + } + }, + { + "ID": "7947", + "typeID": "Canvas", + "zOrder": "59", + "w": "240", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "555", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7948", + "typeID": "Label", + "zOrder": "60", + "w": "118", + "measuredW": "116", + "measuredH": "25", + "x": "283", + "y": "567", + "properties": { + "text": "Type Inference", + "size": "17" + } + }, + { + "ID": "7949", + "typeID": "Canvas", + "zOrder": "76", + "w": "222", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "943", + "y": "441", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7950", + "typeID": "Label", + "zOrder": "77", + "measuredW": "100", + "measuredH": "25", + "x": "1004", + "y": "453", + "properties": { + "text": "Built-in types", + "size": "17" + } + }, + { + "ID": "7951", + "typeID": "Canvas", + "zOrder": "78", + "w": "222", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "943", + "y": "497", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7952", + "typeID": "Label", + "zOrder": "79", + "w": "94", + "measuredW": "97", + "measuredH": "25", + "x": "1007", + "y": "509", + "properties": { + "text": "Type Guards", + "size": "17" + } + }, + { + "ID": "7953", + "typeID": "Canvas", + "zOrder": "74", + "w": "222", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "943", + "y": "386", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7954", + "typeID": "Label", + "zOrder": "75", + "measuredW": "95", + "measuredH": "25", + "x": "1006", + "y": "398", + "properties": { + "text": "Union Types", + "size": "17" + } + }, + { + "ID": "7955", + "typeID": "Canvas", + "zOrder": "138", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1054", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7956", + "typeID": "Label", + "zOrder": "139", + "measuredW": "99", + "measuredH": "25", + "x": "983", + "y": "1066", + "properties": { + "size": "17", + "text": "Components" + } + }, + { + "ID": "7959", + "typeID": "Canvas", + "zOrder": "140", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1108", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7960", + "typeID": "Label", + "zOrder": "141", + "measuredW": "80", + "measuredH": "25", + "x": "993", + "y": "1120", + "properties": { + "size": "17", + "text": "Templates" + } + }, + { + "ID": "7961", + "typeID": "Canvas", + "zOrder": "142", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1163", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7962", + "typeID": "Label", + "zOrder": "143", + "measuredW": "66", + "measuredH": "25", + "x": "1000", + "y": "1175", + "properties": { + "size": "17", + "text": "Modules" + } + }, + { + "ID": "7964", + "typeID": "Arrow", + "zOrder": "33", + "w": "2", + "h": "212", + "measuredW": "150", + "measuredH": "100", + "x": "744", + "y": "966", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 2, + "y": 211.63760017984214 + }, + "p1": { + "x": 0.5232067510548527, + "y": -0.004219409282700418 + }, + "p2": { + "x": -0.36468620791185913, + "y": -0.28900271550764955 + } + } + }, + { + "ID": "7967", + "typeID": "Arrow", + "zOrder": "32", + "w": "1", + "h": "109", + "measuredW": "150", + "measuredH": "100", + "x": "642", + "y": "858", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 0.6653417460931905, + "y": 108.91512571003409 + }, + "p1": { + "x": 0.5209787928221856, + "y": 0.005742251223491229 + }, + "p2": { + "x": 0.6653417460931905, + "y": -0.1453471090021594 + } + } + }, + { + "ID": "7968", + "typeID": "Canvas", + "zOrder": "98", + "w": "157", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1095", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7969", + "typeID": "Label", + "zOrder": "99", + "measuredW": "98", + "measuredH": "25", + "x": "251", + "y": "1106", + "properties": { + "text": "Interpolation", + "size": "17" + } + }, + { + "ID": "7970", + "typeID": "Canvas", + "zOrder": "100", + "w": "161", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "384", + "y": "1095", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7971", + "typeID": "Label", + "zOrder": "101", + "measuredW": "128", + "measuredH": "25", + "x": "401", + "y": "1106", + "properties": { + "text": "Property Binding", + "size": "17" + } + }, + { + "ID": "7972", + "typeID": "Canvas", + "zOrder": "144", + "w": "324", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1150", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7973", + "typeID": "Label", + "zOrder": "145", + "measuredW": "163", + "measuredH": "25", + "x": "301", + "y": "1162", + "properties": { + "size": "17", + "text": "Template Statements" + } + }, + { + "ID": "7974", + "typeID": "Canvas", + "zOrder": "146", + "w": "324", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1206", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7975", + "typeID": "Label", + "zOrder": "147", + "measuredW": "267", + "measuredH": "25", + "x": "240", + "y": "1218", + "properties": { + "size": "17", + "text": "Binding (Data, Props, Attrs, Events)" + } + }, + { + "ID": "7976", + "typeID": "Canvas", + "zOrder": "148", + "w": "154", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1261", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7977", + "typeID": "Label", + "zOrder": "149", + "measuredW": "119", + "measuredH": "25", + "x": "238", + "y": "1273", + "properties": { + "size": "17", + "text": "Reference Vars" + } + }, + { + "ID": "7978", + "typeID": "Canvas", + "zOrder": "150", + "w": "164", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "381", + "y": "1261", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7979", + "typeID": "Label", + "zOrder": "151", + "measuredW": "131", + "measuredH": "25", + "x": "399", + "y": "1273", + "properties": { + "size": "17", + "text": "@Input, @Output" + } + }, + { + "ID": "7980", + "typeID": "Arrow", + "zOrder": "28", + "w": "137", + "h": "97", + "measuredW": "150", + "measuredH": "100", + "x": "535", + "y": "1199", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 137.79594489989745, + "y": -0.30749565311725746 + }, + "p1": { + "x": 0.5656811947576953, + "y": -0.055470893020420554 + }, + "p2": { + "x": 0.38433587934019897, + "y": 96.9750594056843 + } + } + }, + { + "ID": "7981", + "typeID": "Arrow", + "zOrder": "29", + "w": "152", + "h": "67", + "measuredW": "150", + "measuredH": "100", + "x": "529", + "y": "1117", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 152.30816846754254, + "y": 67.10012108806256 + }, + "p1": { + "x": 0.5245584633234497, + "y": 0.05852778135877274 + }, + "p2": { + "x": 0.30417618816505865, + "y": 0.21836448513636242 + } + } + }, + { + "ID": "7982", + "typeID": "Arrow", + "zOrder": "30", + "w": "148", + "h": "47", + "measuredW": "150", + "measuredH": "100", + "x": "517", + "y": "1194", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 148.4997532704873, + "y": -0.17162340605727877 + }, + "p1": { + "x": 0.5656811947576955, + "y": -0.055470893020420554 + }, + "p2": { + "x": 0.1438568058148917, + "y": 47.2536221851085 + } + } + }, + { + "ID": "7983", + "typeID": "Arrow", + "zOrder": "31", + "w": "145", + "h": "15", + "measuredW": "150", + "measuredH": "100", + "x": "527", + "y": "1172", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 144.5799129616624, + "y": 14.532184964532576 + }, + "p1": { + "x": 0.5205160087037614, + "y": 0.039011501398818746 + }, + "p2": { + "x": -0.127887688304952, + "y": -0.060198294287715726 + } + } + }, + { + "ID": "7984", + "typeID": "Canvas", + "zOrder": "152", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1218", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7985", + "typeID": "Label", + "zOrder": "153", + "measuredW": "168", + "measuredH": "25", + "x": "949", + "y": "1230", + "properties": { + "size": "17", + "text": "Dependency Injection" + } + }, + { + "ID": "7986", + "typeID": "Canvas", + "zOrder": "154", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1273", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7987", + "typeID": "Label", + "zOrder": "155", + "measuredW": "67", + "measuredH": "25", + "x": "999", + "y": "1285", + "properties": { + "size": "17", + "text": "Services" + } + }, + { + "ID": "7988", + "typeID": "Canvas", + "zOrder": "156", + "w": "236", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "915", + "y": "1329", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7989", + "typeID": "Label", + "zOrder": "157", + "measuredW": "60", + "measuredH": "25", + "x": "1003", + "y": "1341", + "properties": { + "size": "17", + "text": "Routing" + } + }, + { + "ID": "7990", + "typeID": "Arrow", + "zOrder": "27", + "w": "162", + "h": "253", + "measuredW": "150", + "measuredH": "100", + "x": "583", + "y": "1206", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": -0.3084915658236014, + "y": 252.89791781788676 + }, + "p1": { + "x": 0.45433123552684945, + "y": -0.17593627878712412 + }, + "p2": { + "x": 162, + "y": 0 + } + } + }, + { + "ID": "7991", + "typeID": "Canvas", + "zOrder": "158", + "w": "186", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "489", + "y": "1448", + "properties": { + "color": "16776960" + } + }, + { + "ID": "7992", + "typeID": "Label", + "zOrder": "159", + "measuredW": "135", + "measuredH": "25", + "x": "514", + "y": "1460", + "properties": { + "size": "17", + "text": "Rendering Topics" + } + }, + { + "ID": "7993", + "typeID": "Canvas", + "zOrder": "160", + "w": "178", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1344", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7994", + "typeID": "Label", + "zOrder": "161", + "measuredW": "135", + "measuredH": "25", + "x": "242", + "y": "1356", + "properties": { + "size": "17", + "text": "Built-in Directives" + } + }, + { + "ID": "7995", + "typeID": "Canvas", + "zOrder": "162", + "w": "178", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1399", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7996", + "typeID": "Label", + "zOrder": "163", + "measuredW": "102", + "measuredH": "25", + "x": "259", + "y": "1411", + "properties": { + "size": "17", + "text": "Built-in Pipes" + } + }, + { + "ID": "7997", + "typeID": "Canvas", + "zOrder": "164", + "w": "178", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1453", + "properties": { + "color": "16770457" + } + }, + { + "ID": "7998", + "typeID": "Label", + "zOrder": "165", + "measuredW": "141", + "measuredH": "25", + "x": "239", + "y": "1465", + "properties": { + "size": "17", + "text": "Change Detection" + } + }, + { + "ID": "8000", + "typeID": "Arrow", + "zOrder": "25", + "w": "137", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "376", + "y": "1476", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 137, + "y": 3 + }, + "p1": { + "x": 0.5718039173147684, + "y": -0.006974564311454229 + }, + "p2": { + "x": -0.08142479985480122, + "y": 0.7671836529266329 } } }, { - "ID": "1532", - "typeID": "__group__", - "zOrder": "45", - "measuredW": "350", - "measuredH": "141", - "w": "350", - "h": "141", - "x": "626", - "y": "169", - "children": { - "controls": { - "control": [ - { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "350", - "h": "141", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0" - }, - { - "ID": "1", - "typeID": "Label", - "zOrder": "1", - "measuredW": "314", - "measuredH": "25", - "x": "14", - "y": "17", - "properties": { - "size": "17", - "text": "Find the detailed version of this roadmap" - } - }, - { - "ID": "2", - "typeID": "Label", - "zOrder": "2", - "measuredW": "319", - "measuredH": "25", - "x": "14", - "y": "45", - "properties": { - "size": "17", - "text": "along with resources and other roadmaps" - } - }, - { - "ID": "3", - "typeID": "Canvas", - "zOrder": "3", - "w": "320", - "h": "45", - "measuredW": "100", - "measuredH": "70", - "x": "15", - "y": "81", - "properties": { - "borderColor": "4273622", - "color": "4273622" - } - }, - { - "ID": "4", - "typeID": "Label", - "zOrder": "4", - "measuredW": "105", - "measuredH": "28", - "x": "156", - "y": "89", - "properties": { - "color": "16777215", - "size": "20", - "text": "roadmap.sh" - } - }, - { - "ID": "5", - "typeID": "Label", - "zOrder": "5", - "measuredW": "35", - "measuredH": "28", - "x": "91", - "y": "89", - "properties": { - "color": "16777215", - "size": "20", - "text": "http" - } - }, - { - "ID": "6", - "typeID": "Label", - "zOrder": "6", - "measuredW": "5", - "measuredH": "28", - "x": "128", - "y": "89", - "properties": { - "color": "16777215", - "size": "20", - "text": ":" - } - }, - { - "ID": "7", - "typeID": "Label", - "zOrder": "7", - "measuredW": "10", - "measuredH": "28", - "x": "135", - "y": "90", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - }, - { - "ID": "8", - "typeID": "Label", - "zOrder": "8", - "measuredW": "10", - "measuredH": "28", - "x": "143", - "y": "90", - "properties": { - "color": "16777215", - "size": "20", - "text": "/" - } - } - ] + "ID": "8001", + "typeID": "Arrow", + "zOrder": "26", + "w": "122", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "383", + "y": "1415", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 121.83256443864616, + "y": 54.10892686648094 + }, + "p1": { + "x": 0.516182454167905, + "y": 0.07501328692757032 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "8002", + "typeID": "Canvas", + "zOrder": "166", + "w": "133", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "745", + "y": "1448", + "properties": { + "color": "16776960" + } + }, + { + "ID": "8003", + "typeID": "Label", + "zOrder": "167", + "measuredW": "48", + "measuredH": "25", + "x": "788", + "y": "1460", + "properties": { + "size": "17", + "text": "Forms" + } + }, + { + "ID": "8004", + "typeID": "Arrow", + "zOrder": "24", + "w": "153", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "650", + "y": "1472", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 152.30933474099322, + "y": 0.48329069395197166 + }, + "p1": { + "x": 0.5209787928221856, + "y": 0.0057422512234912345 + }, + "p2": { + "x": -0.3346582539068095, + "y": 1.2239221875944395 + } + } + }, + { + "ID": "8005", + "typeID": "Arrow", + "zOrder": "23", + "w": "121", + "h": "93", + "measuredW": "150", + "measuredH": "100", + "x": "389", + "y": "1367", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 120.93806896294319, + "y": 93.17429394896112 + }, + "p1": { + "x": 0.516182454167905, + "y": 0.07501328692757027 + }, + "p2": { + "x": -0.31766348911210684, + "y": -0.0011636194603852346 + } + } + }, + { + "ID": "8006", + "typeID": "Canvas", + "zOrder": "168", + "w": "212", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "951", + "y": "1414", + "properties": { + "color": "16770457" + } + }, + { + "ID": "8007", + "typeID": "Label", + "zOrder": "169", + "measuredW": "120", + "measuredH": "25", + "x": "997", + "y": "1426", + "properties": { + "size": "17", + "text": "Reactive Forms" + } + }, + { + "ID": "8008", + "typeID": "Canvas", + "zOrder": "170", + "w": "212", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "951", + "y": "1469", + "properties": { + "color": "16770457" + } + }, + { + "ID": "8009", + "typeID": "Label", + "zOrder": "171", + "measuredW": "177", + "measuredH": "25", + "x": "968", + "y": "1481", + "properties": { + "size": "17", + "text": "Template-driven Forms" + } + }, + { + "ID": "8011", + "typeID": "Arrow", + "zOrder": "22", + "w": "110", + "h": "36", + "measuredW": "150", + "measuredH": "100", + "x": "858", + "y": "1431", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 110.15710001860498, + "y": -0.18235706574705546 + }, + "p1": { + "x": 0.5205160087037611, + "y": 0.03901150139881878 + }, + "p2": { + "x": 0.3887527462180742, + "y": 35.556174604332455 } } }, { - "ID": "1533", + "ID": "8012", "typeID": "Arrow", - "zOrder": "16", - "w": "84", - "h": "99", + "zOrder": "21", + "w": "112", + "h": "19", "measuredW": "150", "measuredH": "100", - "x": "627", - "y": "731", + "x": "860", + "y": "1479", "properties": { "curvature": "0", "leftArrow": "false", @@ -1753,382 +2545,727 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 83.31948685659836, - "y": 99.08265615218761 + "x": 111.98622841182782, + "y": 19.46557788118912 + }, + "p1": { + "x": 0.49235273148208303, + "y": -0.056041280138932066 + }, + "p2": { + "x": -0.33487112270768193, + "y": 0.31993591507512065 + } + } + }, + { + "ID": "8013", + "typeID": "Arrow", + "zOrder": "20", + "w": "160", + "h": "188", + "measuredW": "150", + "measuredH": "100", + "x": "652", + "y": "1481", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": -0.3841804878131825, + "y": 188.49997944514098 }, "p1": { - "x": 0.6853310980720871, - "y": -0.12841575859178522 + "x": 0.49884332978224843, + "y": -0.21997537262096778 }, "p2": { - "x": -0.4557350151932269, - "y": 1.1482418513609218 + "x": 159.6653417460932, + "y": 0.2239221875944395 } } }, { - "ID": "1535", + "ID": "8014", "typeID": "Canvas", - "zOrder": "86", - "w": "172", - "h": "42", + "zOrder": "172", + "w": "186", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "489", + "y": "1644", + "properties": { + "color": "16776960" + } + }, + { + "ID": "8015", + "typeID": "Label", + "zOrder": "173", + "measuredW": "60", + "measuredH": "25", + "x": "552", + "y": "1656", + "properties": { + "size": "17", + "text": "Routing" + } + }, + { + "ID": "8016", + "typeID": "Canvas", + "zOrder": "174", + "w": "178", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "700", - "y": "810", + "x": "493", + "y": "1540", "properties": { "color": "16770457" } }, { - "ID": "1536", + "ID": "8017", "typeID": "Label", - "zOrder": "87", - "measuredW": "147", - "measuredH": "24", - "x": "715", - "y": "819", + "zOrder": "175", + "measuredW": "103", + "measuredH": "25", + "x": "530", + "y": "1552", "properties": { - "size": "16", - "text": "ngIf, " + "size": "17", + "text": "Configuration" } }, { - "ID": "1537", + "ID": "8018", "typeID": "Canvas", - "zOrder": "88", - "w": "99", - "h": "42", + "zOrder": "176", + "w": "178", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "881", - "y": "810", + "x": "221", + "y": "1549", "properties": { "color": "16770457" } }, { - "ID": "1538", + "ID": "8019", "typeID": "Label", - "zOrder": "89", - "measuredW": "43", - "measuredH": "24", - "x": "909", - "y": "819", + "zOrder": "177", + "measuredW": "113", + "measuredH": "25", + "x": "253", + "y": "1561", "properties": { - "size": "16", - "text": "ngFor" + "size": "17", + "text": "Router Outlets" } }, { - "ID": "1539", + "ID": "8020", "typeID": "Canvas", - "zOrder": "90", - "w": "89", - "h": "42", + "zOrder": "178", + "w": "178", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "702", - "y": "858", + "x": "221", + "y": "1659", "properties": { "color": "16770457" } }, { - "ID": "1540", + "ID": "8021", "typeID": "Label", - "zOrder": "91", - "measuredW": "58", - "measuredH": "24", - "x": "717", - "y": "867", + "zOrder": "179", + "measuredW": "110", + "measuredH": "25", + "x": "255", + "y": "1671", "properties": { - "size": "16", - "text": "ngClass" + "size": "17", + "text": "Router Events" } }, { - "ID": "1541", + "ID": "8022", "typeID": "Canvas", - "zOrder": "92", - "w": "89", - "h": "42", + "zOrder": "180", + "w": "178", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "800", - "y": "858", + "x": "221", + "y": "1604", "properties": { "color": "16770457" } }, { - "ID": "1542", + "ID": "8023", "typeID": "Label", - "zOrder": "93", - "measuredW": "54", - "measuredH": "24", - "x": "818", - "y": "867", + "zOrder": "181", + "measuredW": "98", + "measuredH": "25", + "x": "261", + "y": "1616", + "properties": { + "size": "17", + "text": "Router Links" + } + }, + { + "ID": "8024", + "typeID": "Arrow", + "zOrder": "17", + "w": "121", + "h": "93", + "measuredW": "150", + "measuredH": "100", + "x": "388", + "y": "1568", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 120.93806896294319, + "y": 93.17429394896112 + }, + "p1": { + "x": 0.516182454167905, + "y": 0.07501328692757027 + }, + "p2": { + "x": -0.31766348911210684, + "y": -0.0011636194603852346 + } + } + }, + { + "ID": "8025", + "typeID": "Arrow", + "zOrder": "18", + "w": "137", + "h": "3", + "measuredW": "150", + "measuredH": "100", + "x": "375", + "y": "1677", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 137, + "y": 3 + }, + "p1": { + "x": 0.5718039173147684, + "y": -0.006974564311454229 + }, + "p2": { + "x": -0.08142479985480122, + "y": 0.7671836529266329 + } + } + }, + { + "ID": "8026", + "typeID": "Arrow", + "zOrder": "19", + "w": "122", + "h": "54", + "measuredW": "150", + "measuredH": "100", + "x": "382", + "y": "1616", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 121.83256443864616, + "y": 54.10892686648094 + }, + "p1": { + "x": 0.516182454167905, + "y": 0.07501328692757032 + }, + "p2": { + "x": 0, + "y": 0 + } + } + }, + { + "ID": "8027", + "typeID": "Arrow", + "zOrder": "16", + "w": "1", + "h": "205", + "measuredW": "150", + "measuredH": "100", + "x": "574", + "y": "1569", "properties": { - "size": "16", - "text": "ngStyle" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": -0.3346582539068095, + "y": 205.1628221932308 + }, + "p1": { + "x": 0.5160009912864776, + "y": -0.006662715401372748 + }, + "p2": { + "x": -0.3346582539068095, + "y": -0.1453471090021594 + } } }, { - "ID": "1543", + "ID": "8028", "typeID": "Canvas", - "zOrder": "94", - "w": "83", - "h": "42", + "zOrder": "182", + "w": "285", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "897", - "y": "858", + "x": "878", + "y": "1655", + "properties": { + "color": "16776960" + } + }, + { + "ID": "8029", + "typeID": "Label", + "zOrder": "183", + "measuredW": "207", + "measuredH": "25", + "x": "917", + "y": "1667", + "properties": { + "size": "17", + "text": "Services and Remote Data" + } + }, + { + "ID": "8030", + "typeID": "Arrow", + "zOrder": "15", + "w": "232", + "h": "1", + "measuredW": "150", + "measuredH": "100", + "x": "668", + "y": "1680", + "properties": { + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 231.23278894059456, + "y": 0.2239221875943258 + }, + "p1": { + "x": 0.5209787928221857, + "y": 0.005742251223491235 + }, + "p2": { + "x": -0.3346582539068095, + "y": 0.2239221875944395 + } + } + }, + { + "ID": "8031", + "typeID": "Canvas", + "zOrder": "184", + "w": "178", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1715", "properties": { "color": "16770457" } }, { - "ID": "1544", + "ID": "8032", "typeID": "Label", - "zOrder": "95", - "measuredW": "41", - "measuredH": "24", - "x": "918", - "y": "867", + "zOrder": "185", + "measuredW": "56", + "measuredH": "25", + "x": "282", + "y": "1727", + "properties": { + "size": "17", + "text": "Guards" + } + }, + { + "ID": "8033", + "typeID": "Arrow", + "zOrder": "14", + "w": "110", + "h": "48", + "measuredW": "150", + "measuredH": "100", + "x": "396", + "y": "1686", "properties": { - "size": "16", - "text": "Pipes" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 110.1089405697204, + "y": 0.09286914910626365 + }, + "p1": { + "x": 0.5902039507828301, + "y": -0.08117284189966499 + }, + "p2": { + "x": -0.08142479985480122, + "y": 47.76718365292663 + } } }, { - "ID": "1545", + "ID": "8034", "typeID": "Canvas", - "zOrder": "96", - "w": "198", - "h": "43", + "zOrder": "186", + "w": "285", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "230", - "y": "969", + "x": "878", + "y": "1709", "properties": { "color": "16776960" } }, { - "ID": "1546", + "ID": "8035", "typeID": "Label", - "zOrder": "97", - "measuredW": "139", - "measuredH": "24", - "x": "259", - "y": "979", + "zOrder": "187", + "measuredW": "121", + "measuredH": "25", + "x": "960", + "y": "1721", "properties": { - "size": "16", - "text": "State Management" + "size": "17", + "text": "Lifecycle Hooks" } }, { - "ID": "1547", + "ID": "8037", "typeID": "Canvas", - "zOrder": "98", - "w": "198", - "h": "42", + "zOrder": "188", + "w": "212", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "758", + "x": "951", + "y": "1560", "properties": { "color": "16770457" } }, { - "ID": "1548", + "ID": "8038", "typeID": "Label", - "zOrder": "99", - "measuredW": "174", - "measuredH": "24", - "x": "449", - "y": "767", + "zOrder": "189", + "measuredW": "168", + "measuredH": "25", + "x": "973", + "y": "1572", + "properties": { + "size": "17", + "text": "Dependency Injection" + } + }, + { + "ID": "8039", + "typeID": "Arrow", + "zOrder": "13", + "w": "1", + "h": "87", + "measuredW": "150", + "measuredH": "100", + "x": "1050", + "y": "1588", "properties": { - "size": "16", - "text": "Forms, Inputs, Validation" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 0.6653417460931905, + "y": 86.60548396943796 + }, + "p1": { + "x": 0.5209787928221857, + "y": 0.005742251223491228 + }, + "p2": { + "x": 0.6653417460931905, + "y": -0.18809294361221873 + } } }, { - "ID": "1549", + "ID": "8040", "typeID": "Canvas", - "zOrder": "100", - "w": "198", - "h": "42", + "zOrder": "190", + "w": "154", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "804", + "x": "493", + "y": "1747", "properties": { "color": "16770457" } }, { - "ID": "1550", + "ID": "8041", + "typeID": "Label", + "zOrder": "191", + "measuredW": "100", + "measuredH": "25", + "x": "520", + "y": "1759", + "properties": { + "size": "17", + "text": "Lazy Loading" + } + }, + { + "ID": "8042", + "typeID": "Canvas", + "zOrder": "192", + "w": "126", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "540", + "y": "1848", + "properties": { + "color": "16776960" + } + }, + { + "ID": "8043", "typeID": "Label", - "zOrder": "101", - "measuredW": "140", - "measuredH": "24", - "x": "466", - "y": "813", + "zOrder": "193", + "measuredW": "49", + "measuredH": "25", + "x": "578", + "y": "1860", "properties": { - "size": "16", - "text": "Services and HTTP" + "size": "17", + "text": "Zones" } }, { - "ID": "1551", + "ID": "8044", "typeID": "Canvas", - "zOrder": "102", - "w": "198", - "h": "42", + "zOrder": "194", + "w": "286", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "850", + "x": "877", + "y": "1763", "properties": { - "color": "16770457" + "color": "16776960" } }, { - "ID": "1552", + "ID": "8045", "typeID": "Label", - "zOrder": "103", - "measuredW": "114", - "measuredH": "24", - "x": "479", - "y": "859", + "zOrder": "195", + "measuredW": "148", + "measuredH": "25", + "x": "946", + "y": "1775", "properties": { - "size": "16", - "text": "Lifecycle Hooks" + "size": "17", + "text": "State Management" } }, { - "ID": "1553", + "ID": "8046", "typeID": "Canvas", - "zOrder": "104", - "w": "198", - "h": "42", + "zOrder": "196", + "w": "227", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "437", - "y": "896", + "x": "221", + "y": "1847", "properties": { - "color": "16770457" + "color": "16776960" } }, { - "ID": "1554", + "ID": "8047", "typeID": "Label", - "zOrder": "105", - "measuredW": "145", - "measuredH": "24", - "x": "463", - "y": "905", + "zOrder": "197", + "measuredW": "177", + "measuredH": "25", + "x": "244", + "y": "1859", "properties": { - "size": "16", - "text": "Routing and Guards" + "size": "17", + "text": "Creating a custom ___" } }, { - "ID": "1555", + "ID": "8048", "typeID": "Arrow", - "zOrder": "15", - "w": "114", - "h": "77", + "zOrder": "12", + "w": "165", + "h": "4", "measuredW": "150", "measuredH": "100", - "x": "411", - "y": "912", + "x": "419", + "y": "1868", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", "color": "10027263", "p0": { - "x": 113.49213880171379, - "y": -0.13930809626481278 + "x": 165.29974235933003, + "y": 3.223922187594326 }, "p1": { - "x": 0.48035332213415083, - "y": 0.1877545196165364 + "x": 0.5209787928221858, + "y": 0.0057422512234912345 }, "p2": { - "x": -0.38341955797972105, - "y": 76.78360462762362 + "x": 0.2387810888058084, + "y": -0.32883026031754525 } } }, { - "ID": "1556", + "ID": "8050", "typeID": "Canvas", - "zOrder": "106", - "w": "112", - "h": "42", + "zOrder": "198", + "w": "121", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "66", - "y": "945", + "x": "221", + "y": "1929", "properties": { - "color": "14540253" + "color": "16770457" } }, { - "ID": "1557", + "ID": "8051", "typeID": "Label", - "zOrder": "107", - "measuredW": "43", - "measuredH": "24", - "x": "100", - "y": "954", + "zOrder": "199", + "measuredW": "68", + "measuredH": "25", + "x": "248", + "y": "1941", "properties": { - "size": "16", - "text": "NGXS" + "size": "17", + "text": "Directive" } }, { - "ID": "1558", + "ID": "8052", "typeID": "Canvas", - "zOrder": "108", - "w": "112", - "h": "42", + "zOrder": "200", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "66", - "y": "994", + "x": "348", + "y": "1929", "properties": { "color": "16770457" } }, { - "ID": "1559", + "ID": "8053", "typeID": "Label", - "zOrder": "109", - "measuredW": "47", - "measuredH": "24", - "x": "98", - "y": "1003", + "zOrder": "201", + "measuredW": "35", + "measuredH": "25", + "x": "380", + "y": "1941", + "properties": { + "size": "17", + "text": "Pipe" + } + }, + { + "ID": "8054", + "typeID": "Canvas", + "zOrder": "202", + "w": "227", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "221", + "y": "1983", + "properties": { + "color": "16770457" + } + }, + { + "ID": "8055", + "typeID": "Label", + "zOrder": "203", + "measuredW": "53", + "measuredH": "25", + "x": "308", + "y": "1995", "properties": { - "size": "16", - "text": "@ngrx" + "size": "17", + "text": "Library" } }, { - "ID": "1560", + "ID": "8056", "typeID": "Arrow", - "zOrder": "14", - "w": "87", - "h": "21", + "zOrder": "11", + "w": "1", + "h": "82", "measuredW": "150", "measuredH": "100", - "x": "162", - "y": "995", + "x": "281", + "y": "1872", "properties": { "curvature": "0", "leftArrow": "false", @@ -2136,29 +3273,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": -0.29036382738183875, - "y": 21.570879075617313 + "x": 0.6653417460931905, + "y": 82.26052647176084 }, "p1": { - "x": 0.41689655172413825, - "y": 0.047241379310345236 + "x": 0.5209787928221856, + "y": 0.005742251223491229 }, "p2": { - "x": 87.02465615166847, - "y": 0.3320904320645468 + "x": 0.6653417460931905, + "y": -0.1453471090021594 } } }, { - "ID": "1561", + "ID": "8057", "typeID": "Arrow", - "zOrder": "13", - "w": "91", - "h": "26", + "zOrder": "10", + "w": "1", + "h": "82", "measuredW": "150", "measuredH": "100", - "x": "161", - "y": "962", + "x": "397", + "y": "1884", "properties": { "curvature": "0", "leftArrow": "false", @@ -2166,115 +3303,206 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": -0.47029652980143055, - "y": 0.29397476431574887 + "x": 0.6653417460931905, + "y": 82.26052647176084 }, "p1": { - "x": 0.3722126929674102, - "y": -0.07547169811320738 + "x": 0.5209787928221856, + "y": 0.005742251223491229 }, "p2": { - "x": 90.38452155650765, - "y": 26.252494217546996 + "x": 0.6653417460931905, + "y": -0.1453471090021594 } } }, { - "ID": "1562", + "ID": "8058", "typeID": "Arrow", - "zOrder": "12", - "w": "163", - "h": "4", + "zOrder": "9", + "w": "274", + "h": "90", "measuredW": "150", "measuredH": "100", - "x": "382", - "y": "996", + "x": "429", + "y": "1878", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", "color": "10027263", "p0": { - "x": 162.56837013721133, - "y": 0.4531671933509642 + "x": 273.85853278458967, + "y": 90.7596536600604 }, "p1": { - "x": 0.5713380847918264, - "y": 0.00009045798840656983 + "x": 0.5394209656837318, + "y": 0.08127816093452517 }, "p2": { - "x": -0.38341955797972105, - "y": 4.7836046276236175 + "x": 0.2417599083887012, + "y": 0.49483933119245194 } } }, { - "ID": "1563", + "ID": "8059", "typeID": "Canvas", - "zOrder": "110", - "w": "176", - "h": "43", + "zOrder": "204", + "w": "272", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "508", - "y": "973", + "x": "588", + "y": "2205", "properties": { "color": "16776960" } }, { - "ID": "1564", + "ID": "8060", "typeID": "Label", - "zOrder": "111", - "measuredW": "122", - "measuredH": "24", - "x": "535", - "y": "983", + "zOrder": "205", + "measuredW": "162", + "measuredH": "25", + "x": "620", + "y": "2217", "properties": { - "size": "16", - "text": "Advanced Topics" + "size": "17", + "text": "Testing Angular Apps" } }, { - "ID": "1575", - "typeID": "Arrow", - "zOrder": "11", - "w": "64", - "h": "43", - "measuredW": "150", - "measuredH": "100", - "x": "669", - "y": "951", + "ID": "8061", + "typeID": "Canvas", + "zOrder": "206", + "w": "255", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "2238", "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.13983554215440108, - "y": 42.82783099986625 - }, - "p1": { - "x": 0.45957640430083985, - "y": -0.04513426163109045 - }, - "p2": { - "x": 63.92699743495791, - "y": -0.44621493077136165 - } + "color": "16770457" + } + }, + { + "ID": "8062", + "typeID": "Label", + "zOrder": "207", + "measuredW": "162", + "measuredH": "25", + "x": "269", + "y": "2250", + "properties": { + "size": "17", + "text": "Component Bindings" + } + }, + { + "ID": "8063", + "typeID": "Canvas", + "zOrder": "208", + "w": "255", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "2293", + "properties": { + "color": "16770457" + } + }, + { + "ID": "8064", + "typeID": "Label", + "zOrder": "209", + "measuredW": "137", + "measuredH": "25", + "x": "281", + "y": "2305", + "properties": { + "size": "17", + "text": "Testing Directives" + } + }, + { + "ID": "8065", + "typeID": "Canvas", + "zOrder": "210", + "w": "255", + "h": "50", + "measuredW": "100", + "measuredH": "70", + "x": "222", + "y": "2348", + "properties": { + "color": "16770457" + } + }, + { + "ID": "8066", + "typeID": "Label", + "zOrder": "211", + "measuredW": "174", + "measuredH": "25", + "x": "263", + "y": "2360", + "properties": { + "size": "17", + "text": "Component Tempaltes" + } + }, + { + "ID": "8072", + "typeID": "Canvas", + "zOrder": "66", + "w": "350", + "h": "141", + "measuredW": "100", + "measuredH": "70", + "x": "900", + "y": "158" + }, + { + "ID": "8073", + "typeID": "Label", + "zOrder": "67", + "measuredW": "314", + "measuredH": "25", + "x": "914", + "y": "175", + "properties": { + "size": "17", + "text": "Find the detailed version of this roadmap" + } + }, + { + "ID": "8074", + "typeID": "Label", + "zOrder": "68", + "measuredW": "319", + "measuredH": "25", + "x": "914", + "y": "203", + "properties": { + "size": "17", + "text": "along with resources and other roadmaps" } }, { - "ID": "1576", + "ID": "8081", "typeID": "__group__", - "zOrder": "112", - "measuredW": "250", - "measuredH": "42", - "w": "250", - "h": "42", - "x": "729", - "y": "929", + "zOrder": "69", + "measuredW": "320", + "measuredH": "45", + "w": "320", + "h": "45", + "x": "915", + "y": "239", + "properties": { + "controlName": "ext_link:roadmap.sh" + }, "children": { "controls": { "control": [ @@ -2282,115 +3510,85 @@ "ID": "0", "typeID": "Canvas", "zOrder": "0", - "w": "250", - "h": "42", + "w": "320", + "h": "45", "measuredW": "100", "measuredH": "70", "x": "0", "y": "0", "properties": { - "color": "16770457" + "borderColor": "4273622", + "color": "4273622" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "199", - "measuredH": "24", - "x": "25", - "y": "9", + "measuredW": "105", + "measuredH": "28", + "x": "141", + "y": "8", "properties": { - "size": "16", - "text": "Creating Custom Directives" + "color": "16777215", + "size": "20", + "text": "roadmap.sh" } - } - ] - } - } - }, - { - "ID": "1577", - "typeID": "__group__", - "zOrder": "113", - "measuredW": "250", - "measuredH": "42", - "w": "250", - "h": "42", - "x": "729", - "y": "974", - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "250", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "45", + "measuredH": "28", + "x": "65", + "y": "8", "properties": { - "color": "16770457" + "color": "16777215", + "size": "20", + "text": "https" } }, { - "ID": "1", + "ID": "3", "typeID": "Label", - "zOrder": "1", - "measuredW": "167", - "measuredH": "24", - "x": "41", - "y": "9", + "zOrder": "3", + "measuredW": "5", + "measuredH": "28", + "x": "113", + "y": "8", "properties": { - "size": "16", - "text": "Creating Custom Pipes" + "color": "16777215", + "size": "20", + "text": ":" } - } - ] - } - } - }, - { - "ID": "1578", - "typeID": "__group__", - "zOrder": "114", - "measuredW": "250", - "measuredH": "42", - "w": "250", - "h": "42", - "x": "729", - "y": "1020", - "children": { - "controls": { - "control": [ + }, { - "ID": "0", - "typeID": "Canvas", - "zOrder": "0", - "w": "250", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "0", - "y": "0", + "ID": "4", + "typeID": "Label", + "zOrder": "4", + "measuredW": "10", + "measuredH": "28", + "x": "120", + "y": "9", "properties": { - "color": "16770457" + "color": "16777215", + "size": "20", + "text": "/" } }, { - "ID": "1", + "ID": "5", "typeID": "Label", - "zOrder": "1", - "measuredW": "113", - "measuredH": "24", - "x": "68", + "zOrder": "5", + "measuredW": "10", + "measuredH": "28", + "x": "128", "y": "9", "properties": { - "size": "16", - "text": "Reactive Forms" + "color": "16777215", + "size": "20", + "text": "/" } } ] @@ -2398,15 +3596,18 @@ } }, { - "ID": "1579", + "ID": "8082", "typeID": "__group__", - "zOrder": "115", - "measuredW": "250", - "measuredH": "42", - "w": "250", - "h": "42", - "x": "729", - "y": "1066", + "zOrder": "63", + "measuredW": "572", + "measuredH": "90", + "w": "572", + "h": "90", + "x": "181", + "y": "168", + "properties": { + "controlName": "ext_link:roadmap.sh/frontend" + }, "children": { "controls": { "control": [ @@ -2414,27 +3615,38 @@ "ID": "0", "typeID": "Canvas", "zOrder": "0", - "w": "250", - "h": "42", + "w": "572", + "h": "90", "measuredW": "100", "measuredH": "70", "x": "0", - "y": "0", + "y": "0" + }, + { + "ID": "1", + "typeID": "Label", + "zOrder": "1", + "measuredW": "396", + "measuredH": "28", + "x": "88", + "y": "19", "properties": { - "color": "16770457" + "size": "20", + "text": "Frontend Roadmap till Framework Selection" } }, { - "ID": "1", + "ID": "2", "typeID": "Label", - "zOrder": "1", - "measuredW": "192", + "zOrder": "2", + "measuredW": "152", "measuredH": "24", - "x": "29", - "y": "9", + "x": "210", + "y": "49", "properties": { "size": "16", - "text": "Modules and Lazy Loading" + "color": "10027263", + "text": "roadmap.sh/frontend" } } ] @@ -2442,15 +3654,18 @@ } }, { - "ID": "1580", + "ID": "8083", "typeID": "__group__", - "zOrder": "116", - "measuredW": "250", - "measuredH": "42", - "w": "250", - "h": "42", - "x": "729", - "y": "1112", + "zOrder": "110", + "measuredW": "576", + "measuredH": "105", + "w": "576", + "h": "105", + "x": "575", + "y": "2457", + "properties": { + "controlName": "ext_link:roadmap.sh/frontend" + }, "children": { "controls": { "control": [ @@ -2458,27 +3673,38 @@ "ID": "0", "typeID": "Canvas", "zOrder": "0", - "w": "250", - "h": "42", + "w": "576", + "h": "105", "measuredW": "100", "measuredH": "70", "x": "0", - "y": "0", - "properties": { - "color": "16770457" - } + "y": "0" }, { "ID": "1", "typeID": "Label", "zOrder": "1", - "measuredW": "223", - "measuredH": "24", - "x": "13", - "y": "9", + "measuredW": "502", + "measuredH": "32", + "x": "40", + "y": "22", "properties": { - "size": "16", - "text": "Dependency Injection & Zones" + "size": "24", + "text": "Frontend Roadmap after Framework Selection" + } + }, + { + "ID": "2", + "typeID": "Label", + "zOrder": "2", + "measuredW": "171", + "measuredH": "26", + "x": "205", + "y": "58", + "properties": { + "text": "roadmap.sh/frontend", + "size": "18", + "color": "10027263" } } ] @@ -2486,326 +3712,182 @@ } }, { - "ID": "1581", - "typeID": "Arrow", - "zOrder": "9", - "w": "73", - "h": "3", - "measuredW": "150", - "measuredH": "100", - "x": "672", - "y": "994", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": -0.3587071287161052, - "y": 2.830745658125352 - }, - "p1": { - "x": 0.5510688836104509, - "y": -0.019002375296912517 - }, - "p2": { - "x": 72.18355541604092, - "y": 0.32928832899574445 - } - } - }, - { - "ID": "1582", - "typeID": "Arrow", - "zOrder": "10", - "w": "76", - "h": "44", - "measuredW": "150", - "measuredH": "100", - "x": "665", - "y": "999", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.3876495484601037, - "y": 0.33220298725484554 - }, - "p1": { - "x": 0.6014961585119298, - "y": -0.048321876263648623 - }, - "p2": { - "x": 76.68209808691131, - "y": 44.10770624702195 - } - } - }, - { - "ID": "1583", - "typeID": "Arrow", - "zOrder": "8", - "w": "71", - "h": "88", - "measuredW": "150", - "measuredH": "100", - "x": "669", - "y": "1001", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": 0.13983554215440108, - "y": -0.41706834818035077 - }, - "p1": { - "x": 0.6103816419192543, - "y": -0.039882194134249226 - }, - "p2": { - "x": 71.4313694223465, - "y": 87.13393817135398 - } - } - }, - { - "ID": "1584", - "typeID": "Arrow", - "zOrder": "7", - "w": "76", - "h": "131", - "measuredW": "150", - "measuredH": "100", - "x": "662", - "y": "999", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "stroke": "dotted", - "color": "10027263", - "p0": { - "x": -0.3645364452341937, - "y": 0.33220298725484554 - }, - "p1": { - "x": 0.6281168248802743, - "y": -0.05749468283743387 - }, - "p2": { - "x": 75.92991209321701, - "y": 131.65871276655616 - } - } - }, - { - "ID": "1585", - "typeID": "Arrow", - "zOrder": "6", - "w": "102", - "h": "130", - "measuredW": "150", - "measuredH": "100", - "x": "489", - "y": "1003", - "properties": { - "curvature": "0", - "leftArrow": "false", - "rightArrow": "false", - "color": "10027263", - "p0": { - "x": 0.03490784482687559, - "y": 129.53480576340348 - }, - "p1": { - "x": 0.45483345114655443, - "y": -0.26083682860175045 - }, - "p2": { - "x": 101.61658044202028, - "y": -0.2163953723763825 - } - } - }, - { - "ID": "1586", + "ID": "8084", "typeID": "Canvas", - "zOrder": "117", - "w": "205", - "h": "43", + "zOrder": "212", + "w": "271", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "305", - "y": "1111", + "x": "689", + "y": "2000", "properties": { "color": "16776960" } }, { - "ID": "1587", - "typeID": "Label", - "zOrder": "118", - "measuredW": "153", - "measuredH": "24", - "x": "331", - "y": "1121", - "properties": { - "size": "16", - "text": "Testing Angular Apps" - } - }, - { - "ID": "1589", - "typeID": "Canvas", - "zOrder": "119", - "w": "187", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "50", - "y": "1062", - "properties": { - "color": "16770457" - } - }, - { - "ID": "1590", + "ID": "8085", "typeID": "Label", - "zOrder": "120", - "measuredW": "98", - "measuredH": "24", - "x": "95", - "y": "1071", + "zOrder": "213", + "measuredW": "219", + "measuredH": "25", + "x": "719", + "y": "2012", "properties": { - "size": "16", - "text": "Testing Pipes" + "size": "17", + "text": "Static Site Generation (SSG)" } }, { - "ID": "1591", + "ID": "8087", "typeID": "Canvas", - "zOrder": "121", - "w": "187", - "h": "42", + "zOrder": "214", + "w": "272", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "50", - "y": "1109", + "x": "688", + "y": "1944", "properties": { - "color": "16770457" + "color": "16776960" } }, { - "ID": "1592", + "ID": "8088", "typeID": "Label", - "zOrder": "122", - "measuredW": "138", - "measuredH": "24", - "x": "75", - "y": "1118", + "zOrder": "215", + "measuredW": "225", + "measuredH": "25", + "x": "711", + "y": "1956", "properties": { - "size": "16", - "text": "Services with Deps" + "size": "17", + "text": "Server Side Rendering (SSR)" } }, { - "ID": "1593", + "ID": "8089", "typeID": "Canvas", - "zOrder": "123", - "w": "187", - "h": "42", + "zOrder": "216", + "w": "197", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "50", - "y": "1156", + "x": "1020", + "y": "1944", "properties": { "color": "16770457" } }, { - "ID": "1594", + "ID": "8090", "typeID": "Label", - "zOrder": "124", - "measuredW": "152", - "measuredH": "24", - "x": "68", - "y": "1165", + "zOrder": "217", + "measuredW": "135", + "measuredH": "25", + "x": "1056", + "y": "1956", "properties": { - "size": "16", - "text": "Component Bindings" + "size": "17", + "text": "Angular Universal" } }, { - "ID": "1595", - "typeID": "Canvas", - "zOrder": "125", - "w": "186", - "h": "42", - "measuredW": "100", - "measuredH": "70", - "x": "51", - "y": "1201", + "ID": "8091", + "typeID": "Arrow", + "zOrder": "8", + "w": "4", + "h": "617", + "measuredW": "150", + "measuredH": "100", + "x": "780", + "y": "2032", "properties": { - "color": "16770457" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "color": "10027263", + "p0": { + "x": 3.6653417460931905, + "y": 616.945330548373 + }, + "p1": { + "x": 0.5209787928221856, + "y": 0.0057422512234912276 + }, + "p2": { + "x": 3.6653417460931905, + "y": -0.1453471090021594 + } } }, { - "ID": "1596", - "typeID": "Label", - "zOrder": "126", - "measuredW": "129", - "measuredH": "24", - "x": "79", - "y": "1210", + "ID": "8093", + "typeID": "Arrow", + "zOrder": "7", + "w": "136", + "h": "5", + "measuredW": "150", + "measuredH": "100", + "x": "940", + "y": "1970", "properties": { - "size": "16", - "text": "Testing Directives" + "curvature": "0", + "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", + "p0": { + "x": 136, + "y": 0 + }, + "p1": { + "x": 0.5718039173147684, + "y": -0.006974564311454232 + }, + "p2": { + "x": -0.33608340984960705, + "y": 5.057669186803878 + } } }, { - "ID": "1597", + "ID": "8094", "typeID": "Canvas", - "zOrder": "127", - "w": "186", - "h": "42", + "zOrder": "218", + "w": "197", + "h": "50", "measuredW": "100", "measuredH": "70", - "x": "51", - "y": "1247", + "x": "1020", + "y": "2000", "properties": { "color": "16770457" } }, { - "ID": "1598", + "ID": "8095", "typeID": "Label", - "zOrder": "128", - "measuredW": "163", - "measuredH": "24", - "x": "62", - "y": "1256", + "zOrder": "219", + "measuredW": "45", + "measuredH": "25", + "x": "1096", + "y": "2012", "properties": { - "size": "16", - "text": "Component Templates" + "size": "17", + "text": "Scully" } }, { - "ID": "1599", + "ID": "8097", "typeID": "Arrow", - "zOrder": "5", - "w": "93", - "h": "131", + "zOrder": "6", + "w": "104", + "h": "40", "measuredW": "150", "measuredH": "100", - "x": "226", - "y": "1139", + "x": "936", + "y": "1976", "properties": { "curvature": "0", "leftArrow": "false", @@ -2813,29 +3895,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.38188828622421056, - "y": 131.740323197811 + "x": 104.43216501804841, + "y": 0.3172722921526656 }, "p1": { - "x": 0.34713047694079135, - "y": -0.060117568632204146 + "x": 0.5205160087037611, + "y": 0.039011501398818815 }, "p2": { - "x": 92.9358094640175, - "y": 0.4138134185095623 + "x": 0.3887527462180742, + "y": 40.556174604332455 } } }, { - "ID": "1600", + "ID": "8098", "typeID": "Arrow", - "zOrder": "4", - "w": "93", - "h": "83", + "zOrder": "5", + "w": "136", + "h": "5", "measuredW": "150", "measuredH": "100", - "x": "221", - "y": "1136", + "x": "940", + "y": "2022", "properties": { "curvature": "0", "leftArrow": "false", @@ -2843,29 +3925,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.37897362796510947, - "y": 82.20971928609038 + "x": 136, + "y": 0 }, "p1": { - "x": 0.34713047694079147, - "y": -0.06011756863220413 + "x": 0.5718039173147684, + "y": -0.006974564311454232 }, "p2": { - "x": 92.9328948057584, - "y": -0.3383725751846214 + "x": -0.33608340984960705, + "y": 5.057669186803878 } } }, { - "ID": "1601", + "ID": "8099", "typeID": "Arrow", - "zOrder": "3", - "w": "94", - "h": "45", + "zOrder": "1", + "w": "137", + "h": "97", "measuredW": "150", "measuredH": "100", - "x": "221", - "y": "1132", + "x": "471", + "y": "2233", "properties": { "curvature": "0", "leftArrow": "false", @@ -2873,29 +3955,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.37897362796510947, - "y": 44.93567335545299 + "x": 137.79594489989745, + "y": -0.30749565311725746 }, "p1": { - "x": 0.34713047694079147, - "y": -0.060117568632204355 + "x": 0.5656811947576953, + "y": -0.055470893020420554 }, "p2": { - "x": 94.1836234703232, - "y": -0.09055856887903246 + "x": 0.38433587934019897, + "y": 96.9750594056843 } } }, { - "ID": "1602", + "ID": "8100", "typeID": "Arrow", - "zOrder": "1", - "w": "90", - "h": "4", + "zOrder": "2", + "w": "152", + "h": "67", "measuredW": "150", "measuredH": "100", - "x": "221", - "y": "1129", + "x": "465", + "y": "2151", "properties": { "curvature": "0", "leftArrow": "false", @@ -2903,29 +3985,29 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.37897362796510947, - "y": 0.40798410199136015 + "x": 152.30816846754254, + "y": 67.10012108806256 }, "p1": { - "x": 0.38516298239040825, - "y": -0.038965904833270275 + "x": 0.5245584633234497, + "y": 0.05852778135877274 }, "p2": { - "x": 90.43143747662884, - "y": 1.6587127665561638 + "x": 0.30417618816505865, + "y": 0.21836448513636242 } } }, { - "ID": "1603", + "ID": "8101", "typeID": "Arrow", - "zOrder": "2", - "w": "93", - "h": "44", + "zOrder": "3", + "w": "148", + "h": "47", "measuredW": "150", "measuredH": "100", - "x": "220", - "y": "1078", + "x": "453", + "y": "2228", "properties": { "curvature": "0", "leftArrow": "false", @@ -2933,133 +4015,99 @@ "stroke": "dotted", "color": "10027263", "p0": { - "x": 0.1282449634003342, - "y": 0.12810885483577295 + "x": 148.4997532704873, + "y": -0.17162340605727877 }, "p1": { - "x": 0.385162982390408, - "y": -0.038965904833270296 + "x": 0.5656811947576955, + "y": -0.055470893020420554 }, "p2": { - "x": 92.68216614119365, - "y": 43.903612114602765 + "x": 0.1438568058148917, + "y": 47.2536221851085 } } }, { - "ID": "1604", + "ID": "8102", "typeID": "Arrow", - "zOrder": "129", - "w": "4", - "h": "89", + "zOrder": "4", + "w": "145", + "h": "15", "measuredW": "150", "measuredH": "100", - "x": "548", - "y": "1412", + "x": "463", + "y": "2206", "properties": { - "color": "2848996", "curvature": "0", - "direction": "bottom", "leftArrow": "false", + "rightArrow": "false", + "stroke": "dotted", + "color": "10027263", "p0": { - "length": 3, - "x": 3, - "y": 0 + "x": 144.5799129616624, + "y": 14.532184964532576 }, "p1": { - "length": 0.5327426604018495, - "x": 0.5326751848090503, - "y": 0.008478779433645868 + "x": 0.5205160087037614, + "y": 0.039011501398818746 }, "p2": { - "length": 88, - "x": 0, - "y": 88 - }, - "rightArrow": "false" - } - }, - { - "ID": "1605", - "typeID": "Canvas", - "zOrder": "130", - "w": "576", - "h": "105", - "measuredW": "100", - "measuredH": "70", - "x": "229", - "y": "1342" - }, - { - "ID": "1606", - "typeID": "Label", - "zOrder": "131", - "measuredW": "502", - "measuredH": "32", - "x": "269", - "y": "1364", - "properties": { - "size": "24", - "text": "Frontend Roadmap after Framework Selection" - } - }, - { - "ID": "1607", - "typeID": "Label", - "zOrder": "132", - "measuredW": "171", - "measuredH": "26", - "x": "434", - "y": "1400", - "properties": { - "text": "roadmap.sh/frontend", - "size": "18", - "color": "10027263" + "x": -0.127887688304952, + "y": -0.060198294287715726 + } } }, { - "ID": "1608", + "ID": "8103", "typeID": "Arrow", "zOrder": "0", - "w": "113", - "h": "230", + "w": "147", + "h": "139", "measuredW": "150", "measuredH": "100", - "x": "437", - "y": "1133", + "x": "466", + "y": "2240", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", + "stroke": "dotted", "color": "10027263", "p0": { - "x": -0.47237880082087713, - "y": 0.16017009568577123 + "x": 146.93535762737952, + "y": -0.4256786899632061 }, "p1": { - "x": 0.6283070838905471, - "y": 0.08759531380403048 + "x": 0.5656811947576953, + "y": -0.05547089302042055 }, "p2": { - "x": 110.81915507937128, - "y": 229.6688800433219 + "x": -0.43820569842159784, + "y": 138.13066289839662 } } } ] }, "attributes": { - "name": "New Wireframe 4", - "order": 1000032.3806938329, + "name": "New Wireframe 1 copy", + "order": 1000022.7455786733, "parentID": null, - "notes": null + "notes": "" }, "branchID": "Master", - "resourceID": "AA71F98D-882E-4299-BD98-5490AABB3AAE", - "mockupH": "1372", - "mockupW": "930", - "measuredW": "980", - "measuredH": "1501", + "resourceID": "8024860B-B61F-451D-B579-28AA621BB239", + "mockupH": "2529", + "mockupW": "1069", + "measuredW": "1250", + "measuredH": "2649", "version": "1.0" - } + }, + "groupOffset": { + "x": 0, + "y": 0 + }, + "dependencies": [], + "projectID": "file:///Users/kamranahmed/Desktop/devops%20roadmap%5C.bmpr" } diff --git a/public/sitemap.xml b/public/sitemap.xml index a5d8ed5df..9aaf22479 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -27,7 +27,7 @@ https://roadmap.sh/angular monthly - 2022-09-08T15:53:57.205Z + 2022-09-22T12:48:24.994Z 1.0