-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 19.5 KB
/
Copy pathindex.html
File metadata and controls
1 lines (1 loc) · 19.5 KB
1
<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8"><meta name="description" content="Вопросы и практические задания для подготовки frontend-разработчиков"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Angular RU Interview Questions</title><link rel="stylesheet" href="/interview/_astro/Layout.CJ65GNOC.css"><link rel="stylesheet" href="/interview/_astro/index.qdmUTxTu.css"></head><body><main class="page"><article class="content"><div class="home" data-home-page><section class="hero" aria-labelledby="home-title"><div class="hero-content"><h1 id="home-title" class="hero-title">Frontend Interview Questions</h1><p class="hero-eyebrow">Готовимся уверенно и проходим собеседования успешно</p><p class="hero-lead">Вопросы, ответы и практические демо для подготовки frontend-разработчиков: Computer Science, Web Platform, CSS, JavaScript, TypeScript, Angular, React, QA, архитектура и soft skills.</p><div class="hero-actions"><a class="primary-action" href="#theory">Начать подготовку</a><a class="secondary-action" href="#practice">Смотреть практику</a></div></div><div class="hero-visual" aria-hidden="true"><div class="space-illustration" aria-hidden="true" data-astro-cid-gmnoijfp><svg class="constellation" viewBox="0 0 720 520" fill="none" data-astro-cid-gmnoijfp><path class="constellation-line" d="M116 178 L194 104 L306 146 L408 88 L548 156" data-astro-cid-gmnoijfp></path><path class="constellation-line constellation-line-soft" d="M172 364 L282 292 L402 336 L520 258" data-astro-cid-gmnoijfp></path><circle class="star-dot" cx="116" cy="178" r="4" data-astro-cid-gmnoijfp></circle><circle class="star-dot" cx="194" cy="104" r="5" data-astro-cid-gmnoijfp></circle><circle class="star-dot" cx="306" cy="146" r="4" data-astro-cid-gmnoijfp></circle><circle class="star-dot" cx="408" cy="88" r="5" data-astro-cid-gmnoijfp></circle><circle class="star-dot" cx="548" cy="156" r="4" data-astro-cid-gmnoijfp></circle><circle class="star-dot star-dot-soft" cx="172" cy="364" r="3.5" data-astro-cid-gmnoijfp></circle><circle class="star-dot star-dot-soft" cx="282" cy="292" r="4" data-astro-cid-gmnoijfp></circle><circle class="star-dot star-dot-soft" cx="402" cy="336" r="3.5" data-astro-cid-gmnoijfp></circle><circle class="star-dot star-dot-soft" cx="520" cy="258" r="4" data-astro-cid-gmnoijfp></circle></svg><span class="orbit orbit-main" data-astro-cid-gmnoijfp></span><span class="orbit orbit-soft" data-astro-cid-gmnoijfp></span><span class="planet planet-main" data-astro-cid-gmnoijfp></span><span class="planet planet-small" data-astro-cid-gmnoijfp></span><span class="saturn" data-astro-cid-gmnoijfp><span class="saturn-ring saturn-ring-back" data-astro-cid-gmnoijfp></span><span class="saturn-body" data-astro-cid-gmnoijfp></span><span class="saturn-ring saturn-ring-front" data-astro-cid-gmnoijfp></span></span><span class="orbit-dot orbit-dot-main" data-astro-cid-gmnoijfp></span><span class="spark spark-1" data-astro-cid-gmnoijfp>✦</span><span class="spark spark-2" data-astro-cid-gmnoijfp>✦</span></div></div></section><section class="section" id="theory" data-astro-cid-u2ne5tv5><header class="section-header" data-astro-cid-u2ne5tv5><div data-astro-cid-u2ne5tv5><p class="eyebrow" data-astro-cid-u2ne5tv5>Теория</p></div></header><div class="grid" data-astro-cid-u2ne5tv5><a class="card" href="/interview/computer-science/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/computer-science.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Fundamentals</span></div><h3 data-astro-cid-wqn3xgpd>Основы</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>32 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/git/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/git.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Fundamentals</span></div><h3 data-astro-cid-wqn3xgpd>Git</h3><p data-astro-cid-wqn3xgpd>Version control, branching, pull requests, rebase, merge, revert и командный workflow</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>10 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/html/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/html5.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>HTML</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>92 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/css/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/css.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>CSS</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>145 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/ui-ux/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon card-icon-fallback" aria-hidden="true" data-astro-cid-wqn3xgpd>✦</span><span class="badge" data-astro-cid-wqn3xgpd>UI/UX</span></div><h3 data-astro-cid-wqn3xgpd>UI/UX</h3><p data-astro-cid-wqn3xgpd>UI, UX, usability, состояния интерфейса, продуктовые решения и когнитивные искажения для frontend-разработчика</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>194 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/javascript/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/javascript.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>JavaScript</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>201 вопрос</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/nodejs/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/nodejs.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Backend</span></div><h3 data-astro-cid-wqn3xgpd>Node.js</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>99 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/docker/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/docker.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>DevOps</span></div><h3 data-astro-cid-wqn3xgpd>Docker</h3><p data-astro-cid-wqn3xgpd>Docker, containers, images, Dockerfile и Docker Compose для frontend-разработчика</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>26 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/typescript/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/typescript.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>TypeScript</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>99 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/angular/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/angular.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>Angular</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>405 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/react/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/react.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>React</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>191 вопрос</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/qa/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/playwright.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Engineering</span></div><h3 data-astro-cid-wqn3xgpd>QA</h3><p data-astro-cid-wqn3xgpd>Вопросы и ответы по качеству, тестированию, отчетности и метрикам для Frontend и Node.js backend разработчика</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>37 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/state-management/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/redux.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Frontend</span></div><h3 data-astro-cid-wqn3xgpd>State Management</h3><p data-astro-cid-wqn3xgpd>Client state, server state, URL state, forms, cache, normalization и state managers</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>28 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/ai/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/claude-icon.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Engineering</span></div><h3 data-astro-cid-wqn3xgpd>AI</h3><p data-astro-cid-wqn3xgpd>Вопросы про AI-assisted development, vibe coding, ревью AI-кода и рост инженеров</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>82 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/infrastructure/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/gitlab.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>DevOps</span></div><h3 data-astro-cid-wqn3xgpd>DevOps</h3><p data-astro-cid-wqn3xgpd>CI/CD, deployment, feature toggles и delivery frontend-приложений</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>42 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/system-design/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/web-platform.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>System Design</span></div><h3 data-astro-cid-wqn3xgpd>System Design</h3><p data-astro-cid-wqn3xgpd>Frontend system design, UX architecture, rendering modes и trade-offs</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>4 вопроса</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/career-teamwork/" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/soft-skills.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Career</span></div><h3 data-astro-cid-wqn3xgpd>Карьера в команде</h3><p data-astro-cid-wqn3xgpd>Поиск работы, интервью, soft skills, командные процессы и методологии</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>279 вопросов</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a></div></section><section class="section" id="practice" data-astro-cid-u2ne5tv5><header class="section-header" data-astro-cid-u2ne5tv5><div data-astro-cid-u2ne5tv5><p class="eyebrow" data-astro-cid-u2ne5tv5>Практика</p></div></header><div class="grid" data-astro-cid-u2ne5tv5><a class="card" href="/interview/examples/css/flexbox/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/css.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>CSS</span></div><h3 data-astro-cid-wqn3xgpd>CSS Flexbox examples</h3><p data-astro-cid-wqn3xgpd>Учебные примеры по осям, выравниванию, переносам, gap и гибким колонкам во Flexbox.</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/examples/css/grid/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/css.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>CSS</span></div><h3 data-astro-cid-wqn3xgpd>CSS Grid examples</h3><p data-astro-cid-wqn3xgpd>Учебные примеры по grid tracks, areas, stacking, wrapping, auto-fit и minmax().</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/examples/computer-science/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/computer-science.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Computer Science</span></div><h3 data-astro-cid-wqn3xgpd>Memory leaks examples</h3><p data-astro-cid-wqn3xgpd>Интерактивные примеры для поиска detached DOM nodes, удержанных ссылок и setInterval leaks.</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/examples/react/example1/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/react.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>React</span></div><h3 data-astro-cid-wqn3xgpd>React example 1</h3><p data-astro-cid-wqn3xgpd>Интерактивный React/Vite пример для подготовки к frontend-интервью.</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/examples/react/example2/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/react.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>React</span></div><h3 data-astro-cid-wqn3xgpd>React example 2</h3><p data-astro-cid-wqn3xgpd>Интерактивный React/Vite пример с отдельной сборкой для GitHub Pages.</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a><a class="card" href="/interview/examples/angular/mfe/movie-ticket/index.html" data-astro-cid-wqn3xgpd><div class="card-header" data-astro-cid-wqn3xgpd><span class="card-icon" data-astro-cid-wqn3xgpd><img src="/interview/logos/angular.svg" alt="" loading="lazy" data-astro-cid-wqn3xgpd></span><span class="badge" data-astro-cid-wqn3xgpd>Angular</span></div><h3 data-astro-cid-wqn3xgpd>Micro Frontends: Movie Ticket</h3><p data-astro-cid-wqn3xgpd>Host-приложение загружает два remote-приложения через Native Federation.</p><div class="card-footer" data-astro-cid-wqn3xgpd><span class="card-meta" data-astro-cid-wqn3xgpd>Практика</span><span class="card-arrow" aria-hidden="true" data-astro-cid-wqn3xgpd>→</span></div></a></div></section></div></article></main></body></html>