Frontend Tools
Bundlers, transpilation, linters, package managers and everyday workflow tooling.
0/187
- 1Why is Webpack called a "modular bundler"?Junior
- 2What is the "entry point" in Webpack?Junior
- 3What is output in webpack?Junior
- 4What changes when switching between development and production modes?Junior
- 5What are the key fields in a Webpack configuration?Junior
- 6What is minification?Junior
- 8What task do plugins perform in Webpack?Junior
- 9What main loaders are connected for a React frontend application?Junior
- 10Can you write your own plugins in Webpack?Junior
- 11How do you set up Webpack to run for development?Junior
- 12What is code splitting?Junior
- 13What is used to implement "micro frontends" in Webpack?Junior
- 14What is HMR?Junior
- 15What is HMR?Junior
- 16What is Vite?Junior
- 18How does Vite use native ES modules?Junior
- 19What is "no-bundle development"?Junior
- 20What is a plugin in Vite?Junior
- 21What is Turbopack?Junior
- 22Why is Turbopack written in Rust?Junior
- 23What is the main advantage of Turbopack over other bundlers?Junior
- 24What does the term "incremental bundler" mean?Junior
- 25What does "lazy compilation" mean?Junior
- 27How does Turbopack cache build results?Junior
- 28What is esbuild?Junior
- 29What language is esbuild written in?Junior
- 30What is npx?Junior
- 1What is npm?Junior
- 2Why is npm installed together with Node.js?Junior
- 3How do you initialize a project with npm?Junior
- 5What does node_modules store?Junior
- 6What is the npm registry?Junior
- 7How do you install a package?Junior
- 8How does a local install differ from a global one?Junior
- 9What does npm run do?Junior
- 10How do you run a script by name?Junior
- 11What are dependencies?Junior
- 12What are dev dependencies and how do they differ from regular dependencies?Junior
- 13How does npx differ from npm?Junior
- 14What is Yarn?Junior
- 16How does Yarn differ from npm?Junior
- 17Why is Yarn considered fast?Junior
- 18What is pnpm?Junior
- 19How does pnpm differ from npm and Yarn?Junior
- 20Why is pnpm considered more performant?Junior
- 21How does pnpm save disk space?Junior
- 22What is .pnpm-store?Junior
- 23What are pnpm workspaces?Junior
- 24Why is pnpm most often used in monorepos?Junior
- 25What is the store in pnpm?Junior
- 2What are the main CSS preprocessors?Junior
- 3What are the advantages of preprocessors over plain CSS?Junior
- 4What does a preprocessor do during compilation?Junior
- 5What are variables in preprocessors?Junior
- 6What is "interpolation" in SCSS?Junior
- 7What is nesting in preprocessors?Junior
- 8Why is excessive nesting an anti-pattern?Junior
- 10What are functions in SCSS?Junior
- 11What does @if do in SCSS?Junior
- 12What does the @extend directive do?Junior
- 13What is a CSS postprocessor?Junior
- 14How does a postprocessor differ from a preprocessor (SASS/LESS)?Junior
- 15What does a postprocessor do at build time?Junior
- 16What problems do postprocessors solve in modern frontend?Junior
- 17What is PostCSS?Junior
- 18How does PostCSS process CSS files?Junior
- 19When is PostCSS used together with preprocessors?Junior
- 21Why is Tailwind called a utility-first framework?Junior
- 22How does Tailwind integrate with PostCSS?Junior
- 23What does the JIT (Just-In-Time) compiler do in Tailwind?Junior
- 24What is the advantage of Tailwind over classic CSS?Junior
- 25Why does Tailwind speed up layout work?Junior
- 26How does Tailwind help maintain a unified design?Junior
- 28How does Tailwind help with UI consistency?Junior
- 29What is a utility class?Junior
- 1What is ESLint? Why is ESLint needed?Junior
- 2How is ESLint different from Prettier?Junior
- 3What does the term "static code analysis" mean?Junior
- 4How does ESLint improve code quality?Junior
- 5What is an ESLint rule?Junior
- 6What is a plugin in ESLint?Junior
- 8What is AST when writing a plugin, and how do you work with it?Junior
- 9What is Prettier? Why is Prettier needed?Middle
- 10How is Prettier different from ESLint?Junior
- 11Can Prettier check for code errors?Junior
- 12What does Prettier do to code?Junior
- 13Why is Biome needed?Junior
- 15Why is Biome faster than its alternatives?Junior
- 1What is unit testing?Junior
- 2Why write unit tests?Junior
- 3How do unit tests help with refactoring?Junior
- 4What is "Test Driven Development (TDD)"?Junior
- 5What is Jest?Junior
- 6How to write a basic test in Jest?Junior
- 7How to describe expectations in a test?Junior
- 9What is a mock function in the context of tests?Junior
- 10What is snapshot testing?Junior
- 11Why are snapshots often considered an anti-pattern?Junior
- 12What is screenshot (visual) UI testing?Junior
- 13How does visual testing differ from functional testing?Junior
- 14What is the goal of screenshot testing?Junior
- 15What does a visual regression test do?Junior
- 16Why is it especially useful in large projects?Junior
- 17Why can visual tests be flaky?Junior
- 18What tools are used for visual testing?Junior
- 19What is component testing?Junior
- 21How does component testing differ from E2E?Junior
- 22Why is it important for tests to be isolated?Junior
- 23What is snapshot testing of components?Junior
- 24Why are snapshots often considered an anti-pattern?Junior
- 25What is React Testing Library?Junior
- 26What types of selectors does RTL provide?Junior
- 27What is E2E testing?Junior
- 28How do E2E tests differ from unit tests?Junior
- 30What is the optimal ratio between unit, integration and E2E tests?Junior
- 31Why are E2E tests often flaky?Junior
- 32What popular tools are used for E2E testing of frontend applications?Junior
- 33What does an E2E test look like at the code level?Junior
- 34What is the "page object pattern"?Junior
- 35What does "mocking" mean in E2E tests?Junior
- 36When should you mock the API, and when not?Junior
- 37Why shouldn't there be many E2E tests?Junior
- 2How does performance affect SEO?Junior
- 3What does "rendering optimization" mean?Junior
- 4What are the main metrics that affect UX?Junior
- 5What is the critical rendering path (CRP)?Junior
- 6What is time-to-interactive (TTI)?Junior
- 7What is first contentful paint (FCP)?Junior
- 8What is largest contentful paint (LCP)?Junior
- 9What is first input delay (FID)?Junior
- 10What is cumulative layout shift (CLS)?Junior
- 12What is a performance budget?Junior
- 13What tools are used for analysis?Junior
- 14What does Lighthouse do?Junior
- 15What does Web Vitals do?Junior
- 16How to use Chrome DevTools for measurements?Junior
- 17What does the Performance tab do?Junior
- 18What does the Network tab show?Junior
- 20What does the Memory tab show?Junior
- 21What is profiling (code profiling)?Junior
- 22How to use Performance Insights in Chrome?Junior
- 23What does the Core Web Vitals API do?Junior
- 24Why is it important to reduce initial load?Junior
- 25What is code splitting?Junior
- 26Why is it important to remove unused code?Junior
- 28What does minification do?Junior
- 29How does CSS affect performance?Junior
- 30What does reflow (layout) do?Junior
- 31What does repaint do?Junior
- 32Why is the Virtual DOM faster than the regular DOM?Junior
- 33Why are images a major cause of slow loading?Junior
- 1Why implement analytics in web applications?Junior
- 2How does analytics differ from performance metrics?Junior
- 3What is event-driven analytics?Junior
- 4Why is it important to collect metrics on the client?Junior
- 5What is Google Analytics (GA)?Junior
- 6What three core metrics make up Core Web Vitals?Junior
- 8What is FID (First Input Delay)?Junior
- 9What is CLS (Cumulative Layout Shift)?Junior
- 10What does a feature flag do?Junior
- 11What is error analytics?Junior
- 12How do you track errors on the frontend?Junior