👉 @frontendInterview

Vue.js 3 Cookbook

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

👉 @frontendInterview

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