Frontend Development

Internet Basics

How the web works: protocols, DNS, hosting, and the request/response cycle.…

• How Does the Internet Work?
• HTTP / HTTPS
• DNS & Domain Names

HTML Fundamentals

Semantic markup, document structure, forms, tables, and accessibility best pract…

• Semantic HTML
• Forms & Input Types
• Accessibility (a11y)

CSS Fundamentals

Styling web pages: layouts, animations, responsive design, and modern CSS featur…

• Box Model & Layout
• Flexbox & Grid
• Responsive Design
• CSS Animations

JavaScript Basics

Core JavaScript language: variables, control flow, functions, and DOM interactio…

• Variables, Types, Operators
• Functions & Scope
• DOM Manipulation
• Event Handling

Advanced JavaScript

Modern JS features, asynchronous programming, modules, and error handling patter…

• ES6+ Features
• Async/Await & Promises
• Modules & Bundlers

React

Component-based UI library: hooks, state management, and the React ecosystem.…

• Components & JSX
• useState & useEffect
• Props & State Management
• React Router

Next.js

Full-stack React framework: server rendering, routing, API routes, and deploymen…

• App Router & Pages
• SSR, SSG, ISR
• API Routes & Server Actions
• Server Components

Version Control

Git version control, collaboration workflows, and code hosting platforms.…

• Git Basics
• GitHub / GitLab
• Branching Strategies

Package Managers & Build Tools

Dependency management, bundling, linting, and code quality tooling.…

• npm / yarn / pnpm
• Webpack / Vite
• ESLint & Prettier

Testing

Automated testing strategies: unit, integration, and end-to-end testing.…

• Unit Testing (Jest / Vitest)
• E2E Testing (Playwright)
• Component Testing

Deployment

Shipping to production: hosting, CI/CD pipelines, and performance optimization.…

• Vercel / Netlify
• CI/CD Pipelines
• Performance Optimization