Files
developer-roadmap/src/data/roadmaps/frontend/frontend-beginner.json
T

1922 lines
48 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{
"mockup": {
"controls": {
"control": [
{
"ID": "3958",
"typeID": "Arrow",
"zOrder": "0",
"w": "1",
"h": "146",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "1128",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5000000000000006,
"y": -1.5906276266511649e-18
},
"p2": {
"x": 0,
"y": 145.92702085489077
}
}
},
{
"ID": "3959",
"typeID": "Arrow",
"zOrder": "1",
"w": "1",
"h": "71",
"measuredW": "150",
"measuredH": "100",
"x": "789",
"y": "1520",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 0,
"y": -0.05210330899694782
},
"p1": {
"x": 0.5000000000000007,
"y": 0
},
"p2": {
"x": 0,
"y": 71
}
}
},
{
"ID": "3960",
"typeID": "Arrow",
"zOrder": "2",
"w": "87",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "459",
"y": "1171",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "13369344",
"p0": {
"x": 87,
"y": -0.3333333333334849
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": -0.3333333333333144,
"y": -0.3333333333334849
}
}
},
{
"ID": "3961",
"typeID": "Arrow",
"zOrder": "3",
"w": "88",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "704",
"y": "1170",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 87.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.49999999999999994,
"y": 0
},
"p2": {
"x": -0.33333333333337123,
"y": -0.3030303030302548
}
}
},
{
"ID": "3962",
"typeID": "Arrow",
"zOrder": "4",
"w": "88",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "705",
"y": "998",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 87.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.49999999999999994,
"y": 0
},
"p2": {
"x": -0.33333333333337123,
"y": -0.3030303030302548
}
}
},
{
"ID": "3963",
"typeID": "Arrow",
"zOrder": "5",
"w": "1",
"h": "73",
"measuredW": "150",
"measuredH": "100",
"x": "676",
"y": "1003",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": -0.39999999999997726,
"y": -0.3030303030302548
},
"p1": {
"x": 0.4999999999999999,
"y": 0
},
"p2": {
"x": -0.39999999999997726,
"y": 72.66666666666674
},
"stroke": "dotted",
"color": "40463"
}
},
{
"ID": "3964",
"typeID": "Arrow",
"zOrder": "6",
"w": "98",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "1036",
"y": "1089",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 97.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": -0.4545454545454959,
"y": -0.30303030303031164
},
"stroke": "dotted"
}
},
{
"ID": "3965",
"typeID": "Arrow",
"zOrder": "7",
"w": "98",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "794",
"y": "1089",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 97.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": -0.4545454545454959,
"y": -0.30303030303031164
}
}
},
{
"ID": "3966",
"typeID": "Arrow",
"zOrder": "8",
"w": "1",
"h": "73",
"measuredW": "150",
"measuredH": "100",
"x": "676",
"y": "841",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": -0.39999999999997726,
"y": -0.3030303030302548
},
"p1": {
"x": 0.4999999999999999,
"y": 0
},
"p2": {
"x": -0.39999999999997726,
"y": 72.66666666666674
},
"stroke": "dotted",
"color": "40463"
}
},
{
"ID": "3967",
"typeID": "Arrow",
"zOrder": "9",
"w": "131",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "662",
"y": "724",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 131,
"y": -0.21212121212124657
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": 0.3030303030302548,
"y": -0.21212121212124657
},
"color": "40463"
}
},
{
"ID": "3968",
"typeID": "Arrow",
"zOrder": "10",
"w": "147",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "646",
"y": "594",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 147,
"y": 0
},
"p1": {
"x": 0.5010198135198135,
"y": -0.0010307153164296314
},
"p2": {
"x": 0,
"y": 0
},
"color": "40463"
}
},
{
"ID": "3969",
"typeID": "Arrow",
"zOrder": "11",
"w": "98",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "834",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 97.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": -0.4545454545454959,
"y": -0.30303030303031164
},
"color": "10027263"
}
},
{
"ID": "3970",
"typeID": "Arrow",
"zOrder": "12",
"w": "87",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "705",
"y": "660",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 87,
"y": 0
},
"p1": {
"x": 0.5010198135198135,
"y": -0.0010307153164296314
},
"p2": {
"x": -0.2533333333333303,
"y": 0
},
"color": "40463"
}
},
{
"ID": "3971",
"typeID": "__group__",
"zOrder": "13",
"measuredW": "144",
"measuredH": "40",
"w": "144",
"h": "40",
"x": "726",
"y": "413",
"properties": {
"controlName": "ext_link:roadmap.sh/frontend"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Label",
"zOrder": "0",
"measuredW": "144",
"measuredH": "40",
"x": "0",
"y": "0",
"properties": {
"size": "32",
"text": "Front-end"
}
}
]
}
}
},
{
"ID": "3972",
"typeID": "__group__",
"zOrder": "14",
"measuredW": "124",
"measuredH": "49",
"w": "124",
"h": "49",
"x": "617",
"y": "634",
"properties": {
"controlName": "102-css"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "124",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "33",
"measuredH": "25",
"x": "45",
"y": "12",
"properties": {
"size": "17",
"text": "CSS"
}
}
]
}
}
},
{
"ID": "3973",
"typeID": "Canvas",
"zOrder": "15",
"w": "324",
"h": "195",
"measuredW": "100",
"measuredH": "70",
"x": "993",
"y": "291"
},
{
"ID": "3974",
"typeID": "Label",
"zOrder": "16",
"measuredW": "283",
"measuredH": "26",
"x": "1011",
"y": "310",
"properties": {
"size": "18",
"text": "For resources and other roadmaps"
}
},
{
"ID": "3975",
"typeID": "__group__",
"zOrder": "17",
"measuredW": "172",
"measuredH": "28",
"w": "172",
"h": "28",
"x": "1011",
"y": "343",
"properties": {
"controlName": "ext_link:roadmap.sh"
},
"children": {
"controls": {
"control": [
{
"ID": "2",
"typeID": "Label",
"zOrder": "0",
"measuredW": "172",
"measuredH": "28",
"x": "0",
"y": "0",
"properties": {
"size": "20",
"text": "https://roadmap.sh",
"color": "10027263"
}
}
]
}
}
},
{
"ID": "3976",
"typeID": "__group__",
"zOrder": "18",
"measuredW": "282",
"measuredH": "47",
"w": "282",
"h": "47",
"x": "1011",
"y": "418",
"properties": {
"controlName": "json:frontend.json"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "Canvas",
"zOrder": "0",
"w": "282",
"h": "47",
"measuredW": "100",
"measuredH": "70",
"x": "0",
"y": "0",
"properties": {
"color": "3355443",
"borderColor": "3355443"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "203",
"measuredH": "26",
"x": "39",
"y": "11",
"properties": {
"color": "16777215",
"size": "18",
"text": "Visit the Detailed Version"
}
}
]
}
}
},
{
"ID": "3977",
"typeID": "Label",
"zOrder": "19",
"measuredW": "259",
"measuredH": "26",
"x": "1011",
"y": "383",
"properties": {
"color": "4985136",
"size": "18",
"text": "Beginner who wants to step up?"
}
},
{
"ID": "3978",
"typeID": "__group__",
"zOrder": "20",
"measuredW": "127",
"measuredH": "50",
"w": "127",
"h": "50",
"x": "615",
"y": "698",
"properties": {
"controlName": "103-javascript"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "127",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "81",
"measuredH": "25",
"x": "23",
"y": "13",
"properties": {
"size": "17",
"text": "JavaScript"
}
}
]
}
}
},
{
"ID": "3979",
"typeID": "__group__",
"zOrder": "21",
"measuredW": "95",
"measuredH": "49",
"w": "95",
"h": "49",
"x": "840",
"y": "809",
"properties": {
"controlName": "100-version-control-systems:basic-usage-of-git"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "95",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "22",
"measuredH": "25",
"x": "37",
"y": "12",
"properties": {
"size": "17",
"text": "Git"
}
}
]
}
}
},
{
"ID": "3980",
"typeID": "Canvas",
"zOrder": "22",
"w": "380",
"h": "150",
"measuredW": "100",
"measuredH": "70",
"x": "232",
"y": "320"
},
{
"ID": "3981",
"typeID": "Label",
"zOrder": "23",
"measuredW": "187",
"measuredH": "32",
"x": "260",
"y": "345",
"properties": {
"size": "24",
"text": "Beginner Version"
}
},
{
"ID": "3982",
"typeID": "__group__",
"zOrder": "24",
"measuredW": "213",
"measuredH": "53",
"w": "213",
"h": "53",
"x": "529",
"y": "970",
"properties": {
"controlName": "111-pick-a-framework"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "213",
"h": "53",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "168",
"measuredH": "25",
"x": "23",
"y": "14",
"properties": {
"size": "17",
"text": "Frontend Frameworks"
}
}
]
}
}
},
{
"ID": "3983",
"typeID": "__group__",
"zOrder": "25",
"measuredW": "98",
"measuredH": "49",
"w": "98",
"h": "49",
"x": "634",
"y": "1056",
"properties": {
"controlName": "100-pick-a-framework:react-js"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "98",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "47",
"measuredH": "25",
"x": "25",
"y": "12",
"properties": {
"text": "React",
"size": "17"
}
}
]
}
}
},
{
"ID": "3984",
"typeID": "__group__",
"zOrder": "26",
"measuredW": "212",
"measuredH": "50",
"w": "212",
"h": "50",
"x": "849",
"y": "1063",
"properties": {
"controlName": "114-css-frameworks"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "212",
"h": "50",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "131",
"measuredH": "25",
"x": "40",
"y": "13",
"properties": {
"size": "17",
"text": "CSS Frameworks"
}
}
]
}
}
},
{
"ID": "3985",
"typeID": "__group__",
"zOrder": "27",
"measuredW": "99",
"measuredH": "49",
"w": "99",
"h": "49",
"x": "393",
"y": "1146",
"properties": {
"controlName": "100-testing-your-apps:jest"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "99",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"w": "39",
"measuredW": "33",
"measuredH": "25",
"x": "30",
"y": "12",
"properties": {
"size": "17",
"text": "Jest"
}
}
]
}
}
},
{
"ID": "3986",
"typeID": "__group__",
"zOrder": "28",
"measuredW": "214",
"measuredH": "49",
"w": "214",
"h": "49",
"x": "527",
"y": "1146",
"properties": {
"controlName": "115-testing-your-apps"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "214",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "144",
"measuredH": "26",
"x": "35",
"y": "11",
"properties": {
"size": "18",
"text": "Testing your Apps"
}
}
]
}
}
},
{
"ID": "3987",
"typeID": "__group__",
"zOrder": "29",
"measuredW": "100",
"measuredH": "49",
"w": "100",
"h": "49",
"x": "1089",
"y": "1065",
"properties": {
"controlName": "100-css-frameworks:js-first:tailwind-css"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "100",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "61",
"measuredH": "25",
"x": "19",
"y": "12",
"properties": {
"size": "17",
"text": "Tailwind"
}
}
]
}
}
},
{
"ID": "3988",
"typeID": "Label",
"zOrder": "30",
"measuredW": "319",
"measuredH": "28",
"x": "260",
"y": "386",
"properties": {
"color": "4985136",
"size": "20",
"text": "This is the trimmed down version of"
}
},
{
"ID": "3989",
"typeID": "Label",
"zOrder": "31",
"measuredW": "327",
"measuredH": "28",
"x": "260",
"y": "417",
"properties": {
"color": "4985136",
"size": "20",
"text": "the frontend roadmap for beginners."
}
},
{
"ID": "3990",
"typeID": "Arrow",
"zOrder": "32",
"w": "1",
"h": "59",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "340",
"properties": {
"p0": {
"x": 0,
"y": -0.30303030303031164
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": 0,
"y": 58.78787878787875
},
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"stroke": "dotted",
"color": "40463"
}
},
{
"ID": "3991",
"typeID": "Arrow",
"zOrder": "33",
"w": "1",
"h": "333",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "462",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": -0.06060606060606233
},
"p1": {
"x": 0.5000000000000008,
"y": -1.5906276266511653e-18
},
"p2": {
"x": 0,
"y": 332.66666666666663
},
"color": "40463"
}
},
{
"ID": "3992",
"typeID": "__group__",
"zOrder": "34",
"measuredW": "125",
"measuredH": "49",
"w": "125",
"h": "49",
"x": "616",
"y": "569",
"properties": {
"controlName": "101-html"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "125",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "48",
"measuredH": "25",
"x": "39",
"y": "12",
"properties": {
"size": "17",
"text": "HTML"
}
}
]
}
}
},
{
"ID": "3993",
"typeID": "Label",
"zOrder": "35",
"measuredW": "378",
"measuredH": "26",
"x": "847",
"y": "587",
"properties": {
"color": "4985136",
"size": "18",
"text": "You should be able to find an internee or junior"
}
},
{
"ID": "3994",
"typeID": "Label",
"zOrder": "36",
"measuredW": "333",
"measuredH": "26",
"x": "847",
"y": "619",
"properties": {
"color": "4985136",
"size": "18",
"text": "Frontend developer position at this point."
}
},
{
"ID": "3995",
"typeID": "Label",
"zOrder": "37",
"measuredW": "428",
"measuredH": "26",
"x": "847",
"y": "662",
"properties": {
"size": "18",
"text": "Start applying for jobs and keep following to increase",
"color": "40463"
}
},
{
"ID": "3996",
"typeID": "Label",
"zOrder": "38",
"measuredW": "276",
"measuredH": "26",
"x": "847",
"y": "695",
"properties": {
"size": "18",
"color": "40463",
"text": "your chances of finding a position."
}
},
{
"ID": "3997",
"typeID": "Label",
"zOrder": "39",
"measuredW": "348",
"measuredH": "26",
"x": "216",
"y": "612",
"properties": {
"color": "4985136",
"size": "18",
"text": "When you are following this roadmap, make"
}
},
{
"ID": "3998",
"typeID": "Label",
"zOrder": "40",
"measuredW": "338",
"measuredH": "26",
"x": "226",
"y": "645",
"properties": {
"color": "4985136",
"size": "18",
"text": "sure to build as many projects as possible"
}
},
{
"ID": "3999",
"typeID": "Label",
"zOrder": "41",
"measuredW": "340",
"measuredH": "26",
"x": "224",
"y": "726",
"properties": {
"size": "18",
"color": "13576743",
"text": "Click the roadmap nodes for project ideas"
}
},
{
"ID": "4000",
"typeID": "Label",
"zOrder": "42",
"measuredW": "145",
"measuredH": "32",
"x": "419",
"y": "568",
"properties": {
"color": "4985136",
"size": "24",
"text": "Important Tip"
}
},
{
"ID": "4001",
"typeID": "Label",
"zOrder": "43",
"measuredW": "278",
"measuredH": "26",
"x": "970",
"y": "769",
"properties": {
"color": "4985136",
"size": "18",
"text": "Create your GitHub profile. Publish"
}
},
{
"ID": "4002",
"typeID": "Label",
"zOrder": "44",
"measuredW": "300",
"measuredH": "26",
"x": "970",
"y": "799",
"properties": {
"color": "4985136",
"size": "18",
"text": "the projects that you have developed"
}
},
{
"ID": "4003",
"typeID": "Label",
"zOrder": "45",
"measuredW": "229",
"measuredH": "26",
"x": "970",
"y": "829",
"properties": {
"color": "4985136",
"size": "18",
"text": "so far to your GitHub profile."
}
},
{
"ID": "4004",
"typeID": "Label",
"zOrder": "46",
"measuredW": "249",
"measuredH": "26",
"x": "970",
"y": "869",
"properties": {
"size": "18",
"text": "Use git for your future projects.",
"color": "10027263"
}
},
{
"ID": "4005",
"typeID": "Arrow",
"zOrder": "47",
"w": "84",
"h": "1",
"measuredW": "150",
"measuredH": "100",
"x": "706",
"y": "933",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 83.60000000000002,
"y": -0.3030303030302548
},
"p1": {
"x": 0.5,
"y": 0
},
"p2": {
"x": 0,
"y": -0.3030303030302548
}
}
},
{
"ID": "4006",
"typeID": "__group__",
"zOrder": "48",
"measuredW": "211",
"measuredH": "53",
"w": "211",
"h": "53",
"x": "530",
"y": "906",
"properties": {
"controlName": "107-package-managers"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "211",
"h": "53",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16776960"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "149",
"measuredH": "25",
"x": "31",
"y": "14",
"properties": {
"text": "Package Managers",
"size": "17"
}
}
]
}
}
},
{
"ID": "4007",
"typeID": "__group__",
"zOrder": "49",
"measuredW": "103",
"measuredH": "49",
"w": "103",
"h": "49",
"x": "625",
"y": "817",
"properties": {
"controlName": "100-package-managers:npm"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "103",
"h": "49",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"w": "36",
"measuredW": "34",
"measuredH": "25",
"x": "34",
"y": "12",
"properties": {
"size": "17",
"text": "npm"
}
}
]
}
}
},
{
"ID": "4008",
"typeID": "Arrow",
"zOrder": "50",
"w": "1",
"h": "57",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "804",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"p0": {
"x": 0,
"y": -0.06060606060606233
},
"p1": {
"x": 0.5000000000000006,
"y": -1.590627626651165e-18
},
"p2": {
"x": 0,
"y": 56.66666666666663
},
"color": "10027263"
}
},
{
"ID": "4009",
"typeID": "Arrow",
"zOrder": "51",
"w": "1",
"h": "184",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "874",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "40463",
"p0": {
"x": 0,
"y": 0
},
"p1": {
"x": 0.5000000000000007,
"y": -1.5906276266511654e-18
},
"p2": {
"x": 0,
"y": 184
}
}
},
{
"ID": "4010",
"typeID": "Arrow",
"zOrder": "52",
"w": "1",
"h": "44",
"measuredW": "150",
"measuredH": "100",
"x": "793",
"y": "1070",
"properties": {
"curvature": "0",
"leftArrow": "false",
"rightArrow": "false",
"color": "10027263",
"p0": {
"x": 0,
"y": 0.33333333333325754
},
"p1": {
"x": 0.5000000000000006,
"y": 0
},
"p2": {
"x": 0,
"y": 44
}
}
},
{
"ID": "4011",
"typeID": "Label",
"zOrder": "53",
"measuredW": "291",
"measuredH": "26",
"x": "194",
"y": "906",
"properties": {
"color": "4985136",
"size": "18",
"text": "npm should be a quick one. Just get"
}
},
{
"ID": "4012",
"typeID": "Label",
"zOrder": "54",
"measuredW": "272",
"measuredH": "26",
"x": "213",
"y": "937",
"properties": {
"color": "4985136",
"size": "18",
"text": "the basic idea and jump to React."
}
},
{
"ID": "4013",
"typeID": "Label",
"zOrder": "55",
"measuredW": "266",
"measuredH": "26",
"x": "219",
"y": "983",
"properties": {
"size": "18",
"color": "40463",
"text": "Create some projects with React"
}
},
{
"ID": "4014",
"typeID": "Label",
"zOrder": "56",
"measuredW": "179",
"measuredH": "26",
"x": "306",
"y": "1013",
"properties": {
"size": "18",
"color": "40463",
"text": "involving API calls etc."
}
},
{
"ID": "4015",
"typeID": "Label",
"zOrder": "57",
"measuredW": "242",
"measuredH": "26",
"x": "322",
"y": "675",
"properties": {
"color": "4985136",
"size": "18",
"text": "for each node of the roadmap"
}
},
{
"ID": "4016",
"typeID": "Label",
"zOrder": "58",
"measuredW": "427",
"measuredH": "26",
"x": "851",
"y": "989",
"properties": {
"color": "4985136",
"size": "18",
"text": "There are several CSS frameworks. You can pick any."
}
},
{
"ID": "4017",
"typeID": "Label",
"zOrder": "59",
"measuredW": "390",
"measuredH": "26",
"x": "851",
"y": "1019",
"properties": {
"color": "4985136",
"size": "18",
"text": "Tailwind would be my personal recommendation."
}
},
{
"ID": "4018",
"typeID": "Label",
"zOrder": "60",
"measuredW": "323",
"measuredH": "26",
"x": "851",
"y": "1157",
"properties": {
"color": "4985136",
"size": "18",
"text": "May not be required for a junior position"
}
},
{
"ID": "4019",
"typeID": "Arrow",
"zOrder": "61",
"w": "2",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "788",
"y": "1673",
"properties": {
"curvature": "0",
"leftArrow": "false",
"p0": {
"x": 1,
"y": 88
},
"p1": {
"x": 0.4072427393330943,
"y": 0.00953746862674794
},
"p2": {
"x": 1,
"y": 0
},
"rightArrow": "false",
"stroke": "dotted",
"color": "40463"
}
},
{
"ID": "4020",
"typeID": "TextArea",
"zOrder": "62",
"w": "499",
"h": "118",
"measuredW": "200",
"measuredH": "140",
"x": "539",
"y": "1586"
},
{
"ID": "4021",
"typeID": "Label",
"zOrder": "63",
"measuredW": "431",
"measuredH": "25",
"x": "573",
"y": "1605",
"properties": {
"size": "17",
"text": "Look at the detailed version for what else you don’t know"
}
},
{
"ID": "4022",
"typeID": "__group__",
"zOrder": "64",
"measuredW": "430",
"measuredH": "44",
"w": "430",
"h": "44",
"x": "574",
"y": "1640",
"properties": {
"controlName": "json:frontend.json"
},
"children": {
"controls": {
"control": [
{
"ID": "0",
"typeID": "TextArea",
"zOrder": "0",
"w": "430",
"h": "44",
"measuredW": "200",
"measuredH": "140",
"x": "0",
"y": "0",
"properties": {
"color": "16770457"
}
},
{
"ID": "1",
"typeID": "Label",
"zOrder": "1",
"measuredW": "149",
"measuredH": "25",
"x": "140",
"y": "9",
"properties": {
"size": "17",
"text": "Frontend Roadmap"
}
}
]
}
}
},
{
"ID": "4023",
"typeID": "Arrow",
"zOrder": "65",
"w": "2",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "831",
"y": "1740",
"properties": {
"curvature": "0",
"leftArrow": "false",
"p0": {
"x": 1,
"y": 88
},
"p1": {
"x": 0.4072427393330943,
"y": 0.00953746862674794
},
"p2": {
"x": 1,
"y": 0
},
"rightArrow": "false",
"stroke": "dotted",
"color": "16777215"
}
},
{
"ID": "4024",
"typeID": "Arrow",
"zOrder": "66",
"w": "2",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "179",
"y": "1265",
"properties": {
"curvature": "0",
"leftArrow": "false",
"p0": {
"x": 1,
"y": 88
},
"p1": {
"x": 0.4072427393330943,
"y": 0.00953746862674794
},
"p2": {
"x": 1,
"y": 0
},
"rightArrow": "false",
"stroke": "dotted",
"color": "16777215"
}
},
{
"ID": "4025",
"typeID": "Arrow",
"zOrder": "67",
"w": "2",
"h": "89",
"measuredW": "150",
"measuredH": "100",
"x": "1336",
"y": "1321",
"properties": {
"curvature": "0",
"leftArrow": "false",
"p0": {
"x": 1,
"y": 88
},
"p1": {
"x": 0.4072427393330943,
"y": 0.00953746862674794
},
"p2": {
"x": 1,
"y": 0
},
"rightArrow": "false",
"stroke": "dotted",
"color": "16777215"
}
},
{
"ID": "4026",
"typeID": "TextArea",
"zOrder": "68",
"w": "613",
"h": "246",
"measuredW": "200",
"measuredH": "140",
"x": "486",
"y": "1273"
},
{
"ID": "4027",
"typeID": "Label",
"zOrder": "69",
"measuredW": "532",
"measuredH": "26",
"x": "518",
"y": "1339",
"properties": {
"color": "4985136",
"size": "18",
"text": "At this point, you should have enough knowledge to find a junior to"
}
},
{
"ID": "4028",
"typeID": "Label",
"zOrder": "70",
"measuredW": "529",
"measuredH": "26",
"x": "518",
"y": "1369",
"properties": {
"color": "4985136",
"size": "18",
"text": "mid-level (maybe even senior) frontend developer position at any"
}
},
{
"ID": "4029",
"typeID": "Label",
"zOrder": "71",
"measuredW": "441",
"measuredH": "26",
"x": "518",
"y": "1399",
"properties": {
"color": "4985136",
"size": "18",
"text": "company (depending on the depth of your knowledge)."
}
},
{
"ID": "4030",
"typeID": "Label",
"zOrder": "72",
"measuredW": "116",
"measuredH": "32",
"x": "518",
"y": "1295",
"properties": {
"color": "4985136",
"size": "24",
"text": "Job Ready"
}
},
{
"ID": "4031",
"typeID": "Label",
"zOrder": "73",
"measuredW": "536",
"measuredH": "26",
"x": "518",
"y": "1441",
"properties": {
"size": "18",
"color": "10027263",
"text": "Deepen your pool of knowledge and keep building projects till you"
}
},
{
"ID": "4032",
"typeID": "Label",
"zOrder": "74",
"measuredW": "360",
"measuredH": "26",
"x": "518",
"y": "1470",
"properties": {
"size": "18",
"color": "10027263",
"text": "find a job. Your job will teach you a lot as well."
}
}
]
},
"attributes": {
"name": "New Wireframe 9 copy 7",
"order": 1000156.2209166192,
"parentID": null,
"notes": null
},
"branchID": "Master",
"resourceID": "057DB19F-D6AC-44FC-8C5C-52D4D800A91B",
"mockupH": "1538",
"mockupW": "1159",
"measuredW": "1338",
"measuredH": "1829",
"version": "1.0"
},
"groupOffset": {
"x": 0,
"y": 0
},
"dependencies": [],
"projectID": "file:///Users/kamranahmed/Desktop/AWS%20Roadmap.bmpr"
}