Char Code Calculation

Вам дана строка, состоящая из символов ASCII. Переведите символы в код - число total1, замените все цифры 7 на 1 - число total2. И вычтите из total1 число total2.

Пример:
'ABC' --> 'A' = 65, 'B' = 66, 'C' = 67 --> 656667

total1 = 656667
^
total2 = 656661



  (6 + 5 + 6 + 6 + 6 + 7)
- (6 + 5 + 6 + 6 + 6 + 1)
-------------------------

6

👉 @frontendInterview

Как изменить цвет SVG?

Если заглянуть «под капот» и изучить код, который отвечает за отрисовку SVG, то можно выделить два свойства, которые отвечают за цвет — fill (заливка) и stroke (обводка). Их можно редактировать и тем самым менять цвет иконки.

На картинке два квадрата — они идентичны, за исключением свойства fill. В одном случае мы залили квадрат красным цветом, в другом вообще не прописали этой свойство.

👉 @frontendInterview

👉 @frontendInterview

Что такое семантическая верстка?

Давным-давно (лет пятнадцать назад) почти все делали сайты и не переживали о том, что под капотом. Верстали таблицами, использовали всё, что попадётся под руку (а попадались в основном div и span) и не особо заморачивались о доступности. А потом случился HTML5 и понеслось.

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

👉 @frontendInterview

👉 @frontendInterview

Что такое XSS?

XSS (межсайтовый скриптинг) – одна из разновидностей атак на веб-системы, которая подразумевает внедрение вредоносного кода на определенную страницу сайта и взаимодействие этого кода с удаленным сервером злоумышленников при открытии страницы пользователем.
Основная цель межсайтового скриптинга – кража cookies пользователей при помощи встроенного на сервере скрипта с дальнейшей выборкой необходимых данных и использованием их для последующих атак и взломов.

👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

CSS полный справочник

В обновленном 4-ом издании книги «CSS. Полное руководство» содержится полноценное руководство по использованию каскадных таблиц стилей (CSS), а также подробное описание самых последних стандартов CSS. Язык CSS постоянно совершенствуется и предназначен для описания внешнего вида веб-контента, отображаемого на экранах компьютеров и мобильных устройств, выводимых на принтеры, синтезаторы речи, а также используется в средствах озвучивания страниц и окнах чата.

👉 @frontendInterview

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