Learning Categories
All available learning categories
Choose a category to start learning:
Frontend Fundamentals
HTML
Description: Learn the structure of the web
Topics:
- HTML5 Elements
- Semantic Markup
- Forms & Inputs
- Accessibility
CSS
Description: Style and layout web pages
Topics:
- CSS Fundamentals
- Flexbox
- Grid
- Responsive Design
- Animations
JavaScript
Description: Add interactivity to websites
Topics:
- ES6+ Features
- DOM Manipulation
- Event Handling
- Async/Await
TypeScript
Description: Type-safe JavaScript
Topics:
- Types & Interfaces
- Generics
- Type Guards
- Decorators
Modern Frontend
React
Description: Build user interfaces with React
Topics:
- JSX & Components
- Hooks
- State Management
- Context API
- Next.js Integration
Next.js
Description: React framework for production
Topics:
- Routing
- Server Components
- API Routes
- Data Fetching
- Deployment
Tailwind CSS
Description: Utility-first CSS framework
Topics:
- Setup & Configuration
- Typography
- Spacing
- Colors
- Responsive Design
shadcn/ui
Description: Beautiful, accessible components
Topics:
- Installation
- Components
- Customization
- Theming
Advanced Concepts
State Management
Description: Manage application state effectively
Topics:
- useState & useReducer
- Redux Toolkit
- Context API
- Zustand
- Recoil
Forms & Validation
Description: Build robust forms
Topics:
- React Hook Form
- Formik
- Zod Validation
- Custom Validation
Performance
Description: Optimize for speed and efficiency
Topics:
- Code Splitting
- Lazy Loading
- Memoization
- Bundle Analysis
- Performance Testing
Accessibility
Description: Make apps accessible to everyone
Topics:
- ARIA Attributes
- Keyboard Navigation
- Screen Readers
- Focus Management
Design Patterns
Description: Write maintainable code
Topics:
- Component Patterns
- Hooks Patterns
- Error Boundaries
- Composite Components
Testing
Description: Write reliable tests
Topics:
- Jest
- React Testing Library
- Vitest
- E2E Testing
Full Stack
Backend Integration
Description: Connect frontend to APIs
Topics:
- REST APIs
- GraphQL
- HTTP Methods
- Error Handling
Authentication
Description: Secure user access
Topics:
- JWT Authentication
- OAuth 2.0
- Session Management
- Role-Based Access
Databases
Description: Store and manage data
Topics:
- PostgreSQL
- MongoDB
- Prisma ORM
- Database Schemas
- Migrations
Deployment
Description: Deploy applications
Topics:
- Vercel
- Docker
- CI/CD
- Environment Variables
Practice Projects
Todo Application
Description: Build a simple task manager
Topics:
- CRUD Operations
- Local Storage
- State Management
- Form Handling
Expense Tracker
Description: Track personal expenses
Topics:
- Data Visualization
- Filtering
- Local Storage
- Responsive Design
Dashboard
Description: Create analytics dashboard
Topics:
- Charts
- Data Tables
- Filter/Search
- Responsive Layout
Blog
Description: Build a simple blog
Topics:
- Routing
- Markdown
- Categories
- SEO
Authentication System
Description: Implement user authentication
Topics:
- Auth Flow
- Protected Routes
- Forms
- Error Handling
Kanban Board
Description: Task management application
Topics:
- Drag & Drop
- State Management
- Filtering
- Sortable Lists
Select a category and start learning today!