BrokenN Shell Docs LogoBrokenN Shell Docs
⚡

Full Stack

End-to-end web development from frontend frameworks to backend APIs, databases, and deployment pipelines.

1Roadmaps
3Notes
  1. beginner01

    HTML, CSS & JavaScript Fundamentals

    Master the building blocks of the web. Understand semantic HTML, CSS layouts (Flexbox, Grid), and core JavaScript concepts including ES6+ syntax.

    Semantic HTMLCSS Grid & FlexboxES6+ JavaScriptDOM Manipulation

    Resources

  2. beginner02

    Frontend Framework (React)

    Learn component-based architecture with React. Understand hooks, state management, routing, and the React ecosystem.

    React HooksComponent PatternsReact RouterState Management

    Resources

  3. intermediate03

    TypeScript

    Add type safety to your JavaScript. Learn generics, utility types, declaration files, and strict configuration.

    Type SystemGenericsUtility TypesType Guards

    Resources

  4. intermediate04

    Backend Development (Node.js)

    Build RESTful APIs with Node.js and Express. Learn middleware, authentication, error handling, and API design best practices.

    Express.jsREST API DesignAuthentication (JWT)Middleware

    Resources

  5. intermediate05

    Databases & ORM

    Work with SQL and NoSQL databases. Learn query optimization, schema design, and use ORMs like Prisma or Mongoose.

    PostgreSQLMongoDBPrisma ORMQuery Optimization

    Resources

  6. advanced06

    Next.js & Full Stack Frameworks

    Build production-grade apps with Next.js. Server components, API routes, SSR/SSG, middleware, and deployment.

    App RouterServer ComponentsAPI RoutesSSR & SSG

    Resources

  7. advanced07

    Testing & Deployment

    Write unit, integration, and E2E tests. Deploy to Vercel, AWS, or Docker containers with CI/CD pipelines.

    Jest & VitestCypress / PlaywrightDockerCI/CD

    Resources