| Easy | Medium | Hard |
|---|---|---|
| HTML | ||
| CSS | ||
| Bash basics (cd, ls, pwd, mkdir, touch, vi) | ||
| Bash medium (grep, piping, reverse search) | ||
| Git/Github | ||
| JS Intro, Single threaded nature of JS | ||
| Async JS, callback queue, event loop | ||
| Creating promises, Common Promise API methods | ||
| Common JS APIs (map, filter, reduce, Object.keys) |
| Easy | Medium | Hard |
|---|---|---|
| Intro to DOM, DOM Tree Structure | ||
| Common DOM APIs (getElementById, getElementsByClassName, querySelector, innerHTML, innerText, getAttribute, setAttribute). | ||
| Event handlers, onClick, stopPropagation, | ||
| localStorage | ||
| DOM Manipulation, Dynamic frontends | ||
| Creating a simple reconciler, Foundation for react |
| easy | medium | hard |
|---|---|---|
| What is a JS runtime | ||
| Node.js installation, common APIs | ||
| file system api, fetch. | ||
| External packages, axios vs fetch | ||
| v8, cf runtime | ||
| stream, worker threads, cluster module, |
| Simple | Medium | Advance | |
|---|---|---|---|
| What are HTTP Servers | |||
| Methods, routes, URLs, IPs and domains | |||
| headers, body, query parameters | |||
| Intro to express, creating routes | |||
| Middlewares in express | |||
| File system like DBs | |||
| Authentication using jwts, basics of jwts | |||
| Secret management using Doppler |
| Easy | Medium | Hard |
|---|---|---|
| Intro to Databases | ||
| SQL vs NoSQL | ||
| MongoDB Intro, getting your first DB | ||
| mongoose, Schemas etc. Simple CRUD | ||
| Relationships intro | ||
| Relationsips in Mongo | ||
| Aggregations in mongo |
| Easy | Medium | Hard |
|---|---|---|
| Recap SQL vs NoSQL | ||
| Postgres intro, getting your free | Creating schemas while dealing with SQL databases, CREATE TABLE | |
| Creating schemas while dealing with SQL databases, CREATE TABLE | ||
| SQL queries (CRUD) | ||
| Indexes | ||
| Transactions and Concurrency Control | ||
| Normalization | ||
| Sub queries, batch queries |
| Simple | Medium | Hard |
|---|---|---|
| Intro to ORMs | ||
| Prisma basics, setup, schema generation and CRUD queries | ||
| Transactions and relationships in prisma | ||
| Drizzle basics, setup, schema | ||
| Txns and relationships in drizzle |
| Revise DOM, foundation of React, why frontend frameworks | ||
|---|---|---|
| Components in react | useState, useEffect | |
| Routing in react | Connecting FE to BE | |
| useRef, useMemo, useCallback | ||
| Custom hooks | ||
| Context API | ||
| Intro to state management | ||
| intro to recoil, atoms and selectors | ||
| atomFamily, selectorFamily |