Number of Divisions

Посчитай, сколько раз одно число может быть поделено на другое.

Пример:
Число 6 может быть разделено на 2 два раза:
1. 6 / 2 = 3
2. 3 / 2 = 1 remainder = 1

100 может быть разделено на 2 шесть раз:
1. 100 / 2 = 50
2. 50 / 2 = 25
3. 25 / 2 = 12 remainder 1
4. 12 / 2 = 6
5. 6 / 2 = 3
6. 3 / 2 = 1 remainder 1

👉 @frontendInterview

​Что такое Flux?

Flux — это архитектура, которую разработала команда разработчиков Facebook для работы с фреймворком React. Важно отметить, что Flux не является фреймворком или библиотекой, это именно архитектура, шаблон или паттерн, по которому строятся приложения на React.

React и Flux идут рука об руку. Напомним, что React — это фреймворк на основе JavaScript, который был разработан компанией Фейсбук и используется во фронтенд-разработке. Реакт является достаточно гибким и популярным инструментом. Но что же такое Flux-архитектура?

Flux-архитектура
Большинство пользователей знакомо с таким подходом в программировании, как MVC или Model, View, Controller. При проектировании приложений по такой модели React будет отвечать за «V», «View» или «представление». Простыми словами, Реакт будет отвечать за внешний интерфейс приложения. В этом случае Flux будет отвечать за «М» или «Model», что означает шаблон, по которому будет происходить проектирование приложения и связывание всех его модулей. Однако MVC и Flux — это разные подходы в разработке.

👉 @frontendInterview

👉 @frontendInterview

Из чего состоит Flux-архитектура

Flux-архитектура состоит из 4 важных компонентов:
1. «Actions», они же «действия» — это помощники, которые упрощают передачу информации «диспетчеру».

2. «Dispatcher», он же «диспетчер» — компонент, который обрабатывает информацию от «actions». По сути, он является «менеджером» приложения, потому что он принимает входящие действия и распределяет их среди разработчиков.

3. «Stories», они же «хранилища» — компоненты, которые сохраняют состояние приложения и его бизнес-логику. Вся работа приложения сосредоточена именно здесь. Внутри «хранилищ» хранятся: информация, методы, функции и обработчики «действий».

4. «Controller Views», они же «представления» — это компоненты от Реакт, которые определяют состояние приложения, основываясь на бизнес-логику из «хранилищ».

👉 @frontendInterview

👉 @frontendInterview

Что такое «Единый источник истины» (SSOT)?

Единый источник истины (SSOT) — это термин, который обозначает сбор всех бизнес-данных в одном определенном месте. Такой подход предполагает, что сотрудники компании принимают ключевые бизнес-решения, основываясь на одних и тех же данных. Это позволяет избежать бункеров, из-за которых сотрудники могут не знать о важной информации, которая есть в компании. Если ваша компания работает, основываясь на единой версии истины, между сотрудниками не останется никаких тайн, и все будут на одной волне. Хранение данных в централизованном хранилище предотвращает путаницу из-за множества версий истины и одинаковых файлов.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание

В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.

👉 @frontendInterview

Function Cache

Создайте функцию, которая будет кешировать свой результат, в зависимости от входящих аргументов и будет выполнять сложные вычисления только тогда, когда у неё нет закешированного значения.

Примеры:
var complexFunction = function(arg1, arg2) { /* complex calculation in here */ };
var cachedFunction = cache(complexFunction);

cachedFunction('foo', 'bar');
// complex function should be executed

cachedFunction('foo', 'bar');
// complex function should not be invoked again, instead the cached result should be returned

cachedFunction('foo', 'baz');
// should be executed, because the method wasn't invoked before with these arguments

👉 @frontendInterview

​Хотите продолжать учиться во фронтенде, но не знаете, куда идти дальше?

Составим индивидуальный план развития вместе с экспертами из крупных продуктовых компаний.

Для осознанного карьерного роста у фронтендера должен быть чёткий план развития навыков.

Но во многих компаниях не дают такие планы. А там, где дают, они направлены на рост внутри одной компании, а не всего рынка в целом.

При этом составить себе план сложно, ведь в разных компаниях требуют разные навыки, а сразу всё изучить невозможно — надо как-то расставлять приоритеты. И ещё есть софт-скиллы, с которыми всё тоже непросто.

Мы решили для вас эту проблему и создали скоринг для комплексной оценки хард- и софт-скиллов, которые востребованы прямо сейчас.

Совместно с крупными продуктовыми компаниями мы провели исследование вакансий и выбрали самые востребованные навыки фронтенд-разработчика — по ним мы и проводим оценку. Для оценки хард-скиллов привлекаем разработчиков — специалистов по узким темам, а для проверки софт-скиллов — психологов, которые работают с фронтендерами.

Оценка состоит из трёх этапов:

— автоматизированный технической скоринг — тест для проверки 56 групп навыков;

— техническое собеседование с экспертами из «Яндекса», «Связного», PandaDoc и других компаний;

— психологическое интервью для оценки софт-скиллов по авторской методике, проверенной на 150 разработчиках.

По результатам оценки вы получаете индивидуальный план развития с персональными рекомендациями от экспертов.

Начать оценку, чтобы получить план и начать осознанно развиваться, можно уже сейчас — по ссылке. До 1 сентября оценку можно пройти по специальной цене.

Что такое WebSocket? В чем принцип его работы?

WebSocket (веб-сокеты) — независимый веб-протокол, который позволяет создавать интерактивное соединение между сервером и клиентом (браузером) и обмениваться сообщениями в реальном времени. В отличие от HTTP, веб-сокеты позволяют работать с двунаправленным потоком данных, поэтому технология является уникальной.

👉 @frontendInterview

👉 @frontendInterview

Что такое Service Workers?

Говоря простыми словами, это сценарий, который запускается браузером в фоновом режиме. Он никак не связан с веб-страницей или DOM и предоставляет функции “из коробки”, такие как обработка сетевых запросов, push-уведомления и фоновая синхронизация. Service workers обеспечивают возможность работы offline.

Service worker — посредник между клиентом и сервером, пропускающий через себя все запросы к серверу. С его помощью можно перехватывать все запросы “на лету”.

👉 @frontendInterview

👉 @frontendInterview