65 lines
5.3 KiB
Markdown
65 lines
5.3 KiB
Markdown
<h1 align="center">Руководство для прохождения интервью по фронтенду</h1>
|
||
|
||
<div align="center">
|
||
<a href="https://dribbble.com/shots/4263961-Front-End-Interview-Scroll">
|
||
<img src="../../assets/scroll.svg" alt="Front End Interview Handbook" width="400"/>
|
||
</a>
|
||
</div>
|
||
|
||
## Что это такое?
|
||
|
||
В отличие от типичного собеседования с разработчиками ПО, на собеседованиях фронтенд-разработчиков меньше внимания уделяется алгоритмам. Большая часть вопросов касается специфичных знаний и компетенций в таких областях, как HTML, CSS, JavaScript.
|
||
|
||
Несмотря на то, что существуют ресурсы, призванные помочь в подготовке к собеседованию, они сильно отличаются по полноте материалов от тех же ресурсов для разработчиков ПО. Среди того, что существует на сегодняшний день, наиболее полезным может быть сборник вопросов [Front-end Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions). К сожалению, на многие вопросы я не смог найти в сети полные и удовлетворяющие ответы. Поэтому в документе ниже я постарался самостоятельно ответить на них. Будучи открытым репозиторием, этот проект может жить и развиваться благодаря сообществу, поскольку интернет эволюционирует.
|
||
|
||
## Нужна более общая подготовка?
|
||
|
||
Вас может заинтересовать [Руководство для прохождения технического интервью](https://github.com/yangshun/tech-interview-handbook), в котором содержится информация для прохождения общих технических интервью, в частности описаны алгоритмы, даны ответы на вопросы по софт-скиллс. Также есть [шпаргалка для интервью](https://github.com/yangshun/tech-interview-handbook/blob/master/preparing/cheatsheet.md)!
|
||
|
||
<div align="center">
|
||
<img src="../../assets/web-tech.svg" alt="Web Technologies illustration" width="400"/>
|
||
<br/>
|
||
<p>
|
||
<em>Автор иллюстрации: <a href="https://undraw.co/">unDraw</a></em>
|
||
</p>
|
||
</div>
|
||
|
||
## Содержание
|
||
|
||
1. [Вопросы по HTML](questions/html-questions.md)
|
||
1. [Вопросы по CSS](questions/css-questions.md)
|
||
1. [Вопросы по JavaScript](questions/javascript-questions.md)
|
||
|
||
## Переводы
|
||
|
||
- [English](/README.md)
|
||
- [Simplified Chinese (简体中文)](/contents/zh/README.md)
|
||
- [Tagalog](/contents/tl/README.md)
|
||
- [Japanese (日本語)](/contents/jp/README.md)
|
||
- [Korean (한국어))](/contents/kr/README.md)
|
||
- [Russian (Русский)](/contents/ru/README.md)
|
||
|
||
## Похожее
|
||
|
||
Если вас интересует, как реализованы структуры данных, посмотрите [Lago](https://github.com/yangshun/lago), библиотеку структур данных и алгоритмов для JavaScript. По большому счету она до сих пор находится в разработке, но я намерен превратить ее в библиотеку, которая может быть использована в производстве, а также быть использована как справочный ресурс для повторения структур данных и алгоритмов.
|
||
|
||
## Сотрудничество
|
||
|
||
### Кодекс поведения
|
||
|
||
Мы приняли тот же Кодекс поведения, что и Facebook, соблюдение которого мы ожидаем от участников проекта. Пожалуйста, прочитайте [полный текст](https://code.facebook.com/codeofconduct), чтобы вы могли понять, какие действия будут и не будут допускаться.
|
||
|
||
### Руководство по вкладам
|
||
|
||
Прочтите наше [руководство по вкладам](/CONTRIBUTING.md), чтобы узнать, как вы можете внести свой вклад, как предложить улучшения или если вы заинтересованы в переводе.
|
||
|
||
### Поддержать
|
||
|
||
Много часов упорной работы было потрачено на этот проект. Буду признателен за вашу поддержку!
|
||
|
||
<a href="https://www.buymeacoffee.com/yangshun" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: auto !important;width: auto !important;"/>></a>
|
||
|
||
## Лицензия
|
||
|
||
Все проекты и пакеты в этом репозитории находятся под [лицензией MIT](/LICENSE).
|