recode-website/src/data/roadmaps/javascript/index.tsx at 0f57b4f2a0161d28188a4db6e685952c254e94ea · recodehive/recode-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
export interface Topic {
  title: string;
  description: string;
}

export interface RoadmapItem {
  title: string;
  description: string;
  topics: Topic[];
}

const roadmapJavaScript: RoadmapItem[] = [
  {
    title: "Beginner Topics",
    description: "Start with these!",
    topics: [
      {
        title: "Introduction to JavaScript",
        description: "Learn the basics of JavaScript",
      },
      {
        title: "Variables",
        description: "Learn how to declare variables",
      },
      {
        title: "Data Types",
        description: "Learn about the different data types in JavaScript",
      },
      {
        title: "Operators",
        description: "Learn about the different operators in JavaScript",
      },
      {
        title: "Control Structures",
        description: "Learn about control structures in JavaScript",
      },
      {
        title: "Functions",
        description: "Learn about functions in JavaScript",
      },
      {
        title: "Arrays",
        description: "Learn about arrays in JavaScript",
      },
      {
        title: "Objects",
        description: "Learn about objects in JavaScript",
      },
      {
        title: "Classes",
        description: "Learn about classes in JavaScript",
      },
      {
        title: "DOM Manipulation",
        description: "Learn about manipulating the DOM in JavaScript",
      },
      {
        title: "Events",
        description: "Learn about events in JavaScript",
      },
      {
        title: "AJAX",
        description: "Learn about AJAX in JavaScript",
      },
      {
        title: "ES6 Features",
        description: "Learn about the new features in ES6",
      },
    ],
  },
  {
    title: "Intermediate Topics",
    description: "Pick these after beginner topics",
    topics: [
      {
        title: "Promises",
        description: "Learn about promises in JavaScript",
      },
      {
        title: "Async/Await",
        description: "Learn about async/await in JavaScript",
      },
      {
        title: "Modules",
        description: "Learn about modules in JavaScript",
      },
      {
        title: "Error Handling",
        description: "Learn about error handling in JavaScript",
      },
      {
        title: "Regular Expressions",
        description: "Learn about regular expressions in JavaScript",
      },
      {
        title: "Closures",
        description: "Learn about closures in JavaScript",
      },
      {
        title: "Scope",
        description: "Learn about scope in JavaScript",
      },
      {
        title: "This Keyword",
        description: "Learn about the this keyword in JavaScript",
      },
      {
        title: "Prototype",
        description: "Learn about prototype in JavaScript",
      },
      {
        title: "Functional Programming",
        description: "Learn about functional programming in JavaScript",
      },
      {
        title: "Testing",
        description: "Learn about testing in JavaScript",
      },
      {
        title: "Debugging",
        description: "Learn about debugging in JavaScript",
      },
      {
        title: "Performance",
        description: "Learn about performance in JavaScript",
      },
    ],
  },
  {
    title: "Advanced Topics",
    description: "Pick these after intermediate topics",
    topics: [
      {
        title: "Web Components",
        description: "Learn about web components in JavaScript",
      },
      {
        title: "Web Workers",
        description: "Learn about web workers in JavaScript",
      },
      {
        title: "Service Workers",
        description: "Learn about service workers in JavaScript",
      },
      {
        title: "Web Assembly",
        description: "Learn about web assembly in JavaScript",
      },
      {
        title: "Web Sockets",
        description: "Learn about web sockets in JavaScript",
      },
      {
        title: "WebRTC",
        description: "Learn about webRTC in JavaScript",
      },
      {
        title: "Node.js",
        description: "Learn about Node.js",
      },
      {
        title: "Express.js",
        description: "Learn about Express.js",
      },
      {
        title: "GraphQL",
        description: "Learn about GraphQL",
      },
      {
        title: "React",
        description: "Learn about React",
      },
      {
        title: "Vue",
        description: "Learn about Vue",
      },
      {
        title: "Angular",
        description: "Learn about Angular",
      },
      {
        title: "TypeScript",
        description: "Learn about TypeScript",
      },
    ],
  },
  // Add more items as needed
];

export default roadmapJavaScript;