frontend

Learn Playwright from setup to CI with practical examples. Build reliable end-to-end tests with locators, auto-waiting, projects, authentication, debugging, and trace viewer.

Build a complete React admin dashboard for your URL shortener. Implement admin layout with sidebar navigation, system metrics cards, analytics charts, user management table, URL moderation queue, and audit log viewer with Recharts and Tailwind CSS.

Build a React frontend for your URL shortener with Vite and Tailwind CSS. Create URL shortening forms, analytics dashboards with Recharts, QR code generation, and a responsive user management interface.

Master Yii2's frontend toolkit — GridView, ListView, DetailView, Pjax for dynamic data display, custom widgets, asset bundles for CSS/JS management, and integrating Bootstrap, Vue.js, or React with Yii2.

Master Angular's core concepts including components, dependency injection, lifecycle hooks, directives, pipes, and reactive programming with RxJS.

A comprehensive comparison of MVC, MVP, and MVVM architectural patterns — their origins, how they separate concerns in UI code, practical implementations in Spring MVC, Android, Angular, and React, and how to choose the right pattern for your project.

Bridge React and full-stack development with Next.js 15: file-based routing, Server vs Client Components, SSR/SSG/ISR, Route Handlers as API endpoints, layouts, metadata, and environment config.

A deep comparison of Bootstrap, Tailwind CSS, and ShadCN/UI — covering philosophy, developer experience, bundle size, customization, and when to choose each for your next project.

A comprehensive guide to MDX — combining Markdown and JSX to write interactive, component-rich documentation and blog posts. Covers syntax, plugins, Next.js integration, and real-world patterns.

Extend React fundamentals with the full ecosystem: React Router v6, global state with Context and Zustand, forms with React Hook Form, data fetching with TanStack Query, and component libraries with Tailwind CSS and shadcn/ui.